Installing JEST on Quasar 0.16

._CLI.md

npm install --save-dev jest vue-jest vue-test-loader regenerator-runtime babel-jest '[email protected]'

Add the following to your package.json

package.json

  "scripts": {
    "jest": "jest",
    "jest:cover": "jest --coverage",
  },
  "jest": {
    "collectCoverage": true,
    "collectCoverageFrom": [
      "src/utils/*.js" // depends on project
    ],
    "transformIgnorePatterns": [
      "node_modules/core-js",
      "node_modules/babel-runtime"
    ],
    "moduleNameMapper": {
      "quasar": "quasar-framework/dist/quasar.mat.esm.js"
    }
  }

Then you can just "yarn run jest"

.babelrc

{
  "env": {
    "test": {
      "presets": [    [
        "@babel/preset-env", {
          "modules": "commonjs",
          "node": "current"
        }
      ]
     ]
    }
  },
  "presets": [
    [
      "@babel/preset-env", {
        "modules": false,
        "loose": false,
        "useBuiltIns": "usage"
      }
    ],
    [
      "@babel/preset-stage-2", {
        "modules": false,
        "loose": false,
        "useBuiltIns": true,
        "decoratorsLegacy": true
      }
    ]
  ],
  "plugins": [
    [
      "@babel/transform-runtime", {
        "polyfill": false,
        "regenerator": false
      }
    ]
  ],
  "comments": false
}

sum.test.js

import foo from './thing.js';

test('foo bar', () => {
  expect(foo()).toBe('bar');
});

thing.js

export default function foo() {
  return 'bar';
}