问题标签 [snapshot-testing]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
200 浏览

reactjs - Jest 快照测试在本地通过但在 Jenkins 上失败

我有一系列在本地通过的快照测试。但在 Jenkins 上,我的组件似乎正在呈现不同的快照。我的测试是:

我的组件:

我正在使用酶生成快照,而我的组件正在使用 xstate 机器。在本地测试时一切都很好,但是在 Jenkins 上我收到以下错误:

什么可能导致我的本地测试和远程测试之间存在差异?

0 投票
1 回答
159 浏览

angular - Angular 12 的 Storybook 插件 StoryShots

我将在 Angular 12 下使用 Storybook 安装快照测试。我安装 jest$ yarn add --dev jest jest-preset-angular @types/jest并进行设置

并设置 setupJest.ts 数据只有一行import 'jest-preset-angular/setup-jest';

那是开玩笑的设置。这对我有用。

问题是来自 Storybook 的 Storyshorts 插件。我安装 Storyshorts并使用以下代码yarn add @storybook/addon-storyshots --dev创建文件:src/storyshorts.test.js

jest当我在我的 Angular 项目中运行命令时,我变成了这个错误:

我的 Package.json 有以下条目:

和 Angular 12 包。

0 投票
1 回答
129 浏览

angular - Jasmine + Karma 测试框架(Angular 项目)的快照集成

我一直在研究如何使用 Jasmine 和 Karma 来测试 Angular 项目。我目前正在研究为上述测试框架集成快照库的可能性。但是,到目前为止,我只找到了这个库,上次更新是 5 年前:https ://www.npmjs.com/package/jasmine-angular-snapshot-testing

是否有任何其他方式或库可以为 Jasmine 和 Karma 集成以进行快照测试?很多人用 Jest 代替,但如果必须使用 Jasmine 和 Karma,有没有办法?谢谢!

0 投票
0 回答
15 浏览

reactjs - 如何在开玩笑的快照测试期间忽略样式组件中的样式更改

假设我有一个简单的组件想要快照测试:

我的快照测试希望确保 div 呈现,但样式并不重要。因此,如果我对此进行了快照测试Component,并且我color从红色变为蓝色,并生成了一个新的类名,那么快照测试不会失败。

简而言之,有什么方法可以在快照测试中忽略 className,或者告诉 styled-components 生成静态类名以在测试中确定?

0 投票
0 回答
27 浏览

swiftui - SwiftUI 快照测试异步视图

我正在关注这个页面来创建一个包装的 HStack。然而,HStack 异步计算它的高度,这意味着我的快照测试变得非常时髦。我在异步快照测试中查看了这一集,但它不是太清晰/有帮助。

有人可以帮助阐明如何使用 SwiftUI 快照测试库(https://github.com/pointfreeco/swift-snapshot-testing)来测试我的新(有点异步)包装的 HStack?

我遵循了这个 Gist并使用这个代码来创建快照测试:

我从测试中得到的截图是: 空白图像