Playwright 自动化测试系列（7）| 第三阶段：测试框架集成​​Page Object 模式

一、Page Object 模式的核心价值

1. 问题驱动
传统测试脚本将元素定位与操作逻辑混写在用例中，导致：

• 维护灾难：页面元素变动需修改所有相关用例（如登录按钮ID变更需全局搜索替换）

• 复用困难：相同操作逻辑无法跨用例共享（如登录流程重复编写）

• 可读性差：业务逻辑被技术细节淹没（如page.locator("#login-btn").click()分散在多个步骤）

2. 解决方案
Page Object（PO）模式将页面抽象为类：

• 元素定位器 → 封装为类属性

• 操作行为 → 封装为类方法

• 业务流 → 通过方法组合实现

# 传统模式 vs PO模式对比  
# 传统：元素定位与操作耦合  
page.locator("#username").fill("user1")  
page.locator("#password").fill("pass1")  
page.locator("#login-btn").click()  

# PO模式：业务语义化  
login_page.enter_username("user1")  
login_page.enter_password("pass1")  
login_page.click_login()  

二、电商全流程PO架构设计

1. 系统分层架构

2. 核心类设计

类名	职责	关键方法举例
LoginPage	登录页面操作封装	enter_credentials() , submit()
HomePage	首页导航与搜索	search_product() , view_cart()
ProductPage	商品详情操作	select_color() , add_to_cart()
CartPage	购物车管理	apply_coupon() , checkout()
OrderPage	订单结算流程	fill_address() , confirm_pay()

三、实战：电商登录-下单PO封装

1. 登录页封装（LoginPage）

class LoginPage:  
   &