Cypress系列(93)- Cypress.dom 命令详解

简介: Cypress系列(93)- Cypress.dom 命令详解

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

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

 

作用


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

 

重点

 

语法格式


Cypress.dom.isHidden(element)

 

所有栗子的前置条件


beforeEach(function () {

   cy.visit('https://example.cypress.io/cypress-api')

})

 

isattached


判断元素是否附加到 DOM 树

测试代码

image.png

运行结果

image.png

isdescendent


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

 

测试代码

image.png

运行结果

image.png

isdetached


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

 

测试代码

image.png

运行结果

image.png

isdocument


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

 

测试代码

image.png


运行结果

image.png

isDOM


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

 

测试代码

image.png

运行结果

image.png

iselement


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

 

测试代码

image.png


运行结果

image.png


isfocusable


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

 

测试代码

image.png

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

 

运行结果

image.png

isfocused


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

 

测试代码

image.png


运行结果

image.png


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

 

ishidden


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

 

测试代码

image.png

isvisible


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

 

测试代码

image.png

isjQuery


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

 

测试代码

image.png

isscrollable


判断一个元素是否可滚动

 

测试代码

image.png

iswindow


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

 

测试代码

image.png


相关文章
|
22天前
|
XML JavaScript 数据格式
XML DOM 遍历节点树
XML DOM 遍历节点树
|
19天前
|
JavaScript
DOM 节点列表长度(Node List Length)
DOM 节点列表长度(Node List Length)
|
9天前
|
XML JavaScript 数据格式
XML DOM 遍历节点树
XML DOM 遍历节点树
|
8天前
|
JavaScript
DOM 节点列表长度(Node List Length)
DOM 节点列表长度(Node List Length)
|
10天前
|
JavaScript
DOM 节点列表长度(Node List Length)
DOM 节点列表长度(Node List Length)
|
21天前
|
JavaScript
DOM 节点列表长度(Node List Length)
DOM 节点列表长度(Node List Length)
|
12天前
|
JavaScript
DOM 节点列表长度(Node List Length)
DOM 节点列表长度(Node List Length)
|
13天前
|
XML JavaScript 数据格式
XML DOM 遍历节点树
XML DOM 遍历节点树
|
25天前
|
JavaScript
DOM 节点列表长度(Node List Length)
DOM 节点列表长度(Node List Length)
|
23天前
|
JavaScript
DOM 节点列表长度(Node List Length)
DOM 节点列表长度(Node List Length)