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 對象

 

測試代碼

 

運行結果