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