Cypress系列(73)- within() 命令详解

简介: Cypress系列(73)- within() 命令详解

如果想从头学起Cypress,可以看下面的系列文章哦

https://www.cnblogs.com/poloyy/category/1768839.html

 

作用


  • 将所有后续 cy 命令的作用域限定在此元素内
  • 在特定的元素组(例如 <form> )中工作时很有用

 

语法格式


.within(callbackFn)

.within(options, callbackFn)

 

callbackFn

  • 回调函数
  • 第一个参数是上一条命令的返回结果(必须是元素)

 

options 参数

log:是否将命令显示到命令日志中,默认 true

 

正确用法


cy.get('form').within(($form) => {

    // 在回调函数里,cy 命令的作用域将限定在 form 中

})

 

错误用法


// 不能直接他通过 cy 调用

cy.within(() => {})


// getCookies() 返回的不是一个元素

cy.getCookies().within(() => {})

 

命令返回结果


返回和上一条命令一样的结果

 

实际栗子


代码

image.png

重点:回调函数里的 cy.get() 只会从 form 表单里面找元素,而不是整个页面

 

get() 和 within() 命令的返回结果

image.png

两个命令的返回结果都是 form 表单

image.png

获取输入框的效果

image.png

相关文章
|
JSON 数据格式
Cypress系列(95)- writeFile() 命令详解
Cypress系列(95)- writeFile() 命令详解
244 0
Cypress系列(95)- writeFile() 命令详解
Cypress系列(80)- setCookie() 命令详解
Cypress系列(80)- setCookie() 命令详解
146 0
Cypress系列(80)- setCookie() 命令详解
Cypress系列(79)- getCookies() 命令详解
Cypress系列(79)- getCookies() 命令详解
237 0
Cypress系列(79)- getCookies() 命令详解
|
索引
Cypress系列(74)- each() 命令详解
Cypress系列(74)- each() 命令详解
321 0
Cypress系列(74)- each() 命令详解
Cypress系列(78)- getCookie() 命令详解
Cypress系列(78)- getCookie() 命令详解
316 0
Cypress系列(78)- getCookie() 命令详解
|
测试技术
Cypress系列(82)- clearCookies() 命令详解
Cypress系列(82)- clearCookies() 命令详解
165 0
Cypress系列(82)- clearCookies() 命令详解
|
JavaScript
Cypress系列(76)- cloest() 命令详解
Cypress系列(76)- cloest() 命令详解
336 0
Cypress系列(76)- cloest() 命令详解
|
测试技术
Cypress系列(81)- clearCookie() 命令详解
Cypress系列(81)- clearCookie() 命令详解
180 0
Cypress系列(81)- clearCookie() 命令详解
Cypress系列(46)- then() 命令详解
Cypress系列(46)- then() 命令详解
486 0
Cypress系列(46)- then() 命令详解
|
测试技术
Cypress系列(53)- as() 命令详解
Cypress系列(53)- as() 命令详解
234 0
Cypress系列(53)- as() 命令详解