怎么才能在百度上搜到自己的网站,企业网站样式,搜索引擎优化要考虑哪些方面?,哈尔滨开网站一、互动要求
使用 TestCafe 与元素进行交互操作#xff0c;元素需满足以下条件#xff1a;☟
元素在 body 页面窗口或 iframe 窗口的元素内。如果某个元素在视口之外#xff0c;则 TestCafe 通过滚动可以滚动到元素可见。
元素是可见的#xff0c;具有以下属性#…一、互动要求
使用 TestCafe 与元素进行交互操作元素需满足以下条件☟
元素在 body 页面窗口或 iframe 窗口的元素内。如果某个元素在视口之外则 TestCafe 通过滚动可以滚动到元素可见。
元素是可见的具有以下属性
属性说明display没有设置为 nonevisibility设置为 visible默认值width 1 像素height 1 像素
元素不重叠。
TestCafe 动作以某个动作 offsetX 或 offsetY 选项指定的元素的中心或点为目标。如果另一个元素遮挡了目标点则在顶部元素上执行操作例如t.click 操作在其上方单击该元素。
如果你想学习自动化测试我这边给你推荐一套视频这个视频可以说是B站播放全网第一的自动化测试教程同时在线人数到达1000人并且还有笔记可以领取及各路大神技术交流798478386
【已更新】B站讲的最详细的Python接口自动化测试实战教程全集实战最新版_哔哩哔哩_bilibili【已更新】B站讲的最详细的Python接口自动化测试实战教程全集实战最新版共计200条视频包括1、接口自动化之为什么要做接口自动化、2、接口自动化之request全局观、3、接口自动化之接口实战等UP主更多精彩视频请关注UP账号。https://www.bilibili.com/video/BV17p4y1B77x/?spm_id_from333.337.search-card.all.click
二、点击操作
关于对元素进行点击操作使用 testcafe 提供了三个方法分别为单击、双击、鼠标右击接下来我们一起来了解一下鼠标操作的使用方法。
1、单击
方法t.click
在指定元素位置鼠标单击
参数
参数描述selector双击的页面元素
例子
test(click test, async t {await t.click(#su);
});
2、双击
方法t.doubleClick
在指定元素位置鼠标双击元素
参数
参数描述selector双击的页面元素
例子 test(doubleClic test, async t {await t.doubleClick(#su)
});
3、右击
方法t.rightClick
在指定元素位置鼠标右击
参数
参数描述selector双击的页面元素
例子
test(rightClick test, async t {await t.rightClick(#cell-1-1)
});三、输入操作
方法t.typeText
输入表单元素的值
参数
参数描述selector接收输入内容的表单元素text输入的文本
例子
import { Selector } from testcafe;fixture(Example).page(https://www.baidu.com);test(Type Text test, async t {await t.typeText(#kw, 123)
})
四、键盘按键
在测试的操作中如果涉及到键盘按键的操作那么 testcafe 中也提供了很方便的方法 pressKey。
方法t.pressKey
按键类型
按键类型例子字母、数字键aA1修饰键shiftalt 、ctrl导航键和动作键backspacetabenter按键组合shifta ctrlv顺序按键使用空格分隔多个案例操作例如ctrlc ctrlv
例子
test(enter test, async t {// 按下 a 键await t.pressKey(a)// 按下 shifta 键await t.pressKey(shifta)// 先按下 ctrlc复制再按ctrlv粘贴await t.pressKey(ctrlc ctrlv)});
五、文本选择
关于表单或者 textarea 这类可编辑的元素在进行输入之前如果要选中原有的文字内容并进行删除操作则需要先选择文本然后再进行删除
方法t.selectText
在各种类型的输入元素中选择文本
参数
参数类型描述selector字串| 选择器标识将要选择其文本的网页元素必填参数startPosnumber选择的开始位置从零开始的整数非必填默认为 0endPosnumber选择的结束位置非必填可见文本内容的长度。
例子
import { Selector } from testcafe;fixture(Example).page(https://www.baidu.com);test(Type Text test, async t {// 输入 123await t.typeText(#kw, 123)// 选中输入的文本.selectText(#kw)// 按下删除键 删除输入的文本.pressKey(delete);
})
六、鼠标悬停
方法t.hover
将鼠标指针悬停在页面的某个元素上。
参数
参数描述selector页面元素
例子
import { Selector } from testcafe;fixture(Example).page(https://www.baidu.com);test(Type Text test, async t {// 鼠标悬停在百度页面顶部的更多菜单上await t.hover(a[nametj_briicon])
})
七、强制等待
在我们执行测试时对于某个操作后如果需要强制等待一段时间则可以使用 t.wait 方法来进行强制等待。
方法t.wait
代码执行到 wait 方法进行强制等待
参数
范围类型描述timeout数字暂停持续时间以毫秒为单位。
例子
import { Selector } from testcafe;fixture 百度测试.page https://www.baidu.com;test(Wait test, async t {await t// 输入123.typeText(#kw, 123)// 强制等待3秒.wait(3000)// 点击搜索.click(#su)}); 八、窗口管理
1、打开新窗口
方法openWindow
打开一个新的浏览器窗口。返回匹配的窗口描述符
参数
参数描述url打开的 URL。可以是绝对的或相对的。
例子
import { Selector } from testcafe;fixture 百度测试.page https://www.baidu.com;test(Wait test, async t {// 打开一个新窗口接收新窗口的描述符const winDesc await t.openWindow(http://www.taobao.com)
});
2、关闭窗口
方法closeWindow
关闭浏览器窗口。(注意点不能使用该方法直接关闭主窗口)
参数
参数描述windowDescriptor描述目标窗口的对象。如果不传此参数默认关闭当前活动窗口。
例子 import { Selector } from testcafe;fixture 百度测试.page https://www.baidu.com;test(Wait test, async t {// 打开一个新窗口接收新窗口的描述符const winDesc1 await t.openWindow(http://www.taobao.com)// 关闭窗口await t.closeWindow(winDesc1)
});
九、调整窗口大小
1、窗口最大化
方法t.maximizeWindow
把浏览器窗口设置为最大化
例子
import { Selector } from testcafe;fixture 百度.page https://www.baidu.com;// 窗口最大化
test(screenshot , async t {await t.maximizeWindow();
});
2、调整窗口大小
方法t.resizeWindow
参数
参数名描述width新的宽度以像素为单位。height新高度以像素为单位。
例子
import { Selector } from testcafe;const menu Selector(#side-menu);fixture 百度测试.page https://www.baidu.com;test(设置浏览器窗口大小, async t {await t.resizeWindow(200, 100)
});
3、调整窗口大小适配设备屏幕
方法t.resizeWindowToFitDevice
通过传入移动设备的设备名自动调整窗口大小以适合指定移动设备的屏幕
参数
参数描述deviceName设备的名称。比如 iphonex, iphonexr
例子
import { Selector } from testcafe;const menu Selector(#side-menu);fixture 百度测试.page https://www.baidu.com;test(设置浏览器窗口大小, async t {await t.resizeWindowToFitDevice(iphonex, {portraitOrientation: true})
});
