元素的点击操作

元素的点击操作

.click
语法
typescript 复制代码
// 单击某个元素
.click()

// 带参数的单击
.click(options)

// 在某个位置点击
.click(position)

// 在某个位置点击,且带参数
.click(position, options)

// 根据页面坐标点击
.click(x, y)

// 根据页面坐标点击,且带参数
.click(x, y, options)

示例

typescript 复制代码
 it('no param click',()=>{
        cy.get('.btn').eq(0).click();
    })
position 位置参数

针对于当前元素的位置

坐标 x, y

距离 DOM 元素左上角的坐标,x 是横轴,y 是竖轴

options 可选参数

共有四个

option 默认值 描述
log true 在命令日志中显示命令
force false 强制执行操作,禁用等待执行操作
multiple false 连续点击多次元素
timeout defaultCommandTimeout 执行click之前的等待超时时间
单击组合键

.click() 命令还可以与 .type() 命令结合使用修饰符来触发组合键操作,以便在单击时结合键盘操作,例如ALT + click

typescript 复制代码
    it('multi',()=>{
        cy.get('.btn').eq(1).click().type('{shift}',{release:false});
    })

以下修饰符可以和 .click() 结合使用

修饰符 作用 别名
{alt} 等价于 alt 键 {option}
{ctrl} 等价于 ctrl 键 {control}
{shift} 等价于 shift 键
.dblclick()

双击,跟 click() 的语法 & 用法一致,只是变成了双击

.rightclick()

右键,跟 click() 的语法 & 用法一致,只是变成了右键点击

.click() 注意事项
可操作性

执行 .click() 必须是 DOM 元素达到了可操作状态

关于断言

.click() 将自动等待元素达到可操作状态。

.click() 将自动等待后面链接的断言通过

超时时间

.click() 如果 DOM 元素一直达不到可操作状态,可能会超时

.click() 如果后面链接的断言一直不通过,可能会超时

相关推荐
测试老哥16 小时前
Selenium 使用指南
自动化测试·软件测试·python·selenium·测试工具·职场和发展·测试用例
程序员杰哥2 天前
什么是Jmeter? Jmeter工作原理是什么?
自动化测试·软件测试·python·测试工具·jmeter·职场和发展·测试用例
程序员三藏4 天前
2025最新的软件测试面试八股文(800+道题)
自动化测试·软件测试·python·功能测试·测试工具·面试·职场和发展
测试老哥7 天前
6个步骤实现Postman接口压力测试
自动化测试·软件测试·测试工具·测试用例·接口测试·压力测试·postman
明月与玄武11 天前
Cypress 测试框架:轻松实现端到端自动化测试!
cypress·自动化测试框架详解