I'm facing an issue while trying to use jest with the vue.js framework. When running yarn test:unit (e.g. vue-cli-service test:unit), only the last file in the tests folder is being recognized, even though there are several files present. I have tried adding the path of the other files in the tests folder without any success. Can anyone assist me in resolving this problem?
In an existing project, I used vue add unit-jest.
Below is the structure of my project :
> __tests__
example.test.js
example1.test.js
example2.test.js
example3.test.js
example4.test.js
> src
// jest.config.js
module.exports = {
verbose: true,
preset: '@vue/cli-plugin-unit-jest',
testMatch: [
'<rootDir>/**/*.(test).{js,jsx,ts,tsx}',
'<rootDir>/**/?(*.)(spec|test).{js,jsx,ts,tsx}',
],
transformIgnorePatterns: ['/node_modules/(?!vuetify|vue-select)'],
setupFiles: ['./utils/setup.js'],
//.eslintrc
"env": {
"jest": true
}
// package.json
"scripts": {
"test:unit": "vue-cli-service test:unit --watch=all --coverage",
}
versions : "@vue/test-utils": "^1.1.3", "@vue/vue2-jest": "^27.0.0-alpha.2", "babel-jest": "^27.0.6", "jest": "^27.0.5", "@vue/cli-plugin-unit-jest": "~5.0.0",
output :
PASS __tests__/example4.test.js (6.415 s)
App.vue
√ should return true (12 ms)
...
Test Suites: 1 passed, 1 total
Tests: 1 passed, 1 total
Snapshots: 0 total
Time: 7.217 s
Ran all test suites.
Done in 10.71s.