Storybook 的可视化回归测试
原理
有一些用于 Web 的可视化回归测试工具，但大多数要么不能无头运行，要么使用已弃用且实际上没人使用的 phantomjs 浏览器。它们通常还需要你维护 fixture。通过 react-native，现在可以用单个代码库针对多个平台，但据我所知，还没有一个工具可以测试所有平台。
Loki 的目标是易于设置、维护成本低、测试结果与运行所在的操作系统无关（可重现）、可在 CI 上运行，并支持 Storybook 支持的所有平台。
支持的平台
- Docker 中的 Chrome（推荐）
- AWS Lambda 中的 Chrome
- 本地 Chrome 应用程序
- iOS 模拟器
- Android 模拟器
前提条件
可选依赖
- GraphicsMagick，用于 gm 差异引擎，
brew install graphicsmagick - 用于
chrome.docker目标的 Docker。 - 用于
chrome.app目标的 Chrome 59+，brew cask install google-chrome-canary。
安装
yarn add loki --dev
yarn loki init
工作流程
Loki 不会为你启动任何服务器，因此在运行测试之前，请确保 storybook 和任何模拟器/仿真器已启动并正在运行。
- 启动 storybook 服务器
yarn storybook - 添加第一组参考文件
yarn loki update - 对你的组件进行一些更改
- 对照参考文件进行测试
yarn loki test - 在 diff 文件夹中查看更改
- 批准更改并更新参考文件
yarn loki approve
文档
示例
开发
# Install dependencies
yarn
# Start example storybook
yarn workspace @loki/example-react run storybook
# Run example visual tests
yarn workspace @loki/example-react run test
# Run unit tests
yarn test
# Run cli integration tests
cd test/cli && yarn test
维护者
许可
MIT 许可. © Joel Arvidsson 2017-至今
