如何使用 Jest 和 vue-cli 更新快照

Question

我应该能够在运行测试时添加-u参数，但我不知道为什么它不起作用：

npm run test ComponentName.spec.js -u
npm run test ComponentName.spec.js --updateSnapshot

但它不起作用。 我的 package.json：

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

我知道我可以删除快照文件，但我想弄清楚为什么该命令不起作用。

Answer 1

基于文档： https : //jestjs.io/docs/en/cli#using-with-npm-scripts

npm 运行测试 -- -u

我验证了这个工作。

Answer 2

在 vue-cli 3 中，你常用的 npm 命令调用 vue-cli-service 而不是 jest 了。 Vue-cli-service 会为你调用 jest。

您可以运行：

npm run test:unit -- -u

--以便下一个参数必须传递给子命令。

或者

npx vue-cli-service test:unit -u

这将运行测试并升级快照。

Answer 3

yarn test -u为我工作。 我们使用纱线。

Answer 4

npm run test -- -u [file_path] //对于特定文件（重击回声的答案）

Answer 5

如果你正在使用Lerna monorepo 运行一个项目，

您可能想在包的package.json文件中添加一个新脚本：

{
// ...
"scripts": {
  // ...
  "test:update:snapshot": "jest --updateSnapshot"
  // ...
}
// ...
}

所以你可以运行

npx lerna run test:update:snapshot

或者你可以只输入包并运行

npm run test -- -u

基本上--告诉您的命令参数-u用于其子命令。

Answer 6

npm run test -- -u为我工作