Web 自动化神器 TestCafe—页面基本操作篇

前 言

---

Testcafe是基于node.js的框架，以操作简洁著称，是web自动化的神器

今天主要给大家介绍一下testcafe这个框架和页面元素交互的方法。

一、互动要求

使用 TestCafe 与元素进行交互操作，元素需满足以下条件：☟

元素在 body 页面窗口或 iframe 窗口的元素内。如果某个元素在视口之外，则 TestCafe 通过滚动可以滚动到元素可见。

元素是可见的，具有以下属性：

属性	说明
display	没有设置为 none
visibility	设置为 visible（默认值）
width	> = 1 像素
height	> = 1 像素

元素不重叠。

TestCafe 动作以某个动作 offsetX 或 offsetY 选项指定的元素的中心或点为目标。如果另一个元素遮挡了目标点，则在顶部元素上执行操作（例如，t.click 操作在其上方单击该元素）。
 

二、点击操作

关于对元素进行点击操作，使用 testcafe 提供了三个方法，分别为单击、双击、鼠标右击，接下来我们一起来了解一下鼠标操作的使用方法。

1、单击

方法：t.click

在指定元素位置，鼠标单击

参数：

参数	描述
selector	双击的页面元素

例子：

test('click test', async t => {
    await t.click('#su');
});

2、双击

方法：t.doubleClick

在指定元素位置，鼠标双击元素

参数：

参数	描述
selector	双击的页面元素

例子：

test('doubleClic test', async t