test: add reverse trailing slash case

sonofmagic · sonofmagic · commit 82cbbe0b1318 · 2023-06-08T00:07:52.000+08:00
diff --git a/packages/core/test/__snapshots__/html.test.ts.snap b/packages/core/test/__snapshots__/html.test.ts.snap
@@ -13,6 +13,28 @@ exports[`html handler > common usage 1`] = `
   </h1>
 
 
+</body></html>"
+`;
+
+exports[`html handler > trailing slash case 0 1`] = `
+"<!DOCTYPE html><html lang=\\"en\\"><head>
+  <meta charset=\\"UTF-8\\">
+  <meta http-equiv=\\"X-UA-Compatible\\" content=\\"IE=edge\\">
+  <meta name=\\"viewport\\" content=\\"width=device-width, initial-scale=1.0\\">
+  <title>Document</title>
+</head>
+
+<body>
+  <div>
+    <div class=\\"tw-a\\">
+      Block with bg-red-500/50 class
+    </div>
+    <div class=\\"tw-b\\">
+      Block with bg-red-500 class
+    </div>
+  </div>
+
+
 </body></html>"
 `;
 
diff --git a/packages/core/test/__snapshots__/js.test.ts.snap b/packages/core/test/__snapshots__/js.test.ts.snap
@@ -254,6 +254,8 @@ exports[`js handler nextjs server side mangle 1`] = `
 
 exports[`js handler trailing slash case 0 1`] = `"document.getElementById("#app").classList.add("tw-a tw-b");"`;
 
+exports[`js handler trailing slash case 1 1`] = `"document.querySelector('##app').classList.add("tw-a tw-b");"`;
+
 exports[`js handler z-10 not transform 1`] = `
 "{
   className: "tw-a tw-b tw-c tw-d tw-e tw-f tw-g tw-h";
diff --git a/packages/core/test/fixtures/trailing-slash-0.html b/packages/core/test/fixtures/trailing-slash-0.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Document</title>
+</head>
+
+<body>
+  <div>
+    <div class="bg-red-500/50">
+      Block with bg-red-500/50 class
+    </div>
+    <div class="bg-red-500">
+      Block with bg-red-500 class
+    </div>
+  </div>
+</body>
+
+</html>
diff --git a/packages/core/test/fixtures/trailing-slash-1.js b/packages/core/test/fixtures/trailing-slash-1.js
@@ -0,0 +1 @@
+document.querySelector('##app').classList.add('bg-red-500/50 bg-red-500')
diff --git a/packages/core/test/html.test.ts b/packages/core/test/html.test.ts
@@ -32,4 +32,17 @@ describe('html handler', () => {
     })
     expect(res).toMatchSnapshot()
   })
+
+  it('trailing slash case 0', () => {
+    const runtimeSet = new Set<string>()
+
+    for (const x of splitCode('bg-red-500 bg-red-500/50')) {
+      runtimeSet.add(x)
+    }
+    const res = htmlHandler(getTestCase('trailing-slash-0.html'), {
+      classGenerator,
+      runtimeSet
+    })
+    expect(res).toMatchSnapshot()
+  })
 })
diff --git a/packages/core/test/js.test.ts b/packages/core/test/js.test.ts
@@ -161,4 +161,17 @@ describe('js handler', () => {
     }).code
     expect(code).toMatchSnapshot()
   })
+
+  it('trailing slash case 1', () => {
+    const testCase = getTestCase('trailing-slash-1.js')
+    const runtimeSet = new Set<string>()
+    runtimeSet.add('bg-red-500/50')
+    runtimeSet.add('bg-red-500')
+
+    const code = jsHandler(testCase, {
+      classGenerator,
+      runtimeSet
+    }).code
+    expect(code).toMatchSnapshot()
+  })
 })

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1 @@`
	`1`	`+document.querySelector('##app').classList.add('bg-red-500/50 bg-red-500')`