前端E2E测试略详解(以cypress为例)

本文详细介绍了使用cypress进行前端E2E测试的步骤,包括cypress的安装、启动、自定义设置,以及如何编写测试用例。通过实际的“添加员工”流程展示了测试元素的标记和测试流程,分析了E2E测试的成本与收益,并解答了为何打点、E2E测试的缺点以及cypress作为测试工具的局限性。
摘要由CSDN通过智能技术生成

上一篇文章很简略的介绍了E2E测试的一些框架,本文从相对更详细的层面进行整理

E2E测试 (by cypress):

cypress安装
npm install cypress --save-dev
cypress启动
./node_modules/.bin/cypress open

推荐将启动命令配置在package.json的scripts中,命名为e2e

cypress自定义设置

cypress默认有推荐配置,我们可根据业务需求进行一些配置的覆盖。
配置创建方式:在根目录中创建cypress.json,常用内容如下:

{
  "viewportWidth": 1440,
  "viewportHeight": 960,
  "chromeWebSecurity": false,
  "fixturesFolder": "test/cypress/fixtures",
  "integrationFolder": "test/cypress/integration",
  "plugi
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值