如何？ Playwright 返回要在另一个文件中使用的元素（页面对象模型）答案

【问题标题】：How to? Playwright return the element to be use in another file (page object model)如何？ Playwright 返回要在另一个文件中使用的元素（页面对象模型）
【发布时间】：2021-11-19 09:12:28
【问题描述】：

所以我有一个脚本，我想返回要在另一个文件中使用的元素。例如下面：

量角器：

Element file:
login() {
    return $( '.modal-footer .btn.btn-primary' );
}
    

Page file:
loginPage(){
    elementPage.login().click()
}

Playwright: How to do it in playwright?

【问题讨论】：

标签： playwright

【解决方案1】：

这里有一个很好的例子：

https://playwright.dev/docs/test-pom

可重用的方法和定位器

【讨论】：

【解决方案2】：

有关如何从 Protractor 迁移到 Playwright 的全面说明，请参阅 this guide。

你的例子会变成这样的

// Element file:
login() {
    return page.locator( '.modal-footer .btn.btn-primary' );
}
    

// Page file:
async loginPage(){
    await elementPage.login().click()
}

【讨论】：