Playwright Locator Assistant

立即生成并验证页面上任何元素的最佳剧作家定位器。

在现代 Web 开发中，编写稳定的端到端测试是一个挑战。 CSS 选择器很脆弱，手动制作完美的剧作家定位器可能非常耗时。此扩展通过将 Playwright 的最佳实践直接嵌入到您的浏览器中来解决该问题。

它遵循官方定位器优先级，确保您始终获得尽可能有弹性的定位器，优先考虑面向用户的属性而不是实现细节。
特征

🚀 智能定位器生成：单击任何元素，扩展程序会根据 Playwright 建议的优先级自动生成最佳定位器：

数据测试ID
getByRole（具有可访问的名称）
getByText、getByLabel、getByPlaceholder 等
智能 getByRole（当唯一且没有名称时）
CSS 选择器作为最后的手段（带有警告）。
🔗 智能定位器链接：对于本身不唯一的元素，扩展会找到一个稳定的父元素并创建一个可读且强大的链接定位器（例如 page.getByRole('list').getByRole('listitem', { name: 'User 1' })）。

✅ 即时定位器验证器：直接在弹出窗口中手动编写和测试定位器。验证器了解 CSS 和 Playwright 语法（getByRole、getByText 等），并立即突出显示页面上的所有匹配元素，向您显示实时计数。

🐍 Pytest 和 JS 支持：在生成的定位器的 Python (pytest) 和 JavaScript (playwright-test) 语法之间切换。

💡 轻量级和快速：在构建时考虑到性能，不会减慢您的浏览或调试会话。

🛠️ 如何使用

安装扩展：*

生成定位器：

单击浏览器工具栏中的扩展图标。
选择您所需的框架（Pytest 或 JS）。
单击“选择元素”按钮。
弹出窗口将关闭。单击网页上的任何元素。
将出现一条通知，其中包含最佳定位器，该通知也会复制到您的弹出窗口中。
验证定位器：

单击扩展图标。
在“验证选择器”部分中，键入任意 CSS 选择器或 Playwright 定位器（例如 getByRole('button')）。
单击“检查选择器”按钮。
匹配的元素将在页面上突出显示，并且计数将显示在弹出窗口中。