test: add StringLiteral and TemplateElement case

Author: sonofmagic

packages/unplugin-tailwindcss-mangle/package.json

@@ -57,7 +57,9 @@
     "tailwindcss",
     "utilities",
     "mangle",
-    "class"
+    "class",
+    "obfuscator",
+    "obfuscation"
   ],
   "author": "SonOfMagic <[email protected]>",
   "license": "MIT",

packages/unplugin-tailwindcss-mangle/test/__snapshots__/js.test.ts.snap

@@ -0,0 +1,8 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`js handler common StringLiteral 1`] = `"element.innerHTML = "<div class=\\"tw-a tw-b\\">count is counter</div>";"`;
+
+exports[`js handler common TemplateElement 1`] = `
+"const counter = 0;
+element.innerHTML = \`<div class="tw-a tw-b">count is \${counter}</div>\`;"
+`;

packages/unplugin-tailwindcss-mangle/test/js.test.ts

@@ -0,0 +1,31 @@
+import { jsHandler } from '../src/js/index'
+import ClassGenerator from '../src/classGenerator'
+describe('js handler', () => {
+  it('common StringLiteral', () => {
+    const classGenerator = new ClassGenerator()
+    const runtimeSet = new Set<string>()
+    runtimeSet.add('dark:bg-zinc-800/30')
+    runtimeSet.add('lg:dark:bg-zinc-800/30')
+    // eslint-disable-next-line no-template-curly-in-string
+    const testCase = 'element.innerHTML = \'<div class="dark:bg-zinc-800/30 lg:dark:bg-zinc-800/30">count is counter</div>\''
+    const code = jsHandler(testCase, {
+      classGenerator,
+      runtimeSet
+    }).code
+    expect(code).toMatchSnapshot()
+  })
+
+  it('common TemplateElement', () => {
+    const classGenerator = new ClassGenerator()
+    const runtimeSet = new Set<string>()
+    runtimeSet.add('dark:bg-zinc-800/30')
+    runtimeSet.add('lg:dark:bg-zinc-800/30')
+    // eslint-disable-next-line no-template-curly-in-string
+    const testCase = 'const counter = 0;element.innerHTML = `<div class="dark:bg-zinc-800/30 lg:dark:bg-zinc-800/30">count is ${counter}</div>`'
+    const code = jsHandler(testCase, {
+      classGenerator,
+      runtimeSet
+    }).code
+    expect(code).toMatchSnapshot()
+  })
+})