Merge pull request #127 from edvardchen/ignore-styled

feat: allow to ignore tag template via callees
edvardchen · Jul 13, 2024 · fb9cb00 · fb9cb00
2 parents 5f08370 + 08a653b
commit fb9cb00
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 11 deletions.
diff --git a/lib/rules/no-literal-string.js b/lib/rules/no-literal-string.js
@@ -249,6 +249,13 @@ module.exports = {
       },
       'CallExpression:exit': endIndicator,
 
+      TaggedTemplateExpression(node) {
+        indicatorStack.push(
+          isValidFunctionCall(context, options, { callee: node.tag })
+        );
+      },
+      'TaggedTemplateExpression:exit': endIndicator,
+
       'SwitchCase > Literal'(node) {
         indicatorStack.push(true);
       },

diff --git a/tests/lib/rules/no-literal-string/should-validate-template.js b/tests/lib/rules/no-literal-string/should-validate-template.js
@@ -1,37 +1,40 @@
-const testFile = require('../../helpers/testFile');
 const runTest = require('../../helpers/runTest');
 
-const options = [{ mode: 'all', 'should-validate-template': true }];
 const cases = {
   valid: [
     {
       code: `import(\`hello\`);
 	var a = \`12345\`
 	var a = \`\`
   `,
-      options,
+      options: [{ mode: 'all', 'should-validate-template': true }],
     },
 
     {
       code: 'var a = `hello ${abc} world`',
+      options: [{ mode: 'jsx-only', 'should-validate-template': true }],
+    },
+
+    {
+      code: 'const StyledParagaph = styled.p`some css here`',
       options: [
         {
-          mode: 'jsx-only',
+          mode: 'all',
+          callees: { exclude: ['styled.*'] },
           'should-validate-template': true,
         },
       ],
     },
   ],
   invalid: [
-    { code: 'var a = `hello ${abc} world`', options, errors: 1 },
+    {
+      code: 'var a = `hello ${abc} world`',
+      options: [{ mode: 'all', 'should-validate-template': true }],
+      errors: 1,
+    },
     {
       code: 'var a = "hello world"; <>`abcd`</>',
-      options: [
-        {
-          mode: 'jsx-only',
-          'should-validate-template': true,
-        },
-      ],
+      options: [{ mode: 'jsx-only', 'should-validate-template': true }],
       errors: 1,
     },
   ],