npm 包 ddry-selenium-matchers 使用教程

简介

现代前端开发难免需要使用 Selenium 进行自动化测试。而 ddry-selenium-matchers 是一个 npm 包,它能够更好地帮助我们结构化地组织测试用例,提高测试用例的可维护性。

ddry-selenium-matchers 包含了一系列常见的 matcher,包括:类型校验、文本校验、元素属性校验、元素可见性校验等。这些 matcher 可以帮助我们更加高效地编写测试用例。接下来,本文将介绍如何在自己的项目中使用这个 npm 包。

安装

首先需要在项目中安装该 npm 包。安装命令:

--- ------- ----------------------

使用示例

下面以一个简单的示例为例,介绍如何使用 ddry-selenium-matchers。

引入库

----- ---- ---- ------ - ------------------------------
----- -------- ---- - ----------------
----- ---------- - ----------------------------------

--------------

打开网页并进行校验

---------------- ---- ----- ---------- -
  --- -------

  ------------ ---------- -
    ------ - ----- --- ---------------------------------------
  ---

  ----------- ---------- -
    ----- --------------
  ---

  ------------------ ----- ---------- -
    ----- -------------------------------------
    ----- -------------------------------------------------- ------------
    ----- -------------------------------- - ------ ----- ------

    ------------ -------------------------------- -------------------------------
    ------------ -------------------------------- ---------------------------------
    ------------ --------------------------------------------------------------- ----- ---- -------
  ---
---

Matcher 列表

类型校验

  • expect(obj).isString():判断 obj 是否为字符串。
  • expect(obj).isNumber():判断 obj 是否为数值。
  • expect(obj).isBoolean():判断 obj 是否为布尔值。
  • expect(obj).isFunction():判断 obj 是否为函数。
  • expect(obj).isArray():判断 obj 是否为数组。
  • expect(obj).isObject():判断 obj 是否为对象。
  • expect(obj).isNull():判断 obj 是否为 null。
  • expect(obj).isUndefined():判断 obj 是否为 undefined。

文本校验

  • expect(obj).textToEqual(targetText):判断 obj 的 text 是否和 targetText 相等。
  • expect(obj).textNotToEqual(targetText):判断 obj 的 text 是否和 targetText 不相等。
  • expect(obj).textToContain(targetText):判断 obj 的 text 是否包含 targetText。
  • expect(obj).textNotToContain(targetText):判断 obj 的 text 是否不包含 targetText。

元素属性校验

  • expect(obj).toHaveAttr(attrKey, targetValue):判断 obj 的某个属性值是否与 targetValue 相等。
  • expect(obj).notToHaveAttr(attrKey, targetValue):判断 obj 的某个属性值是否与 targetValue 不相等。

元素可见性校验

  • expect(obj).toBeVisible():判断 obj 是否可见。
  • expect(obj).notToBeVisible():判断 obj 是否不可见。

总结

ddry-selenium-matchers 这个 npm 包可以帮助我们更好的编写 Selenium 测试用例,提高可维护性。相信通过此文的介绍,大家对 ddry-selenium-matchers 的使用有了更深入的了解。

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/6005544581e8991b448d194f


猜你喜欢

  • npm 包 multi-status 使用教程

    在 Web 开发中,状态管理是一个十分重要的概念,好的状态管理可以让我们更方便地开发 Web 应用。multi-status 就是一个基于状态管理的 npm 包,它可以帮助我们更轻松地管理多层嵌套的状...

    2 年前
  • npm 包 sq-ts 使用教程

    npm 是 Node.js 世界中的包管理器,它拥有数以百万计的软件包,其包括了丰富的前端资源。 sq-ts 是一个 npm 包,它提供了一种简单的方式来操作 SQL 数据库。

    2 年前
  • npm 包 bitbucket_pipeline_build_status 使用教程

    简介 bitbucket_pipeline_build_status 是一个 npm 包,它可以帮助我们获取 Bitbucket Pipeline 的构建状态和报告状态。

    2 年前
  • npm 包 ffi2 使用教程

    简介 FFI(Foreign Function Interface)是用于从运行时连接到本地动态库的一种机制。通过该机制,JavaScript 可以调用许多其他语言编写的库。

    2 年前
  • npm 包 iab 使用教程

    什么是 iab? iab(即In App Browser)是一种基于 Cordova/PhoneGap 或其他混合移动开发框架的插件,它能够在应用程序内部打开一个浏览器窗口。

    2 年前
  • npm 包 koa-cookie-parser 使用教程

    什么是 koa-cookie-parser? koa-cookie-parser 是 Koa 框架的一个中间件,用于解析 HTTP 请求中的 Cookie 值。在 Node.js 后端开发中,通常会使...

    2 年前
  • npm 包 loopback-bakery 使用教程

    什么是 loopback-bakery? loopback-bakery 是一个 loopback 框架的 npm 包,其中包含了一些基本的、可复用的代码片段和脚手架,用于快速构建 API 服务,提高...

    2 年前
  • npm 包 react-scrollable-tab-view 使用教程

    在前端开发中,有时我们需要实现类似选项卡的内容切换效果,react-scrollable-tab-view 是一个优秀的 npm 包,它可以帮助我们实现可滚动的选项卡组件。

    2 年前
  • npm 包 youtube-castv2-client 使用教程

    引言 本文主要介绍 npm 包 youtube-castv2-client 的使用方法。如果你是一个前端开发者,想要将 Youtube 视频投放到你的 Chromecast 设备上,或者你正在学习如何...

    2 年前
  • npm 包 fis3-deploy-exit 使用教程

    fis3-deploy-exit 是一个基于 fis3 的部署插件,可以在 fis3 部署过程中检测是否有文件未上传,如果有则中断部署,打印出未上传的文件列表,让用户可以及时处理文件,避免因为文件遗漏...

    2 年前
  • npm 包 fis3-release-exit 使用教程

    前言 在前端开发中,我们经常会用到构建工具来自动化打包、压缩等操作,其中 fis3 是一个非常流行的构建工具,它可以高效地完成从源代码到最终产物的构建过程。 在 fis3 中,利用插件机制可以方便地扩...

    2 年前
  • npm 包 lqjs 使用教程

    在前端开发中,我们时常需要使用各种库和工具,而 npm (Node.js 包管理器)是前端最常用的包管理器之一。今天我们来介绍一个实用的 npm 包 lqjs,它能帮助我们更快地搭建前端项目并提供各种...

    2 年前
  • npm包search-google使用教程

    引言 如果你正在开发一个 Web 应用并需要引入搜索引擎到你的应用程序中,那么 search-google 这个 npm 包就是你需要的。 在本文中,我们将会学习如何使用 search-google,...

    2 年前
  • npm 包 spodl 使用教程

    前言 npm 包 spodl 是一个可以将 Spotify 歌单和专辑以 mp3 格式下载到本地的命令行工具。它可以帮助用户将喜欢的音乐保存到本地,方便离线收听。本文将会详细介绍 spodl 的使用方...

    2 年前
  • npm 包 @clicksion/angular2 使用教程

    @clicksion/angular2 是一个用于 Angular2 的支持开发和构建 Web 应用程序的 npm 包。它提供了一些相关功能和组件,可以极大地便利前端开发人员的工作。

    2 年前
  • npm 包 aalsi 使用教程

    简介 aalsi 是一个方便前端开发的 npm 包,可以解决需要在不同浏览器以及终端上进行测试调试的难题,同时支持用户自定义配置。 安装 可以通过以下命令安装 aalsi: --- ------- -...

    2 年前
  • npm 包 lionsoft-common-tools 使用教程

    随着前端技术的不断发展,我们的工作变得越来越复杂。而 npm 包的引入则成为我们提高工作效率,提高代码质量的重要途径之一。lionsoft-common-tools 就是这样一个功能强大的 npm 包...

    2 年前
  • npm包ng2-ring-chart使用教程

    介绍 ng2-ring-chart是一个Angular2+的环形图表组件,使用简单,可定制性强,在web应用中使用广泛。 安装 在项目根目录下使用npm安装: --- ------- --------...

    2 年前
  • npm包gulp-graceful-error使用教程

    前言 在前端开发中,经常会用到gulp自动化构建工具来提高开发效率,而在使用gulp的过程中,我们也经常会用到相关的npm包来增强gulp的功能。本篇文章介绍的是npm包gulp-graceful-e...

    2 年前
  • npm 包 pure-typography-i 使用教程

    简介 pure-typography-i 是一个提供基于现代 CSS 网格的响应式排版样式表的 npm 包。它的主要特点包括: 基于现代 CSS 网格,适应性强,适用于各种设备 提供了多种样式组合方...

    2 年前

相关推荐

    暂无文章