自动化测试框架playwright 常见问题和解决方案

自动化课程已经讲完了playwright 框架，很多同学跃跃欲试，所谓实践出真知，这不在实践中就要到了一些问题，小编也给大家整理出来了，送个有需要的同学，记得点赞收藏哦~~

01安装问题

问题描述：

在安装 Playwright 时，可能会遇到网络问题导致安装包下载不完整，或者与操作系统、Python 版本等不兼容的情况。

解决方案：

确保网络稳定。如果安装过程中断，可以尝试重新运行安装命令。例如，在 Python 中使用pip install playwright安装时，若出现网络错误，可尝试添加--proxy参数指定代理服务器（如果有合适的代理）来改善网络连接。
检查操作系统和 Python 版本是否符合 Playwright 的要求。Playwright 支持多种操作系统如 Windows、Linux、MacOS，并且对 Python 版本也有一定的兼容性范围。一般建议使用较新的 Python 稳定版本，如 Python 3.8 及以上。如果版本不符合要求，可以考虑升级 Python。
对于某些依赖项可能需要额外的系统配置。例如，在 Linux 系统上，可能需要安装一些必备的库来支持 Playwright 的运行，如在 Ubuntu 系统上，可能需要运行sudo apt-get install -y libnss3 libatk -browser -plugin -minimal来安装必要的系统库。

（图片来源于网络）

02浏览器启动问题

问题描述：

无法启动指定的浏览器，如 Chrome、Firefox 或 WebKit。可能会出现浏览器窗口一闪而过或者直接报错说找不到浏览器可执行文件的情况。
浏览器启动后加载页面过慢，或者页面加载不完全。

解决方案：

检查浏览器是否已经正确安装并且在系统路径中可以被访问。Playwright 默认会尝试在系统路径中查找浏览器可执行文件。如果浏览器安装在非标准路径，可以通过设置环境变量或者在 Playwright 的启动选项中指定浏览器路径。

例如，在 Python 中启动 Chrome 时，可以使用如下代码来指定路径：

对于页面加载问题，首先检查网络连接是否正常。可以增加页面加载的超时时间来适应较慢的网络或者复杂的页面。例如：

有些页面可能需要等待特定的元素加载完成或者 JavaScript 脚本执行完毕后才能进行后续操作。可以使用page.wait_for_selector()等待元素出现，或者page.wait_for_function()等待 JavaScript 函数返回特定的值。例如：

03元素定位问题

问题描述：

无法定位到页面中的元素，可能是因为元素的选择器不正确，或者元素是动态加载的，在定位时还没有出现在 DOM 中。
定位到了多个元素，而实际操作只需要其中一个，导致操作错误。

解决方案：

仔细检查元素选择器。可以使用浏览器的开发者工具（如 Chrome DevTools）来查看元素的属性，选择一个唯一的、稳定的选择器。如果是 CSS 选择器，可以参考 CSS 选择器的语法规则来构建准确的选择器。对于动态元素，可以使用page.wait_for_selector()结合合适的选择器来等待元素出现后再进行定位。例如，如果一个按钮是通过 JavaScript 动态加载的，并且有一个唯一的id属性，可以这样定位：

如果定位到多个元素，可以通过索引或者更精确的选择器来获取想要的元素。例如，如果query_selector_all返回了多个div元素，而你只想要第二个，可以使用索引：

或者通过添加其他属性来使选择器更精确，比如结合class属性和tag名称：

04操作执行问题

问题描述：

对元素进行点击、输入等操作时没有反应，或者操作执行后页面没有按照预期进行跳转或更新。
在进行文件上传等复杂操作时遇到困难。

解决方案：

首先确保元素已经被正确定位并且处于可操作状态。有些元素可能需要先获得焦点才能进行操作。例如，对于一个输入框，可以先使用element.focus()方法使其获得焦点，再进行输入操作。在点击操作后，可能需要等待页面的响应，可以使用page.wait_for_navigation()等待页面跳转或者page.wait_for_load_state()等待页面加载完成新的内容。例如：

对于文件上传操作，Playwright 提供了专门的set_input_files方法。假设页面有一个文件上传的输入框，id为file - upload，可以这样上传文件：

05测试环境问题

问题描述：

在不同的测试环境（如开发环境、测试环境、生产环境）中，测试脚本可能会因为环境配置差异（如 URL 不同、接口端点不同等）而失败。
测试环境中的浏览器版本、页面布局等因素与预期不符，导致测试结果不准确。

解决方案：

将环境相关的配置参数（如 URL、接口地址等）提取出来，作为变量存储在配置文件或者环境变量中。这样在不同的环境中运行测试时，可以方便地修改这些参数。例如，可以使用 Python 的dotenv库来读取.env文件中的环境变量。在.env文件中可以定义BASE_URL = https://test - environment - url，在测试脚本中读取这个变量并使用。
对于浏览器版本和页面布局差异，可以考虑使用可视化测试工具（如 Percy 等与 Playwright 集成）来比较页面的视觉差异。并且在测试脚本中尽量使用相对稳定的元素定位策略，避免因为页面布局小的变化而导致定位失败。同时，定期更新测试脚本以适应页面布局和浏览器版本的更新。