问题标签 [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.
reactjs - Jest 快照测试在本地通过但在 Jenkins 上失败
我有一系列在本地通过的快照测试。但在 Jenkins 上,我的组件似乎正在呈现不同的快照。我的测试是:
我的组件:
我正在使用酶生成快照,而我的组件正在使用 xstate 机器。在本地测试时一切都很好,但是在 Jenkins 上我收到以下错误:
什么可能导致我的本地测试和远程测试之间存在差异?
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 包。
angular - Jasmine + Karma 测试框架(Angular 项目)的快照集成
我一直在研究如何使用 Jasmine 和 Karma 来测试 Angular 项目。我目前正在研究为上述测试框架集成快照库的可能性。但是,到目前为止,我只找到了这个库,上次更新是 5 年前:https ://www.npmjs.com/package/jasmine-angular-snapshot-testing
是否有任何其他方式或库可以为 Jasmine 和 Karma 集成以进行快照测试?很多人用 Jest 代替,但如果必须使用 Jasmine 和 Karma,有没有办法?谢谢!
reactjs - 如何在开玩笑的快照测试期间忽略样式组件中的样式更改
假设我有一个简单的组件想要快照测试:
我的快照测试希望确保 div 呈现,但样式并不重要。因此,如果我对此进行了快照测试Component
,并且我color
从红色变为蓝色,并生成了一个新的类名,那么快照测试不会失败。
简而言之,有什么方法可以在快照测试中忽略 className,或者告诉 styled-components 生成静态类名以在测试中确定?
swiftui - SwiftUI 快照测试异步视图
我正在关注这个页面来创建一个包装的 HStack。然而,HStack 异步计算它的高度,这意味着我的快照测试变得非常时髦。我在异步快照测试中查看了这一集,但它不是太清晰/有帮助。
有人可以帮助阐明如何使用 SwiftUI 快照测试库(https://github.com/pointfreeco/swift-snapshot-testing)来测试我的新(有点异步)包装的 HStack?
我遵循了这个 Gist并使用这个代码来创建快照测试: