元素的点击操作

元素的点击操作

.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() 如果后面链接的断言一直不通过,可能会超时

相关推荐
小天源11 天前
鼠标自动录制软件下载及使用
自动化测试·自动化·计算机外设·mouse recorder·鼠标录制·鼠标宏
百里图书11 天前
颠覆传统接口测试!用 Streamlit + SQLite + GPT 打造可视化自动化平台
自动化测试·测试开发·接口自动化测试·测试工具·接口测试·测试平台·python编程
天才测试猿11 天前
2025最新软件测试面试题总结【附文档】
自动化测试·软件测试·python·测试工具·面试·职场和发展·测试用例
天才测试猿13 天前
软件测试环境搭建及测试过程
自动化测试·软件测试·python·功能测试·测试工具·职场和发展·测试用例
Tom Boom14 天前
2. 如何理解互联网七层模型?深度解析。
网络·自动化测试·测试开发·测试用例·自动化测试框架开发
测试界萧萧17 天前
10:00开始面试,10:06就出来了,问的问题有点变态。。。
自动化测试·软件测试·功能测试·程序人生·面试·职场和发展
天才测试猿17 天前
Postman中变量的使用
自动化测试·软件测试·selenium·测试工具·职场和发展·测试用例·postman
程序员三藏17 天前
Jmeter的三种参数化方式详解
自动化测试·软件测试·python·测试工具·jmeter·职场和发展·测试用例
测试199819 天前
2025软件测试面试题汇总(接口测试篇)
自动化测试·软件测试·python·测试工具·面试·职场和发展·接口测试