元素的点击操作

冰点契约丶2023-11-23 14:00

元素的点击操作

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