Rename method

Author: asamuzaK

lib/CSSStyleDeclaration.js

@@ -291,21 +291,11 @@ class CSSStyleDeclaration {
 
   /**
    * Non-standard.
-   * Use this method to set the computed and read-only flags after the value of getComputedStyle()
-   * has been resolved.
-   * @param {object} opt - Options
+   * Use this method to set the read-only flag after getComputedStyle() has been resolved.
    * @returns {void}
    */
-  setOptions(opt = {}) {
-    for (const [key, value] of Object.entries(opt)) {
-      if (key === "computed") {
-        opt[key] = value;
-        this._computed = value;
-      } else if (key === "readOnly") {
-        opt[key] = value;
-        this._readonly = value;
-      }
-    }
+  setReadOnlyFlag() {
+    this._readonly = true;
   }
 
   // Internal methods

test/CSSStyleDeclaration.test.js

@@ -85,7 +85,7 @@ describe("CSSStyleDeclaration", () => {
     });
   });
 
-  it("getting cssText returns empty string if computedflag is set", () => {
+  it("getting cssText returns empty string if computed flag is set", () => {
     const window = {
       getComputedStyle: () => {},
       DOMException: globalThis.DOMException
@@ -166,7 +166,28 @@ describe("CSSStyleDeclaration", () => {
     assert.strictEqual(style.getPropertyPriority("--foo"), "important");
   });
 
-  it("removeProperty throws if readonly flag is set", () => {
+  it("setProperty throws if read-only flag is set", () => {
+    const window = {
+      getComputedStyle: () => {},
+      DOMException: globalThis.DOMException
+    };
+    const style = new CSSStyleDeclaration(window);
+    style.setProperty("color", "green");
+    style.setReadOnlyFlag();
+    assert.throws(
+      () => {
+        style.setProperty("color", "red");
+      },
+      (e) => {
+        assert.strictEqual(e instanceof window.DOMException, true);
+        assert.strictEqual(e.name, "NoModificationAllowedError");
+        assert.strictEqual(e.message, "Property color can not be modified.");
+        return true;
+      }
+    );
+  });
+
+  it("removeProperty throws if read-only flag is set", () => {
     const window = {
       getComputedStyle: () => {},
       DOMException: globalThis.DOMException
@@ -175,9 +196,7 @@ describe("CSSStyleDeclaration", () => {
     style.setProperty("--foo", "green");
     style.setProperty("--bar", "red");
     assert.strictEqual(style.removeProperty("--foo"), "green");
-    style.setOptions({
-      readOnly: true
-    });
+    style.setReadOnlyFlag();
     assert.throws(
       () => {
         style.removeProperty("--bar");