在 Cypress 中獲取本機 HTML 元素

Question

如何從賽普拉斯查詢中獲取底層原生HTMLElement （或Element或Node ...）？

const el = cy.get('.foo').children().first()
//    ^ this is of type Cypress.Chainable<JQuery<HTMLElement>>

我想訪問el中的本機HTMLElement實例。
我試過el[0]但結果是any類型。

Answer 1

在 cypress 中， first()是一個命令，它將被鏈接到.get()試整個選擇，直到超時。 這就是為什么您不能真正從中獲取本機元素的原因。

但是，您可以生成命令，並通過將 function 傳遞給它來訪問 .then .then()中的元素。

例如，來自賽普拉斯關於這個 EXACT 問題的文檔：

cy.get('.foo').then(($el) => {
  const el = $el.get(0) //native DOM element
})