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

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