fix(sfc/style-vars): improve ignore style variable bindings in comments (#4202)

2021-07-28 22:51:25 +08:00
parent 204e194d2b
commit 771635b72a
3 changed files with 17 additions and 8 deletions
--- a/packages/compiler-sfc/tests/cssVars.spec.ts
+++ b/packages/compiler-sfc/tests/cssVars.spec.ts
@@ -164,13 +164,17 @@ describe('CSS vars injection', () => {
    //#4185
    test('should ignore comments', () => {
      const { content } = compileSFCScript(
-        `<script setup>const color = 'red'</script>\n` +
+        `<script setup>const color = 'red';const width = 100</script>\n` +
          `<style>
+            /* comment **/
            div{ /* color: v-bind(color); */ width:20; }
+            div{ width: v-bind(width); }
+            /* comment */
          </style>`
      )

-      expect(content).not.toMatch(`_useCssVars`)
+      expect(content).not.toMatch(`"${mockId}-color": (color)`)
+      expect(content).toMatch(`"${mockId}-width": (width)`)
      assertCode(content)
    })