Web 前端单元测试

2024-10-22 16:29:13

1、应用场景:带有分页功能的表格展示页面。工具栏包括刷新、搜索框等;并且表格需要分页

Web 前端单元测试

2、为实现该应用场景,分层设计与代码组织见下图:

Web 前端单元测试

3、actions 测试:对产生的 action 对象进行验证,部分代码如下:

Web 前端单元测试

4、每个业务类型,能否返回经处理后的正确状态;

Web 前端单元测试Web 前端单元测试

5、业务 selector ,验证返回内容的正确性

Web 前端单元测试Web 前端单元测试

6、对DOm结构的渲染、样式等进行验证。

Web 前端单元测试Web 前端单元测试

7、验证表格翻页后是否被正常触发

Web 前端单元测试
猜你喜欢