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