@dnlup/vue-cli-plugin-unit-ava/generator/template/tests/helpers/setup.js

@vue/cli plugin to run unit tests with ava

require('browser-env')()
const webpackConfig = require.resolve('@vue/cli-service/webpack.config.js')
const hooks = require('require-extension-hooks')
<%_ if (styles && styles.length) { _%>
const css = require('css-modules-require-hook')
<%_ } _%>
<%_ if (styles && styles.includes('stylus')) { _%>
const stylus = require('stylus')
<%_ } _%>
const Vue = require('vue')
<%_ if (uiFramework === 'Vuetify') { _%>
const Vuetify = require('vuetify')
<%_ } _%>
<%_ if (hasTS) { _%>
const tsNode = require('ts-node')

const ts = tsNode.register({
  compilerOptions: {
    /**
     * @see https://github.com/TypeStrong/ts-node/issues/313#issuecomment-343698812
     * @type {String}
     */
    module: 'commonjs'
  },
  transpileOnly: true
})

require('tsconfig-paths/register')
<%_ } _%>

// Fix TypeError from prettier
window.Date = Date

// Setup Vue.js to remove production tip
Vue.config.productionTip = false

// Setup vue files to be processed by `require-extension-hooks-vue`
hooks('vue').plugin('vue').push()

<%_ if (hasTS && hasBabel) { _%>
hooks('ts').push(({filename, content}) => {
  content = ts.compile(content, filename)
  return {
     content,
     filename
  }
})
<%_ } _%>
<%_ if (hasTS && !hasBabel) { _%>
// Setup vue and ts files to be processed by `ts-node`
hooks(['vue', 'ts']).push(({filename, content}) => {
  content = ts.compile(content, filename)
  return {
      content,
      filename
  }
})
<%_ } _%>
<%_ if (!hasTS && hasBabel) { _%>
// Setup vue and js files to be processed by `require-extension-hooks-babel`
hooks(['vue', 'js']).exclude(({ filename }) => {
  return filename.match(/\/node_modules\//) ||
    filename.includes(webpackConfig) ||
    filename.includes('vue.config.js') ||
    filename.match(/helpers\/setup\.js/)
}).plugin('babel').push()
<%_ } _%>

<%_ if (!styles || !styles.length || !styles.includes('css')) { _%>
// Setup mocking of static assets
hooks([
  '.css',
  '.png',
  '.jpg',
  '.jpeg',
  '.woff',
  '.ico',
  '.ico',
  '.svg'
]).push(() => '')
<%_ } _%>
<%_ if (styles && styles.includes('css')) { _%>
  // Setup mocking of static assets
hooks([
  '.png',
  '.jpg',
  '.jpeg',
  '.woff',
  '.ico',
  '.ico',
  '.svg'
]).push(() => '')

// Setup css to be processed by `css-require-extension-hook`
css({})
<%_ } _%>
<%_ if (styles && styles.includes('stylus')) { _%>
// Setup styl files to be processed by `css-require-extension-hook`
css({
  extensions: ['.styl'],
  preprocessCss: (css, filename) => {
    return stylus(css).set('filename', filename).render()
  }
})
<%_ } _%>

<%_ if (uiFramework === 'Vuetify') { _%>
// Setup Vuetify
// See https://vuetifyjs.com/en/getting-started/quick-start#full-installation
<%_ if (styles && styles.includes('css')) { _%>
require('vuetify/dist/vuetify.min.css')

<%_ } _%>
Vue.use(Vuetify, {
  iconfont: 'md'
})
<%_ } _%>