Skip to content

组件库测试提升方案

azhe edited this page Mar 28, 2022 · 5 revisions

目标

覆盖率现状:(不包含 snapshot test)

tdesign-vue

image
  • 目标

自动化测试方案

unit test

mobile-vue 推进 API 测试覆盖 @josonyang

web-react 推进 API 自动化测试方案 @gedy

snapshot test

参照 web-vue-next 仓库 https://github.com/Tencent/tdesign-vue-next/blob/develop/script/test/generate-demo-test.js

根据组件 demo 自动生成所有 snapshot test,改变目前由开发者手动在 demo.test.js 中引入的方式,防止漏掉 demo。

e2e 测试

E2E 测试方案,包括像素级实现对比方案 https://github.com/americanexpress/jest-image-snapshot @uyarn

web录制回放ui自动化测试 rua @carolin913

E2E 测试和像素对比方案独立推进,完善后可以作为定时回归测试,每日或每次发版前运行

手动补充测试用例

组件复杂交互,无法通过组件 API 自动生成的,手动完善剩余复杂测试用例,补充在 test/unit/xxcomponent/index.test.js 下

推进计划

每周 PMC 例会,同步进展;

每个组件的进展见 https://github.com/Tencent/tdesign/projects/7