在 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
})