diff --git a/karma.conf.js b/karma.conf.js
new file mode 100644
index 000000000..31346ac39
--- /dev/null
+++ b/karma.conf.js
@@ -0,0 +1,25 @@
+module.exports = function (config) {
+  config.set({
+    preprocessors: {
+      '**/*.vue': ['webpack', 'sourcemap']
+    },
+    webpack: {
+      devtool: 'inline-source-map',
+      module: {
+        loaders: [
+          { test: /\.vue$/, loader: './index.js' }
+        ]
+      }
+    },
+    frameworks: ['mocha', 'chai'],
+    files: ['test/*.vue'],
+    plugins: [
+      require('karma-webpack'),
+      require('karma-mocha'),
+      require('karma-chai'),
+      require('karma-chrome-launcher'),
+      require('karma-phantomjs-launcher'),
+      require('karma-sourcemap-loader')
+    ]
+  })
+}
diff --git a/lib/loader.js b/lib/loader.js
index c2e2644e7..7bb0a11c2 100644
--- a/lib/loader.js
+++ b/lib/loader.js
@@ -144,6 +144,7 @@ module.exports = function (content) {
   var parts = parse(content, fileName, this.sourceMap)
   var hasLocalStyles = false
   var output = 'var __vue_script__, __vue_template__\n'
+  var testOutput = ''
 
   // check if there are any template syntax errors
   var templateWarnings = parts.template.length && parts.template[0].warnings
@@ -163,29 +164,58 @@ module.exports = function (content) {
     output += getRequire('style', style, i, style.scoped)
   })
 
-  // add require for script
-  var script
-  if (parts.script.length) {
-    script = parts.script[0]
-    output +=
-      '__vue_script__ = ' + (
-        script.src
-          ? getRequireForImport('script', script, 0)
-          : getRequire('script', script, 0)
-      )
-    // check and warn named exports
-    if (!this.minimize) {
-      output +=
-        'if (__vue_script__ &&\n' +
-        '    __vue_script__.__esModule &&\n' +
-        '    Object.keys(__vue_script__).length > 1) {\n' +
-        '  console.warn(' + JSON.stringify(
-            '[vue-loader] ' + path.relative(process.cwd(), filePath) +
-            ': named exports in *.vue files are ignored.'
-          ) + ')' +
-        '}\n'
+  // add requires for scripts
+  var hasScript = false
+  parts.script.forEach(function (script, i) {
+    var requireStr = script.src
+      ? getRequireForImport('script', script, i)
+      : getRequire('script', script, i)
+    if (script.test === undefined) {
+      // only one script without test attribute
+      if (hasScript) {
+        throw new Error(
+          '[vue-loader] Only one <script> tag is ' +
+          'allowed inside a Vue component.'
+        )
+      }
+      hasScript = true
+      output += '__vue_script__ = ' + requireStr
+      // check and warn named exports
+      if (!this.minimize) {
+        output +=
+          'if (__vue_script__ &&\n' +
+          '    __vue_script__.__esModule &&\n' +
+          '    Object.keys(__vue_script__).length > 1) {\n' +
+          '  console.warn(' + JSON.stringify(
+              '[vue-loader] ' + path.relative(process.cwd(), filePath) +
+              ': named exports in *.vue files are ignored.'
+            ) + ')' +
+          '}\n'
+      }
+    } else if (!this.minimize && process.env.NODE_ENV !== 'production') {
+      switch (script.test) {
+        case 'karma':
+          // mount the vue component and bind to `this`
+          testOutput +=
+            'if (window._karma__ !== "null") {\n' +
+            '  var Vue = require("vue")\n' +
+            '  var vueComp = Vue.extend(module.exports)\n' +
+            '  vueComp = new vueComp()\n' +
+            '  document.body.appendChild(vueComp.$mount().$el)\n' +
+            '  window.vueTestComp = vueComp\n' +
+            '  ' + requireStr.replace('require("!!', 'require("!!imports-loader?this=>window.vueTestComp!') +
+            '  delete window.vueTestComp\n' +
+            '}\n'
+          break
+        default:
+        // bind the unmounted vue component to `this`
+          testOutput +=
+          'window.vueTestComp = module.exports\n' +
+          requireStr.replace('require("!!', 'require("!!imports-loader?this=>window.vueTestComp!') +
+          'window.vueTestComp = null\n'
+      }
     }
-  }
+  })
 
   // add require for template
   var template
@@ -242,6 +272,11 @@ module.exports = function (content) {
       '}'
   }
 
+  // add tests if available
+  if (testOutput) {
+    output += '\n' + testOutput
+  }
+
   // done
   return output
 }
diff --git a/lib/parser.js b/lib/parser.js
index a353635d1..5893a33ba 100644
--- a/lib/parser.js
+++ b/lib/parser.js
@@ -39,6 +39,7 @@ module.exports = function (content, filename, needMap) {
     var type = node.tagName
     var lang = getAttribute(node, 'lang')
     var src = getAttribute(node, 'src')
+    var test = getAttribute(node, 'test')
     var scoped = getAttribute(node, 'scoped') != null
     var warnings = null
     var map = null
@@ -48,12 +49,9 @@ module.exports = function (content, filename, needMap) {
     }
 
     // node count check
-    if (
-      (type === 'script' || type === 'template') &&
-      output[type].length > 0
-    ) {
+    if (type === 'template' && output[type].length > 0) {
       throw new Error(
-        '[vue-loader] Only one <script> or <template> tag is ' +
+        '[vue-loader] Only one <template> tag is ' +
         'allowed inside a Vue component.'
       )
     }
@@ -74,7 +72,8 @@ module.exports = function (content, filename, needMap) {
       } else if (type === 'script') {
         output.script.push({
           src: src,
-          lang: lang
+          lang: lang,
+          test: test
         })
       }
       return
@@ -153,7 +152,8 @@ module.exports = function (content, filename, needMap) {
       scoped: scoped,
       content: result,
       map: map && map.toJSON(),
-      warnings: warnings
+      warnings: warnings,
+      test: test
     })
   })
 
diff --git a/package.json b/package.json
index 0b6f80bea..75f712577 100644
--- a/package.json
+++ b/package.json
@@ -24,7 +24,9 @@
   "homepage": "https://github.com/vuejs/vue-loader",
   "scripts": {
     "lint": "eslint lib",
-    "test": "eslint lib && mocha test/test.js --slow 5000 --timeout 10000",
+    "test:mocha": "mocha test/test.js --slow 5000 --timeout 10000",
+    "test:karma": "karma start --browsers PhantomJS --single-run",
+    "test": "npm run lint && npm run test:mocha && npm run test:karma",
     "docs": "cd docs && gitbook serve",
     "deploy-docs": "bash ./docs/deploy.sh"
   },
@@ -68,17 +70,27 @@
     "expose-loader": "^0.7.1",
     "extract-text-webpack-plugin": "^1.0.1",
     "file-loader": "^0.8.5",
+    "imports-loader": "^0.6.5",
     "inject-loader": "^2.0.1",
     "jade": "^1.11.0",
     "jsdom": "^8.5.0",
+    "karma": "^0.13.22",
+    "karma-chai": "^0.1.0",
+    "karma-chrome-launcher": "^1.0.1",
+    "karma-mocha": "^1.0.1",
+    "karma-phantomjs-launcher": "^1.0.0",
+    "karma-sourcemap-loader": "^0.3.7",
+    "karma-webpack": "^1.7.0",
     "mkdirp": "^0.5.1",
     "mocha": "^2.2.5",
     "node-libs-browser": "^1.0.0",
+    "phantomjs-prebuilt": "^2.1.7",
     "postcss": "^5.0.21",
     "rimraf": "^2.4.0",
     "stylus": "^0.54.5",
     "stylus-loader": "^2.0.0",
     "sugarss": "^0.1.3",
+    "vue": "^1.0.24",
     "vue-hot-reload-api": "^1.2.0",
     "vue-html-loader": "^1.0.0",
     "vue-style-loader": "^1.0.0",
diff --git a/test/autoprefix.vue b/test/autoprefix.vue
new file mode 100644
index 000000000..b3f073e63
--- /dev/null
+++ b/test/autoprefix.vue
@@ -0,0 +1,14 @@
+<style>
+body {
+  transform: scale(1);
+}
+</style>
+<script test>
+var styles = window.document.querySelectorAll('style')
+var style = styles[styles.length-1].textContent
+describe("vue-loader", function () {
+  it('autoprefix', function () {
+    expect(style).to.contain('body {\n  -webkit-transform: scale(1);\n          transform: scale(1);\n}')
+  })
+})
+</script>
diff --git a/test/basic.vue b/test/basic.vue
new file mode 100644
index 000000000..d2bc71898
--- /dev/null
+++ b/test/basic.vue
@@ -0,0 +1,31 @@
+<script>
+module.exports = {
+  data () {
+    return {
+      msg: 'Hello from Component A!'
+    }
+  }
+}
+</script>
+<template>
+  <h2 class="red">{{msg}}</h2>
+</template>
+
+<style>
+comp-a h2 {
+  color: #f00;
+}
+</style>
+
+<script test>
+var module = window.vueTestComp
+var styles = window.document.querySelectorAll('style')
+var style = styles[styles.length-1].textContent
+describe("vue-loader", function () {
+  it('basic', function () {
+    expect(module.template).to.contain('<h2 class="red">{{msg}}</h2>')
+    expect(module.data().msg).to.contain('Hello from Component A!')
+    expect(style).to.contain('comp-a h2 {\n  color: #f00;\n}')
+  })
+})
+</script>
diff --git a/test/fixtures/autoprefix.vue b/test/fixtures/autoprefix.vue
deleted file mode 100644
index a5308b2e0..000000000
--- a/test/fixtures/autoprefix.vue
+++ /dev/null
@@ -1,5 +0,0 @@
-<style>
-body {
-  transform: scale(1);
-}
-</style>
diff --git a/test/fixtures/basic.vue b/test/fixtures/basic.vue
deleted file mode 100644
index 5035c8304..000000000
--- a/test/fixtures/basic.vue
+++ /dev/null
@@ -1,19 +0,0 @@
-<template>
-  <h2 class="red">{{msg}}</h2>
-</template>
-
-<script>
-module.exports = {
-  data () {
-    return {
-      msg: 'Hello from Component A!'
-    }
-  }
-}
-</script>
-
-<style>
-comp-a h2 {
-  color: #f00;
-}
-</style>
diff --git a/test/fixtures/pre.vue b/test/fixtures/pre.vue
deleted file mode 100644
index 2eafdb4fd..000000000
--- a/test/fixtures/pre.vue
+++ /dev/null
@@ -1,19 +0,0 @@
-<style lang="stylus">
-font-stack = Helvetica, sans-serif
-primary-color = #999
-body
-  font 100% font-stack
-  color primary-color
-</style>
-
-<template lang="jade">
-h1 This is the app
-comp-a
-comp-b
-</template>
-
-<script lang="coffee">
-module.exports =
-  data: ->
-    msg: 'Hello from coffee!'
-</script>
diff --git a/test/fixtures/script-import.vue b/test/fixtures/script-import.vue
deleted file mode 100644
index b45d1ec73..000000000
--- a/test/fixtures/script-import.vue
+++ /dev/null
@@ -1 +0,0 @@
-<script src="./script-import.js"></script>
\ No newline at end of file
diff --git a/test/fixtures/template-import.vue b/test/fixtures/template-import.vue
deleted file mode 100644
index ce534539b..000000000
--- a/test/fixtures/template-import.vue
+++ /dev/null
@@ -1 +0,0 @@
-<template lang="jade" src="./template-import.jade"></template>
diff --git a/test/karma.vue b/test/karma.vue
new file mode 100644
index 000000000..fbb891237
--- /dev/null
+++ b/test/karma.vue
@@ -0,0 +1,27 @@
+<template>
+  <h2 class="red">{{msg}}</h2>
+</template>
+
+<script>
+module.exports = {
+  data () {
+    return {
+      msg: 'Hello from Component A!'
+    }
+  }
+}
+</script>
+
+
+<script test="karma">
+var module = window.vueTestComp
+describe("vue-loader", function () {
+  it('karma', function () {
+    expect(module.$el).to.exist
+    expect(module.msg).to.contain('Hello from Component A!')
+  })
+  after(function () {
+    module.$destroy(true)
+  })
+})
+</script>
diff --git a/test/preprocessors.vue b/test/preprocessors.vue
new file mode 100644
index 000000000..a7e7cd3ed
--- /dev/null
+++ b/test/preprocessors.vue
@@ -0,0 +1,36 @@
+<style lang="stylus">
+font-stack = Helvetica, sans-serif
+primary-color = #999
+body
+  font 100% font-stack
+  color primary-color
+</style>
+
+<template lang="jade">
+h1 This is the app
+comp-a
+comp-b
+</template>
+
+<script lang="coffee">
+module.exports =
+  data: ->
+    msg: 'Hello from coffee!'
+</script>
+
+<script test>
+var module = window.vueTestComp
+var styles = window.document.querySelectorAll('style')
+var style = styles[styles.length-1].textContent
+describe("vue-loader", function () {
+  it('preprocessors', function () {
+    expect(module.template).to.contain(
+      '<h1>This is the app</h1>' +
+      '<comp-a></comp-a>' +
+      '<comp-b></comp-b>'
+    )
+    expect(module.data().msg).to.contain('Hello from coffee!')
+    expect(style).to.contain('body {\n  font: 100% Helvetica, sans-serif;\n  color: #999;\n}')
+  })
+})
+</script>
diff --git a/test/script-import.vue b/test/script-import.vue
new file mode 100644
index 000000000..a39d112b8
--- /dev/null
+++ b/test/script-import.vue
@@ -0,0 +1,10 @@
+<script src="./fixtures/script-import.js"></script>
+
+<script test>
+var module = window.vueTestComp
+describe("vue-loader", function () {
+  it('script import', function () {
+    expect(module.data().msg).to.contain('Hello from Component A!')
+  })
+})
+</script>
diff --git a/test/template-import.vue b/test/template-import.vue
new file mode 100644
index 000000000..8b5ca968c
--- /dev/null
+++ b/test/template-import.vue
@@ -0,0 +1,10 @@
+<template lang="jade" src="./fixtures/template-import.jade"></template>
+
+<script test>
+var module = window.vueTestComp
+describe("vue-loader", function () {
+  it('template import', function () {
+    expect(module.template).to.contain('<div><h1>hello</h1></div>')
+  })
+})
+</script>
diff --git a/test/test.js b/test/test.js
index 8644b3ef1..726f6b5ac 100644
--- a/test/test.js
+++ b/test/test.js
@@ -8,6 +8,41 @@ var hash = require('hash-sum')
 var SourceMapConsumer = require('source-map').SourceMapConsumer
 var ExtractTextPlugin = require("extract-text-webpack-plugin")
 
+// to get loader.js output without webpack
+describe('vue-loader webpack mock', function () {
+  var loader
+  before(function () {
+    // mock webpack
+    loader = require('../lib/loader.js').bind({
+      cacheable: function () {},
+      options: {},
+      emitError: function (e) { throw e },
+      resourcePath: "./test.vue"
+    })
+  })
+
+  it('template', function () {
+    var result = loader('<template><div></div></template>')
+    expect(result).to.match(/__vue_template__ = require.+selector\.js\?type=template&index=0!\.\/test\.vue"\)/g)
+  })
+  it('script', function () {
+    var result = loader('<script>var insideScript</script>')
+    expect(result).to.match(/__vue_script__ = require.+selector\.js\?type=script&index=0!\.\/test\.vue"\)/g)
+  })
+  it('script test', function () {
+    var result = loader('<script test>var insideTest</script>')
+    expect(result).to.match(/\nrequire\("!!.+selector\.js\?type=script&index=0!\.\/test\.vue"\)/g)
+  })
+  it('script test karma', function () {
+    var result = loader('<script test="karma">var insideTest</script>')
+    expect(result).to.match(/\nif \(window\._karma__ !== "null"\) {/g)
+  })
+  it('style', function () {
+    var result = loader('<style>div{font-size:10px;}</style>')
+    expect(result).to.match(/\nrequire.+selector\.js\?type=style&index=0!\.\/test\.vue"\)/g)
+  })
+})
+
 describe('vue-loader', function () {
 
   var testHTML = '<!DOCTYPE html><html><head></head><body></body></html>'
@@ -64,36 +99,6 @@ describe('vue-loader', function () {
     })
   }
 
-  it('basic', function (done) {
-    test({
-      entry: './test/fixtures/basic.vue'
-    }, function (window) {
-      var module = window.vueModule
-      expect(module.template).to.contain('<h2 class="red">{{msg}}</h2>')
-      expect(module.data().msg).to.contain('Hello from Component A!')
-      var style = window.document.querySelector('style').textContent
-      expect(style).to.contain('comp-a h2 {\n  color: #f00;\n}')
-      done()
-    })
-  })
-
-  it('pre-processors', function (done) {
-    test({
-      entry: './test/fixtures/pre.vue'
-    }, function (window) {
-      var module = window.vueModule
-      expect(module.template).to.contain(
-        '<h1>This is the app</h1>' +
-        '<comp-a></comp-a>' +
-        '<comp-b></comp-b>'
-      )
-      expect(module.data().msg).to.contain('Hello from coffee!')
-      var style = window.document.querySelector('style').textContent
-      expect(style).to.contain('body {\n  font: 100% Helvetica, sans-serif;\n  color: #999;\n}')
-      done()
-    })
-  })
-
   it('scoped style', function (done) {
     test({
       entry: './test/fixtures/scoped-css.vue'
@@ -127,29 +132,9 @@ describe('vue-loader', function () {
     })
   })
 
-  it('template import', function (done) {
-    test({
-      entry: './test/fixtures/template-import.vue'
-    }, function (window) {
-      var module = window.vueModule
-      expect(module.template).to.contain('<div><h1>hello</h1></div>')
-      done()
-    })
-  })
-
-  it('script import', function (done) {
-    test({
-      entry: './test/fixtures/script-import.vue'
-    }, function (window) {
-      var module = window.vueModule
-      expect(module.data().msg).to.contain('Hello from Component A!')
-      done()
-    })
-  })
-
   it('source map', function (done) {
     var config = Object.assign({}, globalConfig, {
-      entry: './test/fixtures/basic.vue',
+      entry: './test/preprocessors.vue',
       devtool: 'source-map'
     })
     webpack(config, function (err) {
@@ -159,7 +144,7 @@ describe('vue-loader', function () {
         getFile('test.build.js', function (code) {
           var line
           var col
-          var targetRE = /^\s+msg: 'Hello from Component A!'/
+          var targetRE = /^\s+msg: 'Hello from coffee!'/
           code.split(/\r?\n/g).some(function (l, i) {
             if (targetRE.test(l)) {
               line = i + 1
@@ -172,23 +157,13 @@ describe('vue-loader', function () {
             column: col
           })
           expect(pos.source.indexOf('basic.vue') > -1)
-          expect(pos.line).to.equal(9)
+          expect(pos.line).to.equal(18)
           done()
         })
       })
     })
   })
 
-  it('autoprefix', function (done) {
-    test({
-      entry: './test/fixtures/autoprefix.vue'
-    }, function (window) {
-      var style = window.document.querySelector('style').textContent
-      expect(style).to.contain('body {\n  -webkit-transform: scale(1);\n          transform: scale(1);\n}')
-      done()
-    })
-  })
-
   it('media-query', function (done) {
     test({
       entry: './test/fixtures/media-query.vue'