我们可以在 WebdriverIO 中使用 id 定位器。在导航到网页后，我们需要与页面上可用的网页元素进行交互，例如点击链接/按钮、在编辑框中输入文本等等，以完成我们的自动化测试用例。为此，我们的首要任务是识别元素。我们可以使用元素的 id 属性来识别它。这是一个非常有用的定位器，与所有其他定位器相比，它可以加快自动化测试的执行速度。在 WebdriverIO 代码中，我们可以选择指定 ... 阅读更多

WebdriverIO 可以使用 dragAndDrop 方法执行鼠标操作，例如拖放。通过此方法，我们执行对当前对象（源）的点击和按住事件，然后将该对象传递给目标元素。最后，释放鼠标。语法let p = $('#loc') let t = $('#target') p.dragAndDrop(t)这里，p 是源定位器，t 是目标定位器。让我们对以下元素执行拖放功能 -在上图中，名为 - 将我拖到我的目标的元素必须被拖放到元素 - 已放置！上。示例代码实现// 测试套件名称 describe('Tutorialspoint 应用程序', function(){ ... 阅读更多

我们可以在 Puppeteer 中处理框架。html 代码中的框架由 frames/iframe 标签表示。Puppeteer 可以通过从主页面切换到框架来处理框架。要使用框架内的元素，首先，我们需要使用定位器识别该框架。contentFrame 方法用于访问框架内的元素。语法const f = await page.$("frame[name='frame-bottom']") const m = await f.contentFrame()让我们看看框架内元素的 html 代码，并获取其中的文本 - BOTTOM。上图中突出显示的标签名称是 frame，并且 ... 阅读更多

我们可以使用以下方法在 Puppeteer 中处理标签页 -newPage() - 我们可以使用浏览器对象中提供的此方法打开一个新标签页。语法const p = await browser.newPage()close() - 我们可以使用此方法关闭打开的标签页。语法await p.close() close() - 我们可以使用浏览器对象中提供的此方法关闭所有打开的标签页。语法await browser.close()示例代码实现// 添加 Puppeteer 库 const pt = require('puppeteer') pt.launch().then(async browser => { // 浏览器新页面 const p = await browser.newPage(); // 设置浏览器页面的视口 await p.setViewport({ width: 1000, height: ... 阅读更多

我们可以在 Rest Assured 中的请求中传递多个头部。在进行服务调用时，Web 服务可以接受头部作为参数。头部以键值对的形式表示。在 Rest Assured 中传递多个头部有多种方法 -使用 header 方法以键值格式传递它们。语法 Response r = given() .baseUri("https://tutorialspoint.com/") .header("header1", "value1") .header("header2", "value2") .get("/about/about_careers.htm");使用 headers 方法以 Map 的形式传递它们。语法 Map m = new HashMap(); m.put("header1", "value1"); m.put("header2, "value2"); Response r = given() .baseUri("https://tutorialspoint.com/") .headers(m) .get("/about/about_careers.htm");使用 headers 方法以 List 的形式传递它们。语法 List h ... 阅读更多

我们可以在 WebdriverIO 中管理 Cookie。Cookie 有助于识别用户。这是一种有效的技术，可以将信息从一个站点会话传递到另一个站点会话，或者在两个连接的网站的会话之间传递。我们可以使用以下方法在 WebdriverIO 中添加、删除和获取 Cookie -browser.setCookies - 用于为当前页面设置单个 Cookie 或多个 Cookie。要为页面设置 Cookie，我们必须首先启动并位于该页面上。语法 browser.setCookies({cookie, cookie.name, cookie.value, cookie.path, cookie.domain, cookie.secure, cookie.httpOnly, cookie.expiry} )这里，cookie 是 Cookie 对象或对象数组，并且 ... 阅读更多

我们可以在 Cypress 中创建 Junit 报告。要安装 JUnit 报告的软件包，请运行以下命令 -   npm install cypress-junit-reporter --save-dev示例在 cypress.json 中实现{ "reporter": "junit", "reporterOptions": { "mochaFile": "cypress/results/results.xml", "toConsole": true } }如果我们在一次运行中运行多个测试，并希望为各个规范文件提供唯一的报告，则需要在 cypress.json 中的 mochaFile 参数中添加 [hash]。示例在 cypress.json 中实现以避免覆盖报告{ "reporter": "junit", ... 阅读更多

我们可以在 Cypress 中创建 Mochawesome 报告。Cypress 与 Mocha 捆绑在一起，因此可以为 Mocha 生成的任何报告也可以与 Cypress 一起使用。Mochawesome 报告Mochawesome 报告是 Cypress 中最重要的报告之一。要安装 mochawesome，请运行以下命令 -   npm install mochawesome --save-dev要安装 mocha，请运行以下命令 -   npm install mocha --save-dev要合并 mochawesome json 报告，请运行以下命令 -   npm install mochawesome-merge --save-dev安装后，所有这些软件包都应反映在 package.json 文件中。要将多个报告合并到一个报告中，请运行以下命令 -   npm run combine-reports在 cypress.json ... 阅读更多

Cypress 数据驱动测试是在 fixture 的帮助下实现的。Cypress fixture 用于维护和保存自动化测试数据。fixture 保存在 Cypress 项目中的 fixture 文件夹（例如 example.json 文件）中。它基本上帮助我们从外部文件获取数据输入。Cypress fixture 文件夹可以包含 JSON 或其他格式的文件，数据以“键：值”对的形式维护。所有这些测试数据都可以被多个测试使用。所有 fixture 数据都必须在 before hook 块中声明。语法cy.fixture(测试数据路径) cy.fixture(测试数据路径，编码类型) ... 阅读更多

我们可以在 Cypress 中上传文件。要在 Cypress 中执行文件上传任务，我们必须首先使用以下命令安装插件 -npm ins tall –dev cypress-file-upload安装完成后，我们需要在位于 Cypress 项目支持文件夹内的 command.js 文件中添加语句 import 'cypress-fileupload'。此外，我们还应将要上传的文件添加到 fixture 文件夹（Picture.png 文件）中。要上传文件，我们必须使用 Cypress 命令 attachFile，并将要上传的文件的路径作为参数传递给它。示例实现describe('Tutorialspoint 测试', function ... 阅读更多