如果想從頭學起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 對象
測試代碼
運行結果