web自动化测试之cypress篇章

最新推荐文章于 2024-08-15 18:19:19 发布

AlexProgramer

最新推荐文章于 2024-08-15 18:19:19 发布

阅读量160

点赞数

文章标签：前端 javascript

本文链接：https://blog.csdn.net/d1749193008/article/details/129087635

版权

本文介绍了Cypress在Web自动化测试中的应用，包括版本信息、安装与配置、使用场景如页面导航、元素操作、事件模拟、接口请求等。此外，还详细讲解了自定义指令的创建和测试数据的使用方法。

摘要由CSDN通过智能技术生成

文章依赖版本：^11.2.0
最新版本：^12.x

{
   
	"e2e": "cypress open", // 打开客户端手动选择性执行
	"test": "cypress run && cypress run --component" // 在命令行里，执行所有的测试用例
}

cypress 的 api ，都是以同步的写法，来异步执行的。比如 async await 那样，它不需要显示声明，直接调用。比如在获取元素的时候，它会有相应的等待时间来异步处理。

cy.visit(url);

// 这种匹配方式，可以参考 css 的 querySelector 的用法
cy.get(selector);

// 内容匹配，下列语句将会匹配包含了 hello 文本的元素
cy.contain('hello');

// 以调用点击事件为例，其它事件也可以同样如此
cy.get(selector).click();

// 这种方式，除了触发基本事件，还可以触发 mousedown、mouseup 这类的事件，来模拟复杂的用户操作
cy.get(selector).trigger(eventName);

// 该语法是在判断选中的元素，应该有 hello 的内容
cy.get(selector).should('have.value', 'hello');

// 判断元素的 top 值，是否为 10 px;
cy.

关注