Vue 3 CLI 笑话测试 - MatchInlineSnapshot 不起作用?

Posted

技术标签:

【中文标题】Vue 3 CLI 笑话测试 - MatchInlineSnapshot 不起作用?【英文标题】:Vue 3 CLI jest testing - MatchInlineSnapshot does not work? 【发布时间】:2021-08-27 10:49:05 【问题描述】:

我的 Vue 项目出现问题,其中 ToMatchInline 快照不起作用且测试失败

有什么想法吗?

这是我的配置文件

我也尝试使用来自@testing-library/vue 的渲染,但仍然得到相同的结果...... :(

【问题讨论】:

【参考方案1】:

当我写这个问题时,我想通了。我需要一个快照序列化器:

npm i -D jest-serializer-vue

并将以下行添加到我的jest.config.js

snapshotSerializers: ["jest-serializer-vue"]

现在看起来是这样

【讨论】:

以上是关于Vue 3 CLI 笑话测试 - MatchInlineSnapshot 不起作用?的主要内容,如果未能解决你的问题,请参考以下文章

如何在 Vue 笑话测试中等待引导模式动画完成

从 CLI 生成的新 vue 3 项目的单元测试中出错

使用 Jest 进行 Vue 单元测试

如何将带有 Jest 的 Vue Test Utils 添加到现有的 Vue-CLI 3 项目中?

vue-cli如何添加多种环境变量

笑话:TypeError:无法读取未定义的属性“变量”