如何通过Puppeteer实现前端自动化测试的详细实践操作？

本文共计2509个文字，预计阅读时间需要11分钟。

起因+目前我们持续开发着几十个页面，十万行代码的项目，随着产品的不断迭代，总会出现类似的问题。在对某些业务逻辑或功能进行添加或修改时（尤其是通用逻辑），。

起因

目前我们在持续开发着一个几十个页面，十万+行代码的项目，随着产品的更迭，总会出现这样的问题。在对某些业务逻辑或者功能进行添加或者修改的时候（尤其是通用逻辑），这些通用的逻辑或者组件往往会牵扯到一些其他地方的问题。由于测试人员受限，我们很难在完成一个模块单元后，对所有功能重新测试一遍。
同时，由于环境及数据的区别，（以及在开发过程中对代码完备性的疏忽），代码会在某些特殊数据的解析和和展示上出现问题，在开发和测试中很难去发现。总的来说，我们希望有一个这样的工具，帮我们解决上述几个问题：

1. 在进行代码和功能改动后，能够自动访问各个功能的页面，检测问题
2. 针对大量的数据内容，进行批量访问，检测对于不同数据的展示是否存在问题
3. 测试与代码功能尽量不耦合，避免每次上新功能都需要对测试用例进行修改，维护成本太大
4. 定期的测试任务，及时发现数据平台针对新数据的展示完备性

其中，最重要的问题，就是将测试代码与功能解耦，避免每次迭代和修改都需要追加新的测试用例。我们如何做到这一点呢？首先我们来梳理下测试平台的功能。

功能设定

由于我们的平台主要是进行数据展示，所以我们在测试过程中，主要以日常的展示数据为重心即可，针对一些复杂的表单操作先不予处理。