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

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

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

作用

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

语法格式

.closest(selector)
.closest(selector, options)

options 参数

• log：是否将命令显示到命令日志中，默认 true
• timeout：命令超时时间

正确用法

// 找到离 td 标签元素最近的 .filled 元素
cy.get('td').closest('.filled') 

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

错误用法

// 不能通过 cy 直接调用
cy.closest('.active')

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

命令返回结果

匹配成功的 DOM 元素

实际栗子

代码

测试结果

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