test: duplicate css modules test

Author: yyx990803

test/edgeCases.spec.js

@@ -113,13 +113,18 @@ test('should not duplicate css modules value imports', done => {
         ]
       }
     }
-  }, ({ window, module, code }) => {
+  }, ({ window, exports, code }) => {
     const localsRE = /exports.locals = {\s+"color": "red"\s+};/
     const matches = code.match(localsRE)
     expect(matches.length).toBe(1)
 
-    const styles = window.getComputedStyle(window.document.querySelector('h1'))
-    console.log(styles)
+    const styles = window.document.querySelectorAll('style')
+    expect(styles.length).toBe(2) // one for values, one for the component
+    const style = normalizeNewline(styles[1].textContent)
+    // value should be injected
+    expect(style).toMatch('color: red;')
+    // exports is set as the locals imported from values.css
+    expect(exports.color).toBe('red')
     done()
   })
 })

test/fixtures/duplicate-cssm.css

@@ -0,0 +1 @@
+@value color: red;

test/fixtures/duplicate-cssm.js

@@ -0,0 +1,7 @@
+import values from './duplicate-cssm.css'
+import Comp from './duplicate-cssm.vue'
+
+export { values }
+export default Comp
+
+window.exports = values

test/fixtures/duplicate-cssm.vue

@@ -0,0 +1,11 @@
+<template>
+  <h1 :class="$style.red">hi</h1>
+</template>
+
+<style module>
+@value color from './duplicate-cssm.css';
+
+.red {
+  color: color;
+}
+</style>