test to fix autofix

Author: langermank

src/rules/new-color-css-vars.js

@@ -125,17 +125,22 @@ module.exports = {
       Object.keys(cssVars).forEach(cssVar => {
         if (Array.isArray(cssVars[cssVar])) {
           cssVars[cssVar].forEach(cssVarObject => {
-            const regex = new RegExp(`var\\(${cssVar}\\)`, 'g')
-            if (cssVarObject.props.some(prop => rawText.includes(prop)) && regex.test(rawText)) {
-              const fixedString = rawText.replace(regex, `var(${cssVarObject.replacement}, var(${cssVar}))`)
-              context.report({
-                node,
-                message: `Replace var(${cssVar}) with var(${cssVarObject.replacement}, var(${cssVar}))`,
-                fix: function(fixer) {
-                  return fixer.replaceText(node, node.type === 'Literal' ? `"${fixedString}"` : fixedString)
+            cssVarObject.props.forEach(prop => {
+              const regex = new RegExp(`var\\(${cssVar}\\)`, 'g')
+              if (rawText.includes(prop) && regex.test(rawText)) {
+                const fixedString = rawText.replace(regex, `var(${cssVarObject.replacement}, var(${cssVar}))`)
+                if (!rawText.includes(fixedString)) {
+                  // Check if the autofix has already been applied
+                  context.report({
+                    node,
+                    message: `Replace var(${cssVar}) with var(${cssVarObject.replacement}, var(${cssVar}))`,
+                    fix: function(fixer) {
+                      return fixer.replaceText(node, node.type === 'Literal' ? `"${fixedString}"` : fixedString)
+                    }
+                  })
                 }
-              })
-            }
+              }
+            })
           })
         }
       })