Test extract css (vuejs#101)

zigomir · yyx990803 · commit 1b05390f87c5 · 2016-06-23T19:16:29.000-04:00
* hash not used

* Test css extract.
diff --git a/.eslintrc b/.eslintrc
@@ -1,4 +1,7 @@
 {
   "root": true,
-  "extends": "vue"
+  "extends": "vue",
+  "env": {
+    "mocha": true
+  }
 }
diff --git a/test/fixtures/style-export.vue b/test/fixtures/style-export.vue
@@ -0,0 +1,3 @@
+<style>
+h2 {color: red;}
+</style>
diff --git a/test/test.js b/test/test.js
@@ -3,7 +3,6 @@ process.env.VUEIFY_TEST = true
 const fs = require('fs')
 const path = require('path')
 const expect = require('chai').expect
-const hash = require('hash-sum')
 const rimraf = require('rimraf')
 const mkdirp = require('mkdirp')
 const browserify = require('browserify')
@@ -37,6 +36,18 @@ function test (file, assert) {
   })
 }
 
+function testCssExtract (file, assert) {
+  it(file, done => {
+    fs.writeFileSync(mockEntry, 'window.vueModule = require("../fixtures/' + file + '.vue")')
+    browserify(mockEntry)
+      .transform(vueify)
+      .plugin('./plugins/extract-css', { out: { write: assert, end: done }})
+      .bundle((err, buf) => {
+        if (err) return done(err)
+      })
+  })
+}
+
 function assertRenderFn (options, template) {
   const compiled = vueCompiler.compile(template)
   expect(options.render.toString()).to.equal('function (){' + compiled.render + '}')
@@ -122,4 +133,8 @@ describe('vueify', () => {
     var id = 'data-v-' + genId(require.resolve('./fixtures/media-query.vue'))
     expect(style).to.contain('@media print {\n  .foo[' + id + '] {\n    color: #000;\n  }\n}')
   })
+
+  testCssExtract('style-export', css => {
+    expect(css).to.equal('h2 {color: red;}')
+  })
 })

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,7 @@`
`1`	`1`	`{`
`2`	`2`	`"root": true,`
`3`		`- "extends": "vue"`
	`3`	`+ "extends": "vue",`
	`4`	`+ "env": {`
	`5`	`+ "mocha": true`
	`6`	`+ }`
`4`	`7`	`}`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+<style>`
	`2`	`+h2 {color: red;}`
	`3`	`+</style>`