mirror of
https://github.com/tenrok/vue-meta.git
synced 2026-06-05 08:12:24 +03:00
pimlie
169 lines
3.9 KiB
JavaScript
169 lines
3.9 KiB
JavaScript
const path = require('path')
|
|
const Vue = require('vue')
|
|
const hash = require('hash-sum')
|
|
const { JSDOM, VirtualConsole } = require('jsdom')
|
|
const webpack = require('webpack')
|
|
const merge = require('webpack-merge')
|
|
const MemoryFS = require('memory-fs')
|
|
const VueLoaderPlugin = require('vue-loader/lib/plugin')
|
|
|
|
const mfs = new MemoryFS()
|
|
const VueMetaLoaderPlugin = require('../src/plugin')
|
|
|
|
const baseConfig = {
|
|
mode: 'development',
|
|
devtool: false,
|
|
output: {
|
|
path: '/',
|
|
filename: 'test.build.js'
|
|
},
|
|
module: {
|
|
rules: [
|
|
{
|
|
test: /\.vue$/,
|
|
loader: 'vue-loader'
|
|
},
|
|
{
|
|
test: /\.css$/,
|
|
use: [
|
|
'vue-style-loader',
|
|
'css-loader'
|
|
]
|
|
}
|
|
]
|
|
},
|
|
plugins: [
|
|
new VueMetaLoaderPlugin(),
|
|
new VueLoaderPlugin(),
|
|
new webpack.optimize.ModuleConcatenationPlugin()
|
|
]
|
|
}
|
|
|
|
function genId(file) {
|
|
return hash(path.join('test', 'fixtures', file).replace(/\\/g, '/'))
|
|
}
|
|
|
|
function bundle(options, cb, wontThrowError) {
|
|
let config = merge({}, baseConfig, options)
|
|
|
|
if (config.vue) {
|
|
const vueOptions = options.vue
|
|
delete config.vue
|
|
const vueIndex = config.module.rules.findIndex(r => r.test.test('.vue'))
|
|
const vueRule = config.module.rules[vueIndex]
|
|
config.module.rules[vueIndex] = Object.assign({}, vueRule, { options: vueOptions })
|
|
}
|
|
|
|
if (/\.vue/.test(config.entry)) {
|
|
const vueFile = config.entry
|
|
config = merge(config, {
|
|
entry: require.resolve('./fixtures/entry'),
|
|
resolve: {
|
|
alias: {
|
|
'~target': path.resolve(__dirname, './fixtures', vueFile)
|
|
}
|
|
}
|
|
})
|
|
}
|
|
|
|
if (options.modify) {
|
|
delete config.modify
|
|
options.modify(config)
|
|
}
|
|
|
|
const webpackCompiler = webpack(config)
|
|
webpackCompiler.outputFileSystem = mfs
|
|
webpackCompiler.run((err, stats) => {
|
|
const errors = stats.compilation.errors
|
|
if (!wontThrowError) {
|
|
expect(err).toBeNull()
|
|
if (errors && errors.length) {
|
|
errors.forEach((error) => {
|
|
console.error(error.message)
|
|
})
|
|
}
|
|
expect(errors).toHaveLength(0)
|
|
}
|
|
cb(mfs.readFileSync('/test.build.js').toString(), stats, err)
|
|
})
|
|
}
|
|
|
|
function mockBundleAndRun(options, assert, wontThrowError) {
|
|
const { suppressJSDOMConsole = true } = options
|
|
delete options.suppressJSDOMConsole
|
|
bundle(options, (code, bundleStats, bundleError) => {
|
|
let dom, jsdomError
|
|
try {
|
|
dom = new JSDOM(`<!DOCTYPE html><html><head></head><body></body></html>`, {
|
|
runScripts: 'outside-only',
|
|
virtualConsole: suppressJSDOMConsole ? new VirtualConsole() : null
|
|
})
|
|
dom.window.eval(code)
|
|
} catch (e) {
|
|
console.error(`JSDOM error:\n${e.stack}`)
|
|
jsdomError = e
|
|
}
|
|
|
|
const { window } = dom
|
|
const { module, exports } = window
|
|
const instance = {}
|
|
if (module && module.beforeCreate) {
|
|
module.beforeCreate.forEach(hook => hook.call(instance))
|
|
}
|
|
assert({
|
|
window,
|
|
module,
|
|
exports,
|
|
instance,
|
|
code,
|
|
jsdomError,
|
|
bundleStats,
|
|
bundleError
|
|
})
|
|
}, wontThrowError)
|
|
}
|
|
|
|
function mockRender(options, extraData = {}) {
|
|
const vm = new Vue({
|
|
...options,
|
|
data() {
|
|
return {
|
|
...(typeof options.data === 'function' ? options.data() : options.data),
|
|
...extraData
|
|
}
|
|
}
|
|
})
|
|
vm.$mount()
|
|
return vm
|
|
}
|
|
|
|
function interopDefault(module) {
|
|
return module
|
|
? module.default ? module.default : module
|
|
: module
|
|
}
|
|
|
|
function initStylesForAllSubComponents(module) {
|
|
if (module.components) {
|
|
for (const name in module.components) {
|
|
const sub = module.components[name]
|
|
const instance = {}
|
|
if (sub && sub.beforeCreate) {
|
|
sub.beforeCreate.forEach(hook => hook.call(instance))
|
|
}
|
|
initStylesForAllSubComponents(sub)
|
|
}
|
|
}
|
|
}
|
|
|
|
module.exports = {
|
|
mfs,
|
|
baseConfig,
|
|
genId,
|
|
bundle,
|
|
mockBundleAndRun,
|
|
mockRender,
|
|
interopDefault,
|
|
initStylesForAllSubComponents
|
|
}
|