文件名称：storybook-wdio：使用WebdriverIO进行视觉回归测试的Storybook样板
文件大小：227KB
文件格式：ZIP
更新时间：2024-02-24 07:39:02
react docker less circleci typescript
故事书视觉回归样板 使用结合ReactJS，Typescript和Visual Regression测试的故事书样板 动机 众所周知，ReactJS一直是最广泛使用的Javascript库，并且在许多人看来也是功能最强大的库，它一直处于领先地位。 如果将ReactJS与Storybook和来自Webdriver IO的可视化回归测试相结合，则可以创建一个设计系统和一个自定义组件库，可以在产品和/或其他团队之间安全地重用它们。 有时，当在一个大团队或多个团队*享一个UI库时，我们会遇到一个问题，即一个人对共享组件进行琐碎或很小的更改。 对于在其他地方使用相同组件的其他用户，这些更改可能会引起问题。 通常，小的修改或更改也可能会贯穿代码审查。 通过此样板，我们合并了对每个组件运行视觉回归测试的功能。 这使开发人员甚至可以看到最细微的更改，并在提交更改之前决定是否可以接受。 入门 要运行此项目，请按照下列步骤操作： 确保您的机器上安装了和 拉或 docker映像 克隆此仓库 安装依赖项 npm install 从开发模式开始故事书 npm run storybook 如何与故事
【文件预览】：
storybook-wdio-master
----.travis.yml(307B)
----.eslintrc(1KB)
----wdio()
--------firefox.conf.js(261B)
--------smartphone.firefox.conf.js(537B)
--------chrome.conf.js(257B)
--------smartphone.chrome.conf.js(533B)
--------base.conf.js(1KB)
--------utils()
----.storybook()
--------stories.tsx(1KB)
--------webpack.config.js(2KB)
--------config.ts(190B)
----package.json(4KB)
----.github()
--------FUNDING.yml(69B)
--------workflows()
----.prettierrc(71B)
----.prettierignore(67B)
----server.js(383B)
----Dockerfile(192B)
----.stylelintrc.json(647B)
----.scripts()
--------vr-test.sh(107B)
----LICENSE(1KB)
----package-lock.json(715KB)
----src()
--------components()
----tsconfig.json(895B)
----docker-compose.yml(342B)
----.all-contributorsrc(2KB)
----.gitignore(397B)
----typings()
--------wdio.d.ts(354B)
----lib()
--------test()
----.circleci()
--------config.yml(1KB)
----.dockerignore(164B)
----README.md(11KB)
----.eslintignore(34B)