3fuyang / flea-test

Component testing and E2E testing for flea-market.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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 来优化最后输出的视频效果。

About

Component testing and E2E testing for flea-market.


Languages

Language:TypeScript 43.9%Language:Vue 37.0%Language:JavaScript 15.5%Language:CSS 3.0%Language:HTML 0.5%