Cypress Testing Library 项目教程

Cypress Testing Library 项目教程

cypress-testing-library 🐅 Simple and complete custom Cypress commands and utilities that encourage good testing practices. 项目地址: https://gitcode.com/gh_mirrors/cy/cypress-testing-library

1. 项目目录结构及介绍

Cypress Testing Library 项目的目录结构如下：

cypress-testing-library/
├── cypress/
│   ├── config.js
│   └── e2e/
│       └── find.cy.js
├── src/
│   ├── add-commands.js
│   └── types/
├── .all-contributorsrc
├── .eslintrc.js
├── .gitattributes
├── .gitignore
├── .huskyrc.js
├── .npmrc
├── .prettierignore
├── .prettierrc.js
├── CHANGELOG.md
├── CONTRIBUTING.md
├── LICENSE
├── README.md
├── jest.config.js
├── lint-staged.config.js
└── package.json

目录结构介绍

• cypress/: 包含 Cypress 测试相关的配置和测试文件。

  • config.js: Cypress 的配置文件。
  • e2e/: 存放端到端测试文件的目录。
    • find.cy.js: 示例测试文件。

• src/: 包含项目的主要源代码。

  • add-commands.js: 自定义 Cypress 命令的文件。
  • types/: 存放 TypeScript 类型定义文件的目录。

• .all-contributorsrc: 用于管理贡献者的配置文件。

• .eslintrc.js: ESLint 配置文件。

• .gitattributes: Git 属性配置文件。

• .gitignore: Git 忽略文件配置。

• .huskyrc.js: Husky 配置文件，用于 Git 钩子。

• .npmrc: npm 配置文件。

• .prettierignore: Prettier 忽略文件配置。

• .prettierrc.js: Prettier 配置文件。

• CHANGELOG.md: 项目变更日志。

• CONTRIBUTING.md: 贡献指南。

• LICENSE: 项目许可证。

• README.md: 项目介绍和使用说明。

• jest.config.js: Jest 配置文件。

• lint-staged.config.js: lint-staged 配置文件。

• package.json: 项目依赖和脚本配置。

2. 项目启动文件介绍

Cypress Testing Library 的启动文件主要是 cypress/config.js 和 src/add-commands.js。

cypress/config.js

这是 Cypress 的配置文件，用于配置 Cypress 的运行环境、测试文件路径、浏览器等。

src/add-commands.js

这个文件用于添加自定义的 Cypress 命令，使得在测试中可以使用 DOM Testing Library 的方法。

3. 项目的配置文件介绍

.eslintrc.js

ESLint 配置文件，用于定义代码风格和规则。

.prettierrc.js

Prettier 配置文件，用于自动格式化代码。

jest.config.js

Jest 配置文件，用于配置单元测试和快照测试。

lint-staged.config.js

lint-staged 配置文件，用于在 Git 提交前运行 lint 和格式化命令。

package.json

项目的依赖管理文件，包含项目的依赖包、脚本命令等信息。

通过以上介绍，您可以更好地理解和使用 Cypress Testing Library 项目。

cypress-testing-library 🐅 Simple and complete custom Cypress commands and utilities that encourage good testing practices. 项目地址: https://gitcode.com/gh_mirrors/cy/cypress-testing-library