Skip to content

Commit 4f267a9

Browse files
eddyerburgheddyerburgh
committed
initial commit 👌
0 parents  commit 4f267a9

15 files changed

+3429
-0
lines changed

‎.babelrc

+7
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
{
2+
"env": {
3+
"test": {
4+
"presets": ["env", "es2015", "stage-2"]
5+
}
6+
}
7+
}

‎.eslintrc

+9
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
{
2+
"root": true,
3+
"plugins": [
4+
"vue"
5+
],
6+
"extends": [
7+
"plugin:vue-libs/recommended",
8+
]
9+
}

‎.gitignore

+23
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
#OS files
2+
.DS_Store
3+
node_modules
4+
5+
# Editor files
6+
/.idea
7+
*.suo
8+
*.ntvs*
9+
*.njsproj
10+
*.sln
11+
**.swp
12+
*.sw*
13+
coverage
14+
15+
# Logs
16+
logs
17+
*.log
18+
19+
# Runtime data
20+
pids
21+
*.pid
22+
*.seed
23+
*.pid.lock

‎LICENSE

+19
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
Copyright (c) 2017 Edd Yerburgh
2+
3+
Permission is hereby granted, free of charge, to any person obtaining a copy
4+
of this software and associated documentation files (the "Software"), to deal
5+
in the Software without restriction, including without limitation the rights
6+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
7+
copies of the Software, and to permit persons to whom the Software is
8+
furnished to do so, subject to the following conditions:
9+
10+
The above copyright notice and this permission notice shall be included in all
11+
copies or substantial portions of the Software.
12+
13+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
14+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
15+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
16+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
17+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
18+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
19+
SOFTWARE.

‎README.md

+1
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
# vue-jest

‎jest-vue.js

+109
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,109 @@
1+
const vueCompiler = require('vue-template-compiler')
2+
const babel = require('babel-core')
3+
const vueNextCompiler = require('vue-template-es2015-compiler')
4+
var assign = require('object-assign')
5+
var sourceMap = require('source-map')
6+
const path = require('path')
7+
const compileTemplate = require('./template-compiler')
8+
var convert = require('convert-source-map')
9+
const splitRE = /\r?\n/g;
10+
11+
function generateSourceMap (script, output, filePath, content, inputMap) {
12+
//console.log(output)
13+
// hot-reload source map busting
14+
console.log(path.basename(filePath))
15+
console.log(filePath)
16+
var hashedFilename = path.basename(filePath)
17+
var map = new sourceMap.SourceMapGenerator()
18+
map.setSourceContent(hashedFilename, content)
19+
// check input source map from babel/coffee etc
20+
var inputMapConsumer = inputMap && new sourceMap.SourceMapConsumer(inputMap)
21+
var generatedOffset = (output ? output.split(splitRE).length : 0) + 1
22+
script.split(splitRE).forEach(function (line, index) {
23+
var ln = index + 1
24+
var originalLine = inputMapConsumer
25+
? inputMapConsumer.originalPositionFor({ line: ln, column: 0 }).line
26+
: ln
27+
if (originalLine) {
28+
map.addMapping({
29+
source: hashedFilename,
30+
generated: {
31+
line: ln + generatedOffset,
32+
column: 0
33+
},
34+
original: {
35+
line: originalLine,
36+
column: 0
37+
}
38+
})
39+
}
40+
})
41+
map._hashedFilename = hashedFilename
42+
return map
43+
}
44+
45+
function addTemplateMapping (content, parts, output, map, beforeLines) {
46+
var afterLines = output.split(splitRE).length
47+
var templateLine = content.slice(0, parts.template.start).split(splitRE).length
48+
for (; beforeLines < afterLines; beforeLines++) {
49+
map.addMapping({
50+
source: map._hashedFilename,
51+
generated: {
52+
line: beforeLines,
53+
column: 0
54+
},
55+
original: {
56+
line: templateLine,
57+
column: 0
58+
}
59+
})
60+
}
61+
}
62+
module.exports = {
63+
process (src, path) {
64+
var parts = vueCompiler.parseComponent(src, { pad: true })
65+
const renderFunctions = compileTemplate(parts.template.content)
66+
67+
const result = babel.transform(parts.script.content, {
68+
sourceMaps: true,
69+
presets: ['es2015'],
70+
plugins: ['transform-runtime']
71+
})
72+
73+
const script = result.code;
74+
const template = parts.template;
75+
76+
const inputMap = result.map;
77+
const map = generateSourceMap(script, '', path, src, inputMap);
78+
let output = ';(function(){\n' + script + '\n})()\n' +
79+
'if (module.exports.__esModule) module.exports = module.exports.default\n' +
80+
'var __vue__options__ = (typeof module.exports === "function"' +
81+
'? module.exports.options' +
82+
': module.exports)\n';
83+
var beforeLines
84+
if (map) {
85+
beforeLines = output.split(splitRE).length
86+
}
87+
output += '__vue__options__.render = ' + renderFunctions.render + '\n' +
88+
'__vue__options__.staticRenderFns = ' + renderFunctions.staticRenderFns + '\n'
89+
if (map) {
90+
addTemplateMapping(script, parts, output, map, beforeLines)
91+
}
92+
93+
if (map) {
94+
output += '\n' + convert.fromJSON(map.toString()).toComment()
95+
}
96+
// console.log(generateSourceMap(script, output, path, src, inputMap))
97+
// console.log('inputMap', inputMap, '\n')
98+
// console.log('src', src, '\n')
99+
// console.log('path', path, '\n')
100+
101+
//console.log('\n', output, '\n')
102+
//console.log(output)
103+
// console.log('script', script, '\n')
104+
return {
105+
code: output,
106+
map: map
107+
}
108+
}
109+
}

‎package.json

+53
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,53 @@
1+
{
2+
"name": "jest-vue",
3+
"version": "1.0.0",
4+
"description": "Jest Vue transform",
5+
"main": "index.js",
6+
"scripts": {
7+
"lint": "eslint jest-vue.js test",
8+
"lint:fix": "npm run lint -- --fix",
9+
"test": "npm run lint && npm run unit",
10+
"unit": "cross-env BABEL_ENV=test jest --no-cache --coverage --coverageDirectory test/coverage"
11+
},
12+
"author": "Edd Yerburgh",
13+
"license": "MIT",
14+
"devDependencies": {
15+
"babel-core": "^6.25.0",
16+
"babel-jest": "^20.0.3",
17+
"babel-plugin-transform-runtime": "^6.23.0",
18+
"babel-preset-env": "^1.6.0",
19+
"babel-preset-es2015": "^6.24.1",
20+
"cross-env": "^5.0.2",
21+
"eslint": "^4.3.0",
22+
"eslint-plugin-html": "^3.1.1",
23+
"eslint-plugin-vue": "^2.1.0",
24+
"eslint-plugin-vue-libs": "^1.2.0",
25+
"find-babel-config": "^1.1.0",
26+
"jest": "^20.0.4",
27+
"sourcemap": "^0.1.0",
28+
"vue": "^2.4.2",
29+
"vue-template-compiler": "^2.4.2",
30+
"vue-template-es2015-compiler": "^1.5.3",
31+
"vue-test-utils": "https://github.com/vuejs/vue-test-utils"
32+
},
33+
"jest": {
34+
"moduleFileExtensions": [
35+
"js",
36+
"vue"
37+
],
38+
"transform": {
39+
"^.+\\.js$": "<rootDir>/node_modules/babel-jest",
40+
".*\\.(vue)$": "<rootDir>/jest-vue.js"
41+
},
42+
"mapCoverage": true
43+
},
44+
"peerDependencies": {
45+
"vue-template-compiler": "^2.4.2"
46+
},
47+
"dependencies": {
48+
"chalk": "^2.1.0",
49+
"convert-source-map": "^1.5.0",
50+
"object-assign": "^4.1.1",
51+
"source-map": "^0.5.6"
52+
}
53+
}

‎template-compiler.js

+22
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
var chalk = require('chalk')
2+
var vueCompiler = require('vue-template-compiler')
3+
var transpile = require('vue-template-es2015-compiler')
4+
5+
module.exports = function compileTemplate (template, compiler) {
6+
var compiled = vueCompiler.compile(template)
7+
if (compiled.errors.length) {
8+
compiled.errors.forEach(function (msg) {
9+
console.error('\n' + chalk.red(msg) + '\n')
10+
})
11+
throw new Error('Vue template compilation failed')
12+
} else {
13+
return {
14+
render: toFunction(compiled.render),
15+
staticRenderFns: '[' + compiled.staticRenderFns.map(toFunction).join(',') + ']'
16+
}
17+
}
18+
}
19+
20+
function toFunction (code) {
21+
return transpile('function render () {' + code + '}')
22+
}

‎test/.eslintrc

+6
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
{
2+
"extends": '../.eslintrc',
3+
"env": {
4+
"jest": true
5+
}
6+
}

‎test/HelloJs.spec.js

+20
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
import Vue from 'vue';
2+
import HelloComponent from './resources/Hello.vue';
3+
4+
describe('Test suite for HelloComponent', () => {
5+
it('Test data msg', () => {
6+
const ClonedComponent = Vue.extend(HelloComponent);
7+
const NewComponent = new ClonedComponent({
8+
data() {
9+
return {
10+
msg: 'I am a cool message',
11+
};
12+
},
13+
}).$mount();
14+
expect(HelloComponent.data().msg).toBe('Welcome to Your Vue.js App');
15+
expect(NewComponent.msg).toBe('I am a cool message');
16+
expect(NewComponent.headingClasses).toBeDefined();
17+
NewComponent.toggleClass();
18+
expect(NewComponent.isCrazy).toBeTruthy();
19+
});
20+
});

‎test/HelloVue.spec.js

+20
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
import Vue from 'vue';
2+
import HelloComponent from './resources/Hello.vue';
3+
4+
describe('Test suite for HelloComponent', () => {
5+
it('Test data msg', () => {
6+
const ClonedComponent = Vue.extend(HelloComponent);
7+
const NewComponent = new ClonedComponent({
8+
data() {
9+
return {
10+
msg: 'I am a cool message',
11+
};
12+
},
13+
}).$mount();
14+
expect(HelloComponent.data().msg).toBe('Welcome to Your Vue.js App');
15+
expect(NewComponent.msg).toBe('I am a cool message');
16+
expect(NewComponent.headingClasses).toBeDefined();
17+
NewComponent.toggleClass();
18+
expect(NewComponent.isCrazy).toBeTruthy();
19+
});
20+
});

‎test/resources/Hello.js

+23
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
export default {
2+
name: 'hello',
3+
computed: {
4+
headingClasses: function headingClasses() {
5+
return {
6+
red: this.isCrazy,
7+
blue: !this.isCrazy,
8+
shadow: this.isCrazy,
9+
};
10+
},
11+
},
12+
data: function data() {
13+
return {
14+
msg: 'Welcome to Your Vue.js App',
15+
isCrazy: false,
16+
};
17+
},
18+
methods: {
19+
toggleClass: function toggleClass() {
20+
this.isCrazy = !this.isCrazy;
21+
},
22+
},
23+
};

‎test/resources/Hello.vue

+31
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,31 @@
1+
<template>
2+
<div class="hello">
3+
<h1 :class="headingClasses">{{ msg }}</h1>
4+
</div>
5+
</template>
6+
7+
<script>
8+
export default {
9+
name: 'hello',
10+
computed: {
11+
headingClasses: function headingClasses() {
12+
return {
13+
red: this.isCrazy,
14+
blue: !this.isCrazy,
15+
shadow: this.isCrazy,
16+
};
17+
},
18+
},
19+
data: function data() {
20+
return {
21+
msg: 'Welcome to Your Vue.js App',
22+
isCrazy: false,
23+
};
24+
},
25+
methods: {
26+
toggleClass: function toggleClass() {
27+
this.isCrazy = !this.isCrazy;
28+
},
29+
},
30+
};
31+
</script>

‎test/resources/javascript-component.vue

+12
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
<template>
2+
<div>
3+
{{value}}
4+
</div>
5+
</template>
6+
7+
<script>
8+
export default {
9+
name: 'javascript-component',
10+
data: () => ({ value: 'value'})
11+
}
12+
</script>

0 commit comments

Comments
 (0)