fix(prefer-to-have-style): do not offer invalid autofix for computed accessors (#306)

Author: G-Rath

src/__tests__/lib/rules/prefer-to-have-style.js

@@ -167,5 +167,15 @@ ruleTester.run("prefer-to-have-style", rule, {
       code: `expect(element.style[0]).toBe(/RegExp/);`,
       errors,
     },
+    {
+      code: `expect(imageElement.style[computed]).toBe(\`inset 0px 0px 0px 400px \${c}\`)`,
+      errors,
+      output: null,
+    },
+    {
+      code: `expect(imageElement.style[computed]).not.toBe(\`inset 0px 0px 0px 400px \${c}\`)`,
+      errors,
+      output: null,
+    },
   ],
 });

src/rules/prefer-to-have-style.js

@@ -169,7 +169,8 @@ export const create = (context) => {
 
       if (
         typeof styleValue.value !== "number" &&
-        !(styleValue.value instanceof RegExp)
+        !(styleValue.value instanceof RegExp) &&
+        styleName.type !== "Identifier"
       ) {
         fix = (fixer) => {
           return [
@@ -208,7 +209,10 @@ export const create = (context) => {
 
       let fix = null;
 
-      if (typeof styleName.value !== "number") {
+      if (
+        typeof styleName.value !== "number" &&
+        styleName.type !== "Identifier"
+      ) {
         fix = (fixer) => {
           return [
             fixer.removeRange([