Cypress系列（93）- Cypress.dom 命令详解

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

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

作用

与 DOM 元素相关的 helper 方法的集合

重点

• 实际上 Cypress.dom 可以链接几十种方法但并不会全部讲解
• 这些方法几乎在每个内置命令中都由 Cypress 在内部使用
• 阅读源码，查看所有方法：https://github.com/cypress-io/cypress/blob/develop/packages/driver/src/dom/index.js

语法格式

Cypress.dom.isHidden(element)

所有栗子的前置条件

beforeEach(function () {
    cy.visit('https://example.cypress.io/cypress-api')
})

isattached

判断元素是否附加到 DOM 树

测试代码

运行结果

isdescendent

判断一个元素是否是另一个元素的后代

测试代码

运行结果

isdetached

判断一个元素是否与 DOM 树分离

测试代码

运行结果

isdocument

判断一个元素是否是 document 文档类型

测试代码

运行结果

isDOM

判断一个元素是否是 DOM 对象

测试代码

运行结果

iselement

判断一个元素是否是 DOM 元素

测试代码

运行结果

isfocusable

判断一个元素是否可以接收焦点

测试代码

p、div、li 等存文本的标签是没有焦点的

运行结果

isfocused

判断一个元素当前是否有焦点

测试代码

运行结果

这里会有点奇怪，我点击完去判断是否聚焦还是会 false，然后再 focus 后去判断是否聚焦仍然是 false，哪位大神指点为何的可以指点迷津

ishidden

判断一个元素元素是否隐藏

测试代码

运行结果

isvisible

判断一个元素元素是否可见

测试代码

运行结果

isjQuery

判断一个对象是否为 jQuery 对象

测试代码

运行结果

isscrollable

判断一个元素是否可滚动

测试代码

运行结果

iswindow

判断一个对象是否为 Window 对象

测试代码

运行结果