Vue Cli unit test with jest how to run single test

Question

I have vue application using the vue cli 3. During the setup process i chose jest as the testing framework. To run my unit tests i have a script in the package.json:

test:unit": "vue-cli-service test:unit",

and to run this i write in the vs code terminal:

npm run test:unit

This runs all my tests that meet the specifications set up in the jest config section of the package.json file.

My question is how to run just a single test. Is there a specific command i need to run? or is there an vscode extension that will work with this setup.

i have tried to install jest-runner extension for vscode but when i try to run a test it always says "test suite failed to run" — JimmyShoe
– JimmyShoe, Commented Feb 27, 2019 at 15:26
Does this answer your question? How do I run a single test using Jest? — stanimirsp
– stanimirsp, Commented Aug 13, 2021 at 10:13

Hardik Raval · Accepted Answer · 2020-05-24 10:02:21Z

42

If you want to execute only single file then simply do:

npm run test:unit -t counter
OR
npm run test:unit counter

Whereas counter.spec.js is the my test file.

edited May 24, 2020 at 10:02

answered Oct 6, 2019 at 7:30

Hardik Raval

3,6911 gold badge29 silver badges31 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Timmmm Over a year ago

This does not work for me. It simply says 0 passing and runs no tests.

Timmmm Over a year ago

I had to do npm run test:unit -t tests/unit/Foo.spec.ts.

Richard Matsen · Accepted Answer · 2019-03-14 20:48:22Z

7

The Vue CLI service respects Jest's CLI options, so you can append them to commands in package.json, e.g

{
  ...
  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "test:unit": "vue-cli-service test:unit",
    "test:only": "vue-cli-service test:unit --testPathPattern=user.store",
  },
  "dependencies": {

testPathPattern takes a regex which applies to the spec file names, so in my tests if I specify the pattern

--testPathPattern=user.store

I run a single spec file, but if I specify

--testPathPattern=store

I run multiple matching spec files with store in the name.

Here is the Jest docs ref

answered Mar 14, 2019 at 20:48

Richard Matsen

20.9k3 gold badges59 silver badges85 bronze badges

2 Comments

coler-j Over a year ago

This doesn't answer the question. This runs all the tests within that specific spec file, and not "a single test"

Andrei Gătej Over a year ago

@coler-j, you could try it.only(...) alongside with the testPathPattern option.

Tarabass · Accepted Answer · 2020-05-15 09:56:17Z

3

For that you can use the only method. It can be chained on to the test method directly.

myunittests.spec.js

describe('My Unit Tests', () => {
    test('My excluded test', () => {
        ...
    })

    test.only('my single test', () => {
        ...
    })
})

After that you can run the tests by running npm run test:unit -t myunittests.

There is also a skip method that can be chained.

myunittests.spec.js

describe('My Unit Tests', () => {
    test('My excluded test', () => {
        ...
    })

    test.skip('my single test', () => {
        ...
    })
})

By running npm run test:unit -t myunittests again you will see all 'other' tests are running.

edited May 15, 2020 at 9:56

answered May 15, 2020 at 9:49

Tarabass

3,1462 gold badges20 silver badges35 bronze badges

Collectives™ on Stack Overflow

Vue Cli unit test with jest how to run single test

3 Answers 3

2 Comments

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related