Web 自动化神器 TestCafe—页面高级操作篇

最新推荐文章于 2024-06-23 15:15:00 发布

测试猿廖廖

最新推荐文章于 2024-06-23 15:15:00 发布

阅读量947

点赞数

文章标签：压力测试 selenium 测试工具 python 开发语言

本文链接：https://blog.csdn.net/m0_73409141/article/details/132428902

版权

本文是Web自动化神器TestCafe系列的高级篇，涵盖鼠标拖拽、文件上传、截屏、窗口滚动、iframe切换、页面访问和窗口切换等操作。通过实例展示了TestCafe在自动化测试中的强大功能，帮助读者深入理解和应用TestCafe。

摘要由CSDN通过智能技术生成

♥ 前言

在【Web 自动化神器 TestCafe — 页面基本操作篇】这篇文章中我们介绍了TestCafe页面交互的一些基本使用

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

这篇文章接着上一篇来给大家介绍一下 TestCafe 页面交互的一些高级操作。

一、鼠标拖拽

鼠标拖拽鼠标拖拽

1、拖拽元素偏移

方法：t.drag

可以将元素相对于原来位置进行偏移拖拽。

案例

import { Selector } from 'testcafe';
fixture `元素拖拽`    .page `https://www.runoob.com/try/try.php?filename=jqueryui-api-droppable`;
test('Drag test', async t => {    await t      .switchToIframe('#iframeResult')      // 相对于元素原来位置，x轴拖动360像素        .drag('#draggable', 360, 0);});

2、拖拽元素到另一个元素位置

方法：dragToElement

将元素拖拽到另一个元素的位置。

案例

import { Selector } from 'testcafe';

fixture `元素拖拽`
    .page `https://www.runoob.com/try/try.php?filename=jqueryui-api-droppable`;

test('Drag test', async t => {
    await t
      .switchToIframe('#iframeResult')
      // 将元素#draggable 拖动到 #droppable 中
        .dragToElement('#draggable', '#droppable')
});

如果你想学习自动化测试，我这边给你推荐一套视频，这个视频可以说是B站播放全网第一的自动化测试教程，同时在线人数到达1000人，并且还有笔记可以领取及各路大神技术交流：798478386 【已更新】B站讲的最详细的Python接口自动化测试实战教程全集（实战最新版）_哔哩哔哩_bilibili【已更新】B站讲的最详细的Python接口自动化测试实战教程全集（实战最新版）共计200条视频，包括：1、接口自动化之为什么要做接口自动化、2、接口自动化之request全局观、3、接口自动化之接口实战等，UP主更多精彩视频，请关注UP账号。