当我有一个包含负数的字符串(例如cy.get('element').contains('-1'))时，cy.get('element').contains('text')不起作用 - 腾讯云开发者社区

文章/答案/技术大牛

发布

Cypress学习6- Assertions断言使用(should, expect)

前言每个测试用例需要加断言，Cypress里面断言常用的有should, expect 隐式断言 .should() 可以使用.should()给当前用例加断言 should(‘have.class...’) .should(‘match’, /column content/i) 文本与正则表达式匹配先使用invoke结合should .contains(‘text’) 文本与正则表达式匹配元素文本包含...a regular expression // is to use "cy.contains" // https://on.cypress.io/contains cy.get('.assertion-table...'And even more text from third p', ]) }) Assert that element’s class includes heading-. cy.get(...== 1) { // you can throw your own errors throw new Error('Did not find 1 element') }

3.5K1 0

Cypress学习11-定位元素(Querying)

selenium 虽然有很多定位方法，定位方法越多，也就导致定位失败后，花的时间越多。不如专注学会一种定位，这样更有效率！...cy.get('[data-test-id="test-example"]').should('have.class', 'example') get(）生成一个jQuery对象，您可以通过调用.attr...the selector containing the text cy.get('#querying') .contains('ul', 'oranges') .should('have.class...() 我们可以在特定的DOM元素中找到元素 text" id="inputEmail" class...But still coupled to text content that may change. cy.contains('Submit').click() // Best.

2.9K1 0

您找到你想要的搜索结果了吗？

是的

没有找到

Cypress安装与使用教程（2）—— 软测大玩家

/ 在每个测试运行之后执行的代码，例如清理购买时的状态 afterEach(() => { // 清理购买操作的状态，确保下一次测试开始前的干净状态 cy.clearFundPurchaseState...比如在页面上我们需要定位一个名叫"支付"的按钮，可以直接使用contains+关键字的方式来进行定位。...Locators Demo 1>Welcome to the Element Locators Demo1> text content', () => { cy.contains('Submit').click(); }); // 通过id名的方式来进行定位...}: ${$item.text()}`); }); 4.2 遍历一组元素并执行操作同样是使用.each() 来遍历一组元素并进行特定的操作 // 点击每一个元素的商品 cy.get('.product

6721 0

Cypress（四）查询元素

我们可以通过jquery常见的选择器猜出Cypress的元素查询api,比如 (1)id选择器 cy.get('#main-content') (2)属性筛选 cy.get('img[src^="/static...它会立马同步返回一个空的jQuery集合，不包含我们要找的元素就立马结束了，不会去重试查询，如果有时候页面没有完全加载出来去查询，结果返回为空，但是实际上页面又有这个元素，这明显不符合我们ui自动化的需求...,如果需要用jquery去满足我们的查询需求，就得修改jquery代码如下： // $() 立即返回一个空集合. const $myElement = $('.element').first() //...注：在Cypress中，当您想直接与DOM元素交互时，可以使用.then()将元素作为其第一个参数的回调函数进行调用。... 我们可以很方便的通过内容来查询获得，代码如下： cy.contains('百度首页') 这是不是很方便，当我们不知道控件的css,属性等信息时，照样可以轻松定位到。

2.1K2 0

Cypress安装与使用教程（3）—— 软测大玩家

注意点 3.1 关于脚本业务上下文 3.2 抽象的程度 1....比如我们在对特定元素进行业务操作时，我们可以统一的定义一个操作类或方法，来对此进行特定的传参，类似于selenium中find_elelment方法。 ...).click(); cy.contains(text); }); 使用的时候只需要直接调用即可。...commands.js中定义，断言元素存在切包含text。...' }的方法时，这里的this就像我之前说的那样，指向的是前一个命令的主体。

8301 0

你不知道的Cypress系列（14） -- 一文说透元素定位

元素定位可以说是UI自动化测试的基础，没有元素定位，UI自动化就无从谈起。一般来说，一个好的定位器应该有如下4个属性： 1. 准确性。Locator应该准确找到你需要的元素。 2. 唯一性。...HTML元素的属性（例如类，字体颜色等） value：是你想要匹配的特定值关于这两种定位方式，网上一度有很多讨论和对比，但其实没那么玄乎，其差别就以下两点： 1....('//ul[@class="todo-list"]') //xPath 4-5. cy.contains('iTesting') //文本定位 6. cy.get('[class="todo-list...1. 定位时，首先采用不会更改的元素和属性（首选开发加了id的，次选CSS定位） 2. 避免使用文本，数字来定位（想想多语言和排序就知道为什么） 3....（例如，如果你想找子元素，可以从父节点找起。如果一个filter不行，可以加别的filter，例如a[href*=user_edit]:not([href$='user_id=1'])） 5.

2.3K3 0

Cypress系列（98）- cypress-xpath 插件, xpath() 命令详解

// 直接 cy. cy.xpath() // 获取到 element 元素之后再调用 cy.get('ul').xpath() cy.xpath().xpath() cy.get('div').first...().xpath() xpath() 命令的返回结果单个 element 元素或多个 element 元素组成的数组入门使用的栗子 it('简单的栗子', function () { cy.xpath...模糊匹配函数 it('模糊匹配函数', function () { cy.xpath('//*[starts-with(@class,"e")]') cy.xpath('//*[contains...(text(),"Show")]') }); ?...定位函数 it('定位函数', function () { cy.xpath('//input[position()=1]') }); ?

1.9K1 0

Cypress简易入门教程

1 Windows下安装 1.1方法一 1）安装node.js(https://nodejs.org/en/download/)，根据版本选择32位或64位。...根据元素的类名查找 cy.get('.s_ipt') 根据CSS selector查找、 cy.get('input[maxlength ="100"]') 4.3元素查找 – contains 根据元素文本查找...cy.contains('value') 根据元素属性及其文本查找 cy.get('div[name="ele-name"]').contains('value') 使用正则匹配元素文本以查找 cy.get...} }) }) // csrf在返回的html中,我测试的Django产品的CSRF token用这种方法 it('策略#1:从HTML解析令牌', function...$解析字符串主体，从而使我们能够轻松地查询到它 cy.log(body) const $html = Cypress.

6K2 0

Cypress初步使用

解决了开发人员和QA工程师在测试现代应用程序时面临的关键难点问题。　　Cypress包含免费的、开源的、可本地安装的Test Runner 和能够记录测试的控制面板服务。...【可调试】　我们无需猜测测试用例为何失败，直接从熟悉的工具进行调试（例如：谷歌浏览器的开发者工具），可读错误和堆栈跟踪让调试更有效率。...【视图快照和视频】从命令行运行测试时，我们可以查看失败用例的视图快照和整个测试过程的视频。...image 2）我们也可以自己新建一个测试文件： ①　首先切换至目录 ~\Cypress\cypress\integration（任意编辑器都可以，我使用的时PyCharm） ?...1") // cy.contains("Sign In").click() cy.get('[class="etc-login-btn"]').first()

1.9K4 0

Cypress web自动化39-.trigger()常用鼠标操作事件

前言在web页面上经常遇到的鼠标事件有：鼠标悬停操作，鼠标右键，鼠标长按，拖拽等操作 trigger() trigger 方法用于在 DOM 元素上触发事件语法使用示例 .trigger(eventName...参数说明 eventName（字符串） event 在DOM元素上要触发的的名称。 position（字符串）应该触发事件的位置。该center位置是默认位置。...您还可以任意事件属性（例如clientX，shiftKey），他们会被附加到事件。...middle button) cy.get('.target').trigger('mousedown', { button: 1 }) //Secondary button pressed (usually...sortable模拟拖放，需要pageX和pageY属性以及 which:1 cy.get('[data-cy=draggable]') .trigger('mousedown', { which

3.6K3 0

前端自动化测试实践05—cypress-e2e入门

1....('type').click() // 应该存在一个包含'/commands/actions'的新URL cy.url().should('include', '/commands/actions...Post') cy.get('.main').contains('New Post') 元素交互： // 【 .click() 】【 .type() 】配合使用cy.get() 或 cy.contains...}) // 默认断言 /* cy.visit() 预期这个页面是状态为200的 text/html内容页 cy.request() 预期远程服务器存在并提供响应 cy.contains() 预期包含内容的元素最终存在于...its() 预期最终找到当前主题的一个属性 */ 别名： cy.get('.my-selector') .as('myElement') // 设置别名 .click() cy.get('@myElement

5K9 7

Cypress系列（63）- 使用 Custom Commands

：可以启动链，也可以使用现有链（双命令）除了控制命令的隐式行为，您还可以添加声明性主题验证，例如： element：要求上一个主题是DOM元素 document：要求上一个主题为文档 window：要求上一个主题是窗口...('h1').should('contain', 'jane.lane') }); }) overwrite 覆盖 visit 命令的栗子 // 第一个参数代表需要覆盖的命令 Cypress.Commands.overwrite...() 代码 Cypress.Commands.overwrite('type', (originalFn, element, text, options) => { if (options &&...$el: element, name: 'type', message: '*'.repeat(text.length), })...} return originalFn(element, text, options) }) 测试用例代码 cy.get('input[name=username]').type(username

2.4K7 2

Cypress学习笔记4——编写第二个测试脚本(登录案例)

引言　　前面一节已经讲过访问百度的脚本，现在一个登录的UI自动化案例，以禅道为例(暂时不用公司网站，最近公司信息安全管控比较严格)。　　...首先我们写一个登录的用例，就要捋好各个节点：　　1、输入账号；　　2、检查账号；　　3、输入密码；　　4、检查密码；　　5、点击登录；　　6、判断页面重定向跳转到首页；　　7、判断页面包含某个文件...').should('exist') }) }) 　　执行脚本　　还是启动Cypress程序，双击脚本login_web.js 执行结果：　　脚本分析　　1、Cypress特性之一...2、最后三个断言：　　一个是断言url：　　3、我们知道元素定位方式一般两种： get：按 css 或元素特定属性的方式定位元素 contains：按特定字符串定位元素　　所以是断言body中...4、就是验证登录后的cookies：　　以上内容就是这些。　　总结　　有兴趣可以持续关注。另外喜欢测试开发、性能测试的伙伴可以加入学习交流QQ群，一起学习成长。

1.1K3 0

你不知道的Cypress系列（15） -- 支持跨域访问了！

但是Cypress并不是完美无瑕，我们在使用Cypress做自动化测试时，经常会提的一个问题就是，Cypress不支持跨域访问，而我的测试需要跨域怎么办？...今天在Cypress中国群内，有同学抛出了以下这个待发行的解决方案，我看了后顿时觉得好香，特记录之。（永远不要怀疑Cypress开发团队的愿景：The web has evolved....options：这个参数是一个普通的 JavaScript 对象，它将被序列化并从主要来源发送到次要来源。从那里它将被反序列化并作为第一个也是唯一的参数传递给回调函数。...callbackFn：此参数包含要在次要来源中执行的Cypress命令的函数。Cypress将触发此函数并从当前Cypress实例传递到次要源并进行评估。...cy.contains('Next').click() cy.get("input[type='password']").type('你的密码')//密码也是一样写死了。

3K5 2

自动化测试工具在敏捷开发中的选择与使用

常见自动化测试工具对比敏捷开发中的自动化测试主要集中在单元测试、UI测试和API测试。以下是几款常用的自动化测试工具，每个工具都在特定的测试类型上有独特的优势。 1....例如：前端项目：如果是 JavaScript 框架（如React、Vue、Angular）构建的前端项目，优先选择Jest或Cypress，因为它们与JavaScript生态兼容性好。...Cypress在项目中的应用为了展示如何在敏捷开发中应用自动化测试工具，下面我们将展示如何使用Cypress进行端到端测试。假设我们有一个简单的待办事项应用，用户可以添加、查看、删除待办事项。...(); cy.contains('New Todo').should('exist'); }); it('should delete a todo', () => { cy.get...).click(); cy.contains('Another Todo').should('exist'); cy.get('[data-testid="delete-todo-button

1.9K1 0

你不知道的Cypress系列（3） -- 是时候重构自己的思维了！

下面我们来一个个分析：（一）诡异的赋值 01 — 赋值不起作用赋值操作是最常见的了，赋值最常用的场景是获取元素的某个属性供以后使用。...') assert value == "iTesting" Cypress： //获取元素的属性值，并比较 cy.get('#kw').should('have.text', 'iTesting')...（三）拒绝条件测试 01 — 前面我提到了条件测试（Conditional Testing），实际上，条件测试常见常景如下： 1. 我想在元素存在或者不存在时，执行不同的操作。 2....别忘记，Cypress是运行在浏览器之内的，是跟你的应用程序运行在同一个生命周期的，你对你的应用程序有完全的控制权！听起来很好，不过很可惜。...这句话主要是对开发说的，对我们QA来说，用处不大（因为我们QA还是不知道改哪行代码啊！）。不过，这里还是有一些原则，比如： 1.

2.7K2 0

ChatGPT与基于GUI的自动化测试

结论 1.产生的driver.implicitly_wait(10)不起作用，改为强制等待time.sleep(3) 2.默认使用旧的webdriver方法 2使用edge浏览器+selenium4.8.3...(); } } 创建一个测试类，例如 BaiduSearchTest，用于编写测试代码。...然后创建了一个名为 TestBaiduSearch 的测试用例类，其中包含了 setUp 方法用于初始化测试环境，test_search 方法用于执行搜索测试，以及 tearDown 方法用于清理测试环境...测试脚本将使用Selenium来模拟用户在页面上的操作，例如输入用户名和密码，然后点击登录按钮进行登录。...测试脚本将使用Playwright来模拟用户在页面上的操作，例如输入用户名和密码，然后点击登录按钮进行登录。

7711 0

Cypress系列（6）- Cypress 的重试机制

最后的断言解析检查标签为 h1 的元素是否包含 jane.lane 断言的一般步骤用查询应用程序的DOM，找到元素 cy.get() 针对元素或元素列表进行断言尝试，我们示例中为 .should...，则该命令成功执行完成 cy.get() 命令之后的断言失败，则 cy.get() 命令会自动重新查询 web 应用程序的 DOM 树，然后 Cypress 将再次尝试对 cy.get() 返回的元素进行断言...在多重断言中，Cypress 将按顺序进行断言，即当第一个断言通过后，会进行第二个断言，通过后进行第三个断言...以此类推列表的栗子需求假设一个下拉列表，存在两个选项，第一个选项是“iTesting...代码解析总共有三个断言：一个，两个 expect() should() 断言实际上是 should() 断言的别名，它是 should() 的自定义回调断言，其中包含两个 expect() 断言...DOM 的命令：、 find() 、 contains() 等 cy.get() 可以通过官方文档 Assertions 部分来检查是否重试了特定命令：https://docs.cypress.io

2.5K1 0

前端自动化测试框架cypress

关于自动化测试，有一个测试金字塔模型，该模型把测试从下到上分为了单元测试、集成测试和UI自动化测试（E2E测试/UI界面测试）。...支持使用web浏览器上的开发工具直接调试，有丰富错误和堆栈跟踪信息，支持debug调试，随时暂停。自动等待ui更新，减少异步代码，在页面某些元素还没出来的时候，通常我们会添加等待的代码。...contains(selector) // 搜索定位元素 .find(selector) // 方法用来获取DON元素的子元素 .children() // 用来获取DOM元素的所有父元素...() // 用来获取指定DOM对象的最后一个元素 .last() // 用来匹配DOM对象紧跟着的下一个同级元素 .next() // 用来匹配给定的DOM对象的所有同级元素 .nextAll...btnTxt = $btn.text(); cy.log(btnTxt); }); 清除文本 //清除 input 输入的值 cy.get("div>a").clear(); cy.get("div

2.7K4 0

Cypress 踩坑记 - DOM 遮挡

Cypress 是一个非常流行的测试工具，然而实际使用过程中发现一些问题，这里做些记录。...问题发现在 Cypress 下 click 是非常常用的指令，然而在一些特殊场景下 click 并不能如想象中那般正常工作。比如现在有一个弹窗，我们需要测试在点击遮罩层时是否可以正常关闭弹窗。...('.mantine-Button-root').click(); cy.get('.mantine-Modal-root').should('exist'); cy.get...结果验证那我们来验证下是不是如此，首先我们先创建一个非常小的遮挡元素，然后放在中央位置，测试下是不是会出问题。代码如下：import style from '....图片最后说实在的 Cypress 这样的遮挡检查方式不太妥当，过于简单粗暴而且很容易让人困惑。理论上而言可以使用 layer 层层比对交叉区域来判定更为妥当。不知道是不是有什么文档导致放弃了。

7040 0

点击加载更多

Cypress学习6- Assertions断言使用(should, expect)

Cypress学习11-定位元素(Querying)

Cypress安装与使用教程（2）—— 软测大玩家

Cypress（四）查询元素

Cypress安装与使用教程（3）—— 软测大玩家

你不知道的Cypress系列（14） -- 一文说透元素定位

Cypress系列（98）- cypress-xpath 插件, xpath() 命令详解

Cypress简易入门教程

Cypress初步使用

Cypress web自动化39-.trigger()常用鼠标操作事件

前端自动化测试实践05—cypress-e2e入门

Cypress系列（63）- 使用 Custom Commands

Cypress学习笔记4——编写第二个测试脚本(登录案例)

你不知道的Cypress系列（15） -- 支持跨域访问了！

自动化测试工具在敏捷开发中的选择与使用

你不知道的Cypress系列（3） -- 是时候重构自己的思维了！

ChatGPT与基于GUI的自动化测试

Cypress系列（6）- Cypress 的重试机制

前端自动化测试框架cypress

Cypress 踩坑记 - DOM 遮挡

相关资讯

热门标签

活动推荐

运营活动

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐