1.简介

在之前的文章中宏哥讲解和分享了，为了看清自动化测试的步骤，通过JavaScript添加高亮颜色，就可以清楚的看到执行步骤了。在学习和实践Playwright的过程中，偶然发现了使用Playwright中的highlight()方法也突出显示Web元素。与之前的方法有异曲同工之妙。而且很简单。highlight()方法可以突出显示Web元素，方便调试和可视化操作。

2.测试场景

我们在日常工作中进行自动化测试，有时会遇到一个定位表达式，会同时定位到多个元素的可能，并且，有的元素是不可见的，这样一来，不仅会导致我们的测试用例执行失败，而且在查找问题时困难，尤其是隐藏的元素。那么我们如何在调试定位的时候就让我们定位到的全部元素都比较直观的展示在我们眼前呢？selenium需要我们逐一去查看，而playwright就直接提供了一个高亮的方法来突出展示web页面上的元素。

3.高亮显示定位到的元素

在我们调试元素定位的时候，不知道页面上有多少个此类元素，不清楚页面上这个元素具体显示在什么位置，这时候就可以使用 locator.highlight（）。语法如下：

locator.highlight()

4.highlight实战

4.1highlight高亮单个元素

我们以度娘首页为例：高亮百度的搜索框（搜索框的元素id为kw）。

4.1.1代码设计

4.1.2参考代码


# coding=utf-8

标签: none

添加新评论