优先级：测试ID > 角色选择器 > 文本选择器 > CSS 选择器 > xpath > 其他
1、首选-测试ID (最稳定)
测试ID 是专门为自动化测试添加的标识属性，用于稳定地定位元素，不受U样式或布局变化的影响。
page.get_by_test_id("login-button")
page.locator("[data-testid='submit']")
2、其次-角色选择器 更容易理解，跨平台稳定
page.get_by_role("button", name="Submit")
page.get_by_role("textbox",name="Username")
page.get_by_role("radio"，name="女") # 单选按钮定位
page.get_by_role("checkbox"，name="我同意服务条款") # 复选框
page.get_by_role("combobox"，name=“国家") # 下拉框
page.get_by_role("dialog",name="注册成功")#对话框
page.get_by_role("navigation",name="主导航")
page.get_by_role("heading",name="页面标题")
page.get_by_role("list，name="任务列表")
这段代码button =page.get_by_role("button",name="Submit")的解释：查找页面上角色为"button"且可访问名称为"Submit"的元素，示例-->
<1、普通按钮--> <button>Submit</button> <!--2.input 类型按钮 --> <input type="button" value="Submit"> <input type="submit" value="submit"> <!--3.div 模拟按钮 --> <div role="button" aria-label="submit">点击提交</div>
3、再次 -文本选择器 依赖文案内容，文案修改即失效
page.locator("text=登录")
page.get by text("Welcome")
4、CSS 选择器 灵活但容易随结构变化失效
page.locator("#username")
page.locator(".submit-btn")
5、XPath(复杂场景使用) 太脆弱易变
page.locator("//button[contains(@class, 'primary') and text()='save' ]")
6、避免的选择器.
page.locator("div>div>div>button") # 过于依赖结构
page.locator("//div[5]/span[]”) # 依赖位置索引