文件名称：a-react-visual-testing
文件大小：653KB
文件格式：ZIP
更新时间：2024-05-13 14:11:16
TypeScript
React视觉测试 使用Storybook和Jest为React组件设置自动化的可视化测试。 第1步-前提条件 React： npx create-react-app my-app --template typescript 故事书： npx sb init 样式化组件： npm i styled-components和npm i -D @types/styled-components 第2步-设置Jest和Jest屏幕截图 npm i -D jest jest-puppeteer jest-screenshot puppeteer ： npm i -D jest jest-puppeteer jest-screenshot puppeteer 设置Jest： jest.config.js jest-puppeteer 注册jest-screenshot/reporter以创建报
【文件预览】：
a-react-visual-testing-main
----.storybook()
--------main.js(196B)
--------preview.js(74B)
----.gitignore(351B)
----tsconfig.json(503B)
----README.md(1KB)
----public()
--------manifest.json(492B)
--------robots.txt(67B)
--------logo192.png(5KB)
--------logo512.png(9KB)
--------index.html(2KB)
--------favicon.ico(4KB)
----LICENSE(34KB)
----.snapshots()
--------text--styled.png(43KB)
--------text--subtitle.png(8KB)
--------text--default.png(63KB)
--------button--default.png(5KB)
--------text--body.png(63KB)
--------button--styled.png(5KB)
--------text--title.png(8KB)
--------text--all.png(111KB)
----jest.setup.js(109B)
----package.json(1KB)
----src()
--------components()
--------utils()
----jest.config.js(155B)
----package-lock.json(1.44MB)