文件名称:testing-react:测试实用程序,可让您在React单元测试中重用Storybook的故事!
文件大小:666KB
文件格式:ZIP
更新时间:2024-04-14 10:44:32
react testing storybook testing-library TypeScript
测试实用程序,可让您在单元测试中重用故事 问题 您正在为组件使用 ,并以为它们编写测试,这很可能与或。 在您的Storybook故事中,您已经定义了组件的方案。 您还设置了必要的装饰器(主题,路由,状态管理等),以使其全部正确呈现。 在编写测试时,最终还需要定义组件的方案以及设置必要的装饰器。 通过两次执行相同的操作,您会觉得自己花费了太多的精力,使编写和维护故事/测试变得不那么有趣,而更像是一种负担。 解决方案 @storybook/testing-react是在React测试中重用Storybook故事的解决方案。 通过在测试中重用您的故事,您可以准备要测试的组件方案目录。 库将构成您及其所有和,以及,并以一个简单的组件将其返回给您。 这样,在单元测试中,您要做的就是选择要渲染的故事,所有必要的设置都已经为您完成。 这是缺少的部分,可以在编写测试和编写Storybook故事之间提供更好
【文件预览】:
testing-react-main
----example()
--------.storybook()
--------package.json(1KB)
--------src()
--------tsconfig.json(728B)
--------public()
--------README.md(80B)
--------yarn.lock(635KB)
--------setup.ts(167B)
----package.json(2KB)
----.github()
--------ISSUE_TEMPLATE()
--------workflows()
----.prettierignore(5B)
----assets()
--------autocompletion-compose.png(61KB)
--------logo.svg(6KB)
--------autocompletion-props.png(112KB)
----LICENSE(1KB)
----src()
--------types.ts(513B)
--------index.ts(5KB)
----tsconfig.json(1KB)
----.gitignore(61B)
----CHANGELOG.md(1KB)
----README.md(7KB)
----yarn.lock(552KB)
----.vscode()
--------settings.json(267B)