新一代最强开源UI自动化测试神器Playwright（Java版）六（断言）

2024-06-01 03:28
文章标签 java ui 测试 自动化 开源 最强 新一代 playwright 神器 断言

本文主要是介绍新一代最强开源UI自动化测试神器Playwright（Java版）六（断言），希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

Playwright是一个流行的UI自动化测试框架，用于编写UI自动化测试。在测试中，断言是一个非常重要的概念，用于验证测试的结果是否符合预期。Playwright提供了一些内置的断言函数，可以帮助测试人员编写更加简洁和可读的测试代码。本文将介绍Playwright中的断言函数，并提供一些示例，以帮助您更好地理解如何使用这些函数来编写高质量的自动化测试。LocatorAssertions类提供断言方法，可用于对测试中的定位器状态进行断言。

PART 01 断言复选框是否被选中


// 点击勾选page.getByLabel("abcd").check();// 断言 abcd 复选框是否已选中，若未选择则抛出异常// Exception in thread "main" org.opentest4j.AssertionFailedError: Locator expected to be checkedassertThat(page.getByLabel("abcd")).isChecked();

PART 02 断言元素是否被启用或禁用


// 元素是否被启用，若未启用，则抛出异常Exception in thread "main" org.opentest4j.AssertionFailedError: Locator expected to be enabledassertThat(page.locator("#disabledButton")).isEnabled();// 元素是否被禁用//assertThat(page.locator("#disabledButton")).isDisabled();

PART 03 断言元素是否可编辑

assertThat(page.locator("body > label:nth-child(2) > input[type=textbox]")).isEditable();

PART 04 断言元素是否为空


// 元素是否为空，若不为空，则抛出异常// Exception in thread "main" org.opentest4j.AssertionFailedError: Locator expected to be emptyassertThat(page.locator("//*[@id='newName']")).isEmpty();

PART 05 断言元素是否被聚焦

如光标是否显示在输入框内


// 点击元素，使其光标在输入框内page.locator("body > label:nth-child(2) > input[type=textbox]").click();// 元素是否被聚焦（如光标是否在输入框内）,若不在，抛出异常// Exception in thread "main" org.opentest4j.AssertionFailedError: Locator expected to be focusedassertThat(page.locator("body > label:nth-child(2) > input[type=textbox]")).isFocused();

PART 06 断言元素是否可见

  1. // 校验元素是否可见

  2. assertThat(page.locator("#uv")).isVisible();

// 点击 Visibility hidden 按钮page.getByRole(AriaRole.BUTTON, new Page.GetByRoleOptions().setName("Visibility hidden")).click();// 校验元素是否隐藏assertThat(page.locator("#uv")).isHidden();

PART 07 断言元素是否包含指定文本

确保定位器指向包含给定文本的元素。也可以对值使用正则表达式。如果将数组作为期望值传递，则期望值是：

  • 定位器解析为元素列表。

  • 此列表子集中的元素分别包含预期数组中的文本。

  • 元素的匹配子集与预期数组具有相同的顺序。

  • 预期数组中的每个文本值都与列表中的某个元素匹配。


<ul><li>Item Text 1</li><li>Item Text 2</li><li>Item Text 3</li></ul>

// ✔️ 以正确的顺序包含正确的元素assertThat(page.locator("ul > li")).containsText(new String[] {"Text 1", "Text 2", "Text 3"});// ❎ 错误的顺序，抛出异常// Exception in thread "main" org.opentest4j.AssertionFailedError: Locator expected to contain text: [Text 3, Text 2]// Received: [Item Text 1, Item Text 2, Item Text 3]assertThat(page.locator("ul > li")).containsText(new String[] {"Text 3", "Text 2"});// ❎ 不包含此元素，抛出异常// Exception in thread "main" org.opentest4j.AssertionFailedError: Locator expected to contain text: [TesterRoad]// Received: [Item Text 1, Item Text 2, Item Text 3]assertThat(page.locator("ul > li")).containsText(new String[] {"TesterRoad"});// ✔️ 定位器指向外部列表元素，而不是liassertThat(page.locator("ul")).containsText(new String[] {"Text 3"});

PART 08 断言元素是否包含指定属性


// 断言 input 元素是否包含value属性，属性的值为 TytoassertThat(page.locator("//*[@id='newName']")).hasAttribute("value","Tyto");

PART 09 断言元素是否有class属性

<div class='selected row' id='component'>公众号：咖啡加剁椒</div>


assertThat(page.locator("#component")).hasClass(Pattern.compile("selected"));assertThat(page.locator("#component")).hasClass("selected row");

PART 10 断言父元素下子元素的数量


<ul><li>Item Text 1</li><li>Item Text 2</li><li>Item Text 3</li></ul>

// 断言ul下li的数量assertThat(page.locator("ul > li")).hasCount(3);

PART 11 断言元素是否有CSS属性


// 断言元素的display是否为blockassertThat(page.locator("//*[@id='nestedZup']")).hasCSS("display","block");

PART 12 断言元素id属性值

assertThat(page.locator("//*[@id='newName']")).hasId("newName");

PART 13 断言元素是否有JavaScript属性


// 断言javascript src属性的值为https://mimg.127.net/external/mail-index/index-promote.jsassertThat(page.locator("body > script:nth-child(17)")).hasJSProperty("src","https://mimg.127.net/external/mail-index/index-promote.js");

PART 14 断言元素的文本


<ul><li>Item Text 1</li><li>Item Text 2</li><li>Item Text 3</li></ul>

// 断言元素的文本assertThat(page.locator("body > ul > li:nth-child(1)")).hasText("Item Text 1");assertThat(page.locator("body > ul > li:nth-child(1)")).hasText(Pattern.compile("Item.*"));

PART 15 断言元素的value值


// 断言value值assertThat(page.locator("//*[@id='newName']")).hasValue("Tyto");

PART 16 断言元素多选后的值

确保定位器指向多选/组合框（即具有multiple属性的 select），并选择指定值。


<select id="favorite-colors" multiple><option value="R">Red</option><option value="G">Green</option><option value="B">Blue</option></select>

// 多选，执行此代码会选中 Red Greenpage.locator("id=favorite-colors").selectOption(new String[] {"R","G"});


// 断言多选的值assertThat(page.locator("id=favorite-colors")).hasValues(new Pattern[] { Pattern.compile("R"), Pattern.compile("G") });

PART 17 断言页面标题


// 以126.com为例page.navigate("https://126.com/");// 断言页面标题assertThat(page).hasTitle("126网易免费邮-你的专业电子邮局");

PART 18 断言指定的URL

以126.com为例，首页点击“忘记密码”，断言跳转后的url


// 断言跳转的urlPage page1 = page.waitForPopup(() -> {page.frameLocator("//*[@id='loginDiv']/iframe").getByRole(AriaRole.LINK, new FrameLocator.GetByRoleOptions().setName("忘记密码")).click();});assertThat(page1).hasURL("https://reg.163.com/naq/findPassword?pd=mail126&pkid=QdQXWEQ#/verifyAccount");

PART 19 总结

断言是UI自动化测试中非常重要的一环，能够帮助我们判断测试结果是否符合预期。以上就是Playwright中断言的简单使用，仅供参考，大家在实际脚本中应该灵活应用。

行动吧，在路上总比一直观望的要好，未来的你肯定会感 谢现在拼搏的自己！如果想学习提升找不到资料，没人答疑解惑时，请及时加入扣群： 320231853，里面有各种软件测试+开发资料和技术可以一起交流学习哦。

最后感谢每一个认真阅读我文章的人，礼尚往来总是要有的，虽然不是什么很值钱的东西，如果你用得到的话可以直接拿走：

​

这些资料，对于【软件测试】的朋友来说应该是最全面最完整的备战仓库，这个仓库也陪伴上万个测试工程师们走过最艰难的路程，希望也能帮助到你！

这篇关于新一代最强开源UI自动化测试神器Playwright（Java版）六（断言）的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！


http://www.chinasem.cn/article/1019858。

相关文章

Java中Switch Case多个条件处理方法举例

Java中Switch Case多个条件处理方法举例

《Java中SwitchCase多个条件处理方法举例》Java中switch语句用于根据变量值执行不同代码块,适用于多个条件的处理,：本文主要介绍Java中SwitchCase多个条件处理的相... 目录前言基本语法处理多个条件示例1：合并相同代码的多个case示例2：通过字符串合并多个case进阶用法使用
阅读更多...
Java中的Lambda表达式及其应用小结

Java中的Lambda表达式及其应用小结

《Java中的Lambda表达式及其应用小结》Java中的Lambda表达式是一项极具创新性的特性,它使得Java代码更加简洁和高效,尤其是在集合操作和并行处理方面,：本文主要介绍Java中的La... 目录前言1. 什么是Lambda表达式？2. Lambda表达式的基本语法例子1：最简单的Lambda表
阅读更多...
Java中Scanner的用法示例小结

Java中Scanner的用法示例小结

《Java中Scanner的用法示例小结》有时候我们在编写代码的时候可能会使用输入和输出,那Java也有自己的输入和输出,今天我们来探究一下,对JavaScanner用法相关知识感兴趣的朋友一起看看吧... 目录前言一 输出二 输入Scanner的使用多组输入三 综合练习：猜数字游戏猜数字前言有时候我们在
阅读更多...
Spring Security+JWT如何实现前后端分离权限控制

Spring Security+JWT如何实现前后端分离权限控制

《SpringSecurity+JWT如何实现前后端分离权限控制》本篇将手把手教你用SpringSecurity+JWT搭建一套完整的登录认证与权限控制体系,具有很好的参考价值,希望对大家... 目录Spring Security+JWT实现前后端分离权限控制实战一、为什么要用 JWT？二、JWT 基本结构
阅读更多...
java解析jwt中的payload的用法

java解析jwt中的payload的用法

《java解析jwt中的payload的用法》：本文主要介绍java解析jwt中的payload的用法,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录Java解析jwt中的payload1. 使用 jjwt 库步骤 1：添加依赖步骤 2：解析 JWT2. 使用 N
阅读更多...
springboot项目如何开启https服务

springboot项目如何开启https服务

《springboot项目如何开启https服务》：本文主要介绍springboot项目如何开启https服务方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录springboot项目开启https服务1. 生成SSL证书密钥库使用keytool生成自签名证书将
阅读更多...
Java实现优雅日期处理的方案详解

Java实现优雅日期处理的方案详解

《Java实现优雅日期处理的方案详解》在我们的日常工作中,需要经常处理各种格式,各种类似的的日期或者时间,下面我们就来看看如何使用java处理这样的日期问题吧,感兴趣的小伙伴可以跟随小编一起学习一下... 目录前言一、日期的坑1.1 日期格式化陷阱1.2 时区转换二、优雅方案的进阶之路2.1 线程安全重构2
阅读更多...
Java中的JSONObject详解

Java中的JSONObject详解

《Java中的JSONObject详解》：本文主要介绍Java中的JSONObject详解,需要的朋友可以参考下... Java中的jsONObject详解一、引言在Java开发中，处理JSON数据是一种常见的需求。JSONObject是处理JSON对象的一个非常有用的类，它提供了一系列的API来操作J
阅读更多...
SpringBoot多数据源配置完整指南

SpringBoot多数据源配置完整指南

《SpringBoot多数据源配置完整指南》在复杂的企业应用中,经常需要连接多个数据库,SpringBoot提供了灵活的多数据源配置方式,以下是详细的实现方案,需要的朋友可以参考下... 目录一、基础多数据源配置1. 添加依赖2. 配置多个数据源3. 配置数据源Bean二、JPA多数据源配置1. 配置主数据
阅读更多...
将Java程序打包成EXE文件的实现方式

将Java程序打包成EXE文件的实现方式

《将Java程序打包成EXE文件的实现方式》：本文主要介绍将Java程序打包成EXE文件的实现方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录如何将Java程序编程打包成EXE文件1.准备Java程序2.生成JAR包3.选择并安装打包工具4.配置Launch4
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2