使用Cypress和React进行组件测试
从 Cypress 7.0 开始，一个新的组件测试运行器现已与 Cypress 捆绑在一起。它汲取了原始组件测试实现的经验教训并基于其进行了构建，该实现隐藏在 experimentalComponentTesting 标志后面。在此博客文章中，我们将介绍如何在通过 TypeScript 创建的新 React 应用程序中设置 Cypress 组件测试。您可以在获取博客文章中使用的示例的源代码。
要开始使用，请创建一个新的 React 项目。
（可选）添加 TypeScript——本示例将使用它。
yarn create react-app cypress-test-react --template typescript
配置 Cypress 组件测试
获取 React 项目后，还需要安装 Cypress 以及 Webpack Dev Server 和 React 适配器。
yarn add --dev cypress cypress-webpack-dev-server @cypress/react
// cypress.config.js
const { defineConfig } = require('cypress')
module.exports = defineConfig({
component: {
devServer: {
framework: 'react',
bundler: 'webpack',
},
},
})
现在，您可以使用 Cypress 组件测试运行器编写和运行组件测试。
文件大小：454.75KB
评论区