cypress基础教程4-元素操作

最新推荐文章于 2024-06-11 15:03:12 发布

pake00

最新推荐文章于 2024-06-11 15:03:12 发布

阅读量638

点赞数 1

分类专栏：前端自动化测试文章标签：前端测试工具

本文链接：https://blog.csdn.net/pake00/article/details/127698045

版权

这篇博客详细介绍了Cypress测试工具中关于元素的各种操作，包括点击、输入、聚焦和失焦、清空输入框、滚动页面、事件触发以及针对特殊元素的处理方法，全面覆盖了元素交互的基础和进阶技巧。

摘要由CSDN通过智能技术生成

1. 点击操作

// 模拟鼠标左键点击，默认点击位置为元素中心
cy.get('.action-btn').click()

// 通过不同参数模拟鼠标点击元素不同位置
cy.get('#action-canvas').click('topLeft')
cy.get('#action-canvas').click('top')
cy.get('#action-canvas').click('topRight')
cy.get('#action-canvas').click('left')
cy.get('#action-canvas').click('right')
cy.get('#action-canvas').click('bottomLeft')
cy.get('#action-canvas').click('bottom')
cy.get('#action-canvas').click('bottomRight')

// 输入x和y坐标可以点击元素指定位置
cy.get('#action-canvas')
  .click(80, 75)

// 如果匹配到了多个元素可以挨个点击全部元素
cy.get('.action-labels>.label').click({ multiple: true })

// 若元素不可见或被遮挡时，可以强行点击
cy.get('.action-opacity>.btn').click({ force: true })

// 双击
cy.get('.action-div').dblclick()

// 右键点击
cy.get('.action-div').rightclick()