利用 端对端e2e测试 来辅助测试客服系统功能

测试工具使用 cypress

什么是 端对端测试

通过启动一个模拟器来模拟真实用户操作,整体对web项目进行测试,不同于单元测试、继承测试,端对端测试更偏向黑盒,更侧重对功能表现的验证。

什么是 Cypress

cypress是前端e2e测试比较火的一款测试软件,在 puppeteer 的基础上进一步封装,使用简单,直观、易用。

cypress只支持chromium内核,也就是chrome浏览器。

cypress的中文官方文档在此: https://docs.cypress.io/zh-cn/guides/overview/why-cypress.html

因为文档可能打不开,在本项目中复制了中文md文档。

安装注意事项

这里先考虑前端,后面再考虑简单化安装。

在此目录执行

  1. cnpm i cypress -D

来完成安装,因为这里涉及到翻墙下载chrome,除非你了解如何设置国内源,否则默认使用 cnpm 来完成下载。

经过排查 cypress/task/install 源码发现,新版本的url下载地址和 taobao mirror 提供的下载地址不一致,导致即便提供系统变量也无法正确解析,后来发现 cnpm 魔改了逻辑,因此推荐通过 cnpm 来完成安装。

后续安装会自动找缓存。

执行 npm run demo1 来初次打开 cypress

这里推荐使用 vscode 安装 cypress 插件来辅助。