flea-test

Fwio

简介

使用 TDD 的思维，编写迷你版的 TJ Flea，仅用于练习 Vitest 和 Cypress 的使用。

组件测试使用了官方的 @vue-test-utils 库。

运行方法

npm install

# 集成测试（组件测试）
npm run test:unit

# 系统测试（E2E 测试）
npm run build

# 打开 Cypress 桌面应用 app 以手动运行测试
npm run test:e2e

# 或者 自动执行所有测试，并生成视频文件
npm run test:e2e:ci

注意

编辑器提示 Cypress 目录下 TS 类型错误

这是 VS Code 插件 Volar 的 takeover mode 导致的，在编写 Cypress 脚本时暂时关闭该模式即可。

关于 Cypress 自动生成的视频

画质较差，且视频尾部缺失，可以通过在编写测试时为一些交互事件添加一些 timeout 来优化最后输出的视频效果。