如果想從頭學起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 物件

測試程式碼

執行結果