Cypress系列(76)- cloest() 命令详解

2020-11-23 17:07:40 浏览数 (1)

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

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

作用

获取匹配到的第一个DOM元素(无论是它本身还是它的祖先之一)

语法格式

代码语言:javascript复制
.closest(selector)
.closest(selector, options)
options 参数
  • log:是否将命令显示到命令日志中,默认 true
  • timeout:命令超时时间

正确用法

代码语言:javascript复制
// 找到离 td 标签元素最近的 .filled 元素
cy.get('td').closest('.filled') 

上一条命令返回的必须是一个 DOM 元素

错误用法

代码语言:javascript复制
// 不能通过 cy 直接调用
cy.closest('.active')

// url() 返回的并不是 DOM 元素
cy.url().closest() 

命令返回结果

匹配成功的 DOM 元素

实际栗子

代码
测试结果

cy.get() 找到的是一个 span 标签

0 人点赞