@mlz/cli-plugin-e2e-test

安装

yuumi add @mlz/cli-plugin-e2e-test

使用

打开cypress test runner:

npm run test:e2e-open

测试：

（命令行中跑的测试默认不开启屏幕快照和视频记录）

• 测试全部用例： npm run test:e2e-run

• 测试指定模块用例： npm run test:e2e-run [moduleName] (moduleName 为'cypress/integration'文件夹下的文件夹名称)

• 测试开启屏幕快照： npm run test:e2e-run-s

• 测试开启视频记录： npm run test:e2e-run-r

测试用例编写

• 在‘cypress/integration‘文件夹下建立以模块名为命名的文件，存放相应测试用例
• 每个模块的测试用例要覆盖核心业务逻辑
• 在模块文件夹下建立以独立功能为命名的.spec.js文件，存放该独立功能的相关测试版用例
• 测试用例编写规则，可查阅：https://docs.cypress.io/api/commands/and.html#Syntax
• cypress文件夹目录结构：

├── cypress // e2e测试相关
    ├── integration // 存放测试用例
    |   └── index // index模块的测试用例
    |   |   └── xxx.spec.js // xxx功能的测试用例文件
    └── plugins // cypress的扩展插件
    └── support // cypress的一些全局生效的支持/自定义方法
    └── fixtures // 用于存放一些资源或数据(可当做测试数据库)
    └── screenshots // 用于存放屏幕快照(如果测试时开启快照功能，在测试用例不通过时会自动进行屏幕快照，并存生成该文件进行存放)
    └── video // 用于存放video(如果测试时开启video功能，则会生成video和该文件夹进行存放)   

注意：.gitignore文件应该加上上述screenshots和video文件夹

文件夹详细功能可查阅cypress官网：

https://docs.cypress.io/guides/overview/why-cypress.html#In-a-nutshell