PageObject在UI自动化测试工具Playwright中的实践

亲爱的小伙伴们，由于微信公众号改版，打乱了发布时间，为了保证大家可以及时收到文章的推送，可以点击上方蓝字关注测试工程师成长之路，并设为星标就可以第一时间收到推送哦！

Page Object Models 可以构建大型测试套件，以优化编写和维护的便利性。页面对象模型就是这样一种构建测试套件的方法。页面对象代表 web 应用程序的一部分。web 应用程序可能有一个主页、一个清单页面和一个结帐页面。它们中的每一个都可以用页面对象模型表示。页面对象通过创建适合应用程序的高级 API 简化了创作，通过在一个地方捕获元素选择器和创建可重用代码以避免重复简化了维护。--来自Playwright官网

我们将每个页面封装成一个py文件，将每个页面元素封装成一个py文件，测试用例存放在test_case目录下，这是一个简单的demo。

我们来看下这个demo的整体目录结构

项目目录结构

目录说明

• element_management：封装每个页面的所有元素

• ishot：截图存放目录

• models：page类以及base_page，常用API封装

• test_case：测试用例类

代码说明

注意：此demo基于百度搜索

01.search_page_element.py

说明：封装百度搜索页元素，如搜索输入框

02.base_page.py

 说明：Playwright常用API封装

03.searchpage.py

 说明：搜索页操作封装，继承base_page.py

04.test_sarch.py

 说明：测试用例

未完待续

以上内容仅仅是一个demo，其中还有很多待完善的地方，后续会在base_page.py中封装更多Playwright API。当然，大家也可以基于以上代码自己完善，欢迎各位小伙伴一同来探讨，不断完善Playwright项目。

资料分享