fix: escape special chars in regex for toHaveTextContent fixer (#68)

Author: skovy

src/__tests__/lib/rules/prefer-to-have-text-content.js

@@ -84,6 +84,26 @@ ruleTester.run("prefer-to-have-text-content", rule, {
       ],
       output: `expect(element).toHaveTextContent(/foo/)`,
     },
+    {
+      code: 'expect(element.textContent).toContain("$42/month?")',
+      errors: [
+        {
+          message:
+            "Use toHaveTextContent instead of asserting on DOM node attributes",
+        },
+      ],
+      output: "expect(element).toHaveTextContent(/\\$42\\/month\\?/)",
+    },
+    {
+      code: "expect(element.textContent).toContain(100)",
+      errors: [
+        {
+          message:
+            "Use toHaveTextContent instead of asserting on DOM node attributes",
+        },
+      ],
+      output: `expect(element).toHaveTextContent(/100/)`,
+    },
     {
       code: 'expect(container.firstChild.textContent).toContain("foo")',
       errors: [
@@ -165,7 +185,6 @@ ruleTester.run("prefer-to-have-text-content", rule, {
       ],
       output: "expect(element).not.toHaveTextContent(/foo bar/)",
     },
-
     {
       code: 'expect(element.textContent).not.toMatch("foo")',
       errors: [
@@ -176,5 +195,15 @@ ruleTester.run("prefer-to-have-text-content", rule, {
       ],
       output: `expect(element).not.toHaveTextContent(/foo/)`,
     },
+    {
+      code: 'expect(element.textContent).not.toMatch("$42/month?")',
+      errors: [
+        {
+          message:
+            "Use toHaveTextContent instead of asserting on DOM node attributes",
+        },
+      ],
+      output: `expect(element).not.toHaveTextContent(/\\$42\\/month\\?/)`,
+    },
   ],
 });

src/rules/prefer-to-have-text-content.js

@@ -36,7 +36,11 @@ export const create = (context) => ({
             expectedArg.type === "Literal"
               ? expectedArg.regex
                 ? expectedArgSource
-                : `/${expectedArg.value}/`
+                : new RegExp(
+                    expectedArg.value
+                      .toString()
+                      .replace(/[.*+\-?^${}()|[\]\\]/g, "\\$&")
+                  )
               : `new RegExp(${expectedArgSource})`
           ),
         ];
@@ -92,7 +96,11 @@ export const create = (context) => ({
           expectedArg.type === "Literal"
             ? expectedArg.regex
               ? expectedArgSource
-              : `/${expectedArg.value}/`
+              : new RegExp(
+                  expectedArg.value
+                    .toString()
+                    .replace(/[.*+\-?^${}()|[\]\\]/g, "\\$&")
+                )
             : `new RegExp(${expectedArgSource})`
         ),
       ],