add test for URL resolving

Author: yyx990803

package.json

@@ -64,17 +64,18 @@
     "css-loader": "^0.21.0",
     "eslint": "^1.6.0",
     "extract-text-webpack-plugin": "^0.8.2",
+    "file-loader": "^0.8.5",
     "inject-loader": "^2.0.1",
     "jade": "^1.11.0",
     "jsdom": "^7.2.2",
     "mkdirp": "^0.5.1",
     "mocha": "^2.2.5",
     "node-libs-browser": "^0.5.3",
     "rimraf": "^2.4.0",
-    "vue-style-loader": "^1.0.0",
     "stylus-loader": "^1.4.0",
     "vue-hot-reload-api": "^1.2.0",
     "vue-html-loader": "^1.0.0",
+    "vue-style-loader": "^1.0.0",
     "webpack": "^1.12.2"
   }
 }

test/fixtures/logo.png

@@ -0,0 +1 @@
+window.testModule = require('./resolve.vue')

test/fixtures/resolve.js

@@ -0,0 +1,9 @@
+<template>
+  <img src="./logo.png">
+  <img src="~fixtures/logo.png">
+</template>
+
+<style>
+html { background-image: url(./logo.png); }
+body { background-image: url(~fixtures/logo.png); }
+</style>

test/fixtures/resolve.vue

@@ -216,7 +216,7 @@ describe('vue-loader', function () {
     })
   })
 
-  it('dependency injection', function () {
+  it('dependency injection', function (done) {
     test({
       entry: './test/fixtures/inject.js'
     }, function (window) {
@@ -231,4 +231,27 @@ describe('vue-loader', function () {
     })
   })
 
+  it('translates relative URLs and respects resolve alias', function (done) {
+    test({
+      entry: './test/fixtures/resolve.js',
+      resolve: {
+        alias: {
+          fixtures: path.resolve(__dirname, 'fixtures')
+        }
+      },
+      module: {
+        loaders: [
+          { test: /\.vue$/, loader: loaderPath },
+          { test: /\.png$/, loader: 'file-loader?name=[name].[hash:6].[ext]' }
+        ]
+      }
+    }, function (window) {
+      var module = window.testModule
+      expect(module.template).to.contain('<img src="logo.c9e00e.png">\n<img src="logo.c9e00e.png">')
+      var style = window.document.querySelector('style').textContent
+      expect(style).to.contain('html { background-image: url(logo.c9e00e.png); }')
+      expect(style).to.contain('body { background-image: url(logo.c9e00e.png); }')
+      done()
+    })
+  })
 })