本文介绍了如何使用 Cypress 框架中的 .focus() 方法使页面上的元素获得焦点，以及如何使用 .focused() 方法获取当前页面上处于聚焦状态的元素。通过示例展示了如何针对不同类型的输入元素进行聚焦操作，并验证特定元素是否已获得焦点。
.focus()—元素聚焦
语法
.focus()
.focus(options)
参数
log true 在命令日志中显示命令
timeout defaultCommandTimeout 超时时间
实例一
cy.get('input').first().focus() // 聚焦到第一个input元素
实例二
cy.get('[type="input"]').focus()
实例三
cy.get('[name="comment"]').focus()
.focused()—获取当前聚焦的元素
语法
cy.focused()
cy.focused(options)
参数
log true 在命令日志中显示命令
timeout defaultCommandTimeout 超时时间
实例一
cy.focused().then(($el) => {
// do something with $el
})
实例二
cy.focused().should('have.attr', 'name', 'username')
实例三
cy.focused().should('have.attr', 'name').and('eq', 'num')
扫一扫
836
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
