Vue Cli单元测试与笑话如何运行单个测试

Question

我有使用vue cli 3的vue应用程序。在安装过程中，我选择了jest作为测试框架。要运行我的单元测试，我在package.json中有一个脚本：

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

要运行这个我写在vs代码终端：

npm run test:unit

这将运行所有符合package.json文件jest配置部分中设置的规范的测试。

我的问题是如何只运行一个测试。我需要运行特定的命令吗？或者是否有一个vscode扩展将与此设置一起工作。

Answer 1

为此，您只能使用方法。它可以直接链接到测试方法。

myunittests.spec.js

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

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

之后，您可以通过运行npm run test:unit-t myunittests来运行测试。

还有一种可以链接的skip方法。

myunittests.spec.js

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

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

通过再次运行npm run test:unit-t myunittests，您将看到所有“其他”测试都在运行。

Answer 2

Vue CLI服务尊重Jest的CLI选项，因此您可以将它们附加到package.json中的命令，例如

{
  ...
  "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需要一个正则表达式，它适用于规范文件名，所以在我的测试中，如果我指定模式

--testPathPattern=user.store  

我只运行一个等级库文件，但如果我指定

--testPathPattern=store

我运行多个匹配的spec文件，名称中包含store。

这是笑话

Answer 3

如果只想执行单个文件，只需执行以下操作：

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

而counter.spec.js是我的测试文件。