quasar-test-setup

This is a HowTo repository for setting up unit test and e2e test in Quasar Framework.

Project maintained by anyTV Hosted on GitHub Pages — Theme by mattgraham

To be able to have a working test setup, we need to install additional dependencies.

babel plugins

babel-preset-env - quasar still uses babel-preset-es2015. We just need to change that.

These packages are not included by default in quasar default setup

babel-register
babel-runtime
babel-plugin-istanbul

karma dependencies

karma
karma-chrome-launcher
karma-coverage
karma-mocha
karma-phantomjs-launcher
karma-phantomjs-shim
karma-sinon-chai
karma-sourcemap-loader
karma-spec-reporter
karma-webpack

test runner

chai
mocha
sinon
sinon-chai

e2e

nightwatch
selenium-server
chromedriver

vue-test-utils

jsdom
jsdom-global
vue-test-utils

webpack

webpack-node-externals

Update package.json scripts

install cross-env

"scripts": {
"unit": "cross-env BABEL_ENV=test karma start test/unit/karma.conf.js --single-run",
"e2e": "cross-env NODE_ENV=test node test/e2e/runner.js",
"test": "npm run unit && npm run e2e",
"tdd": "cross-env BABEL_ENV=test karma start test/unit/karma.conf.js",
"lint": "eslint --ext .js,.vue src test",
"lint-fix": "eslint --fix --ext .js,.vue src test"
}