Item logo image for Playwright Locator Assistant

Playwright Locator Assistant

5.0(

1 rating

)
ExtensionDeveloper Tools165 users
Item media 3 (screenshot) for Playwright Locator Assistant
Item media 1 (screenshot) for Playwright Locator Assistant
Item media 2 (screenshot) for Playwright Locator Assistant
Item media 3 (screenshot) for Playwright Locator Assistant
Item media 1 (screenshot) for Playwright Locator Assistant
Item media 1 (screenshot) for Playwright Locator Assistant
Item media 2 (screenshot) for Playwright Locator Assistant
Item media 3 (screenshot) for Playwright Locator Assistant

Overview

Instantly generate and verify the best Playwright locators for any element on the page.

In modern web development, writing stable end-to-end tests is a challenge. CSS selectors are brittle, and manually crafting the perfect Playwright locator can be time-consuming. This extension solves that problem by embedding Playwright's best practices directly into your browser. It follows the official locator priority, ensuring you always get the most resilient locator possible, preferring user-facing attributes over implementation details. Features 🚀 Intelligent Locator Generation: Click on any element, and the extension automatically generates the best possible locator based on Playwright's recommended priority: data-testid getByRole (with accessible name) getByText, getByLabel, getByPlaceholder, etc. Smart getByRole (when unique without a name) CSS selector as a last resort (with a warning). 🔗 Smart Locator Chaining: For elements that aren't unique on their own, the extension finds a stable parent and creates a readable and robust chained locator (e.g., page.getByRole('list').getByRole('listitem', { name: 'User 1' })). ✅ Instant Locator Verifier: Manually write and test a locator directly in the popup. The verifier understands both CSS and Playwright syntax (getByRole, getByText, etc.) and instantly highlights all matching elements on the page, showing you a live count. 🐍 Pytest & JS Support: Toggle between Python (pytest) and JavaScript (playwright-test) syntax for the generated locators. 💡 Lightweight & Fast: Built with performance in mind to not slow down your browsing or debugging sessions. 🛠️ How to Use Install the Extension: * To Generate a Locator: Click the extension icon in your browser toolbar. Select your desired framework (Pytest or JS). Click the "Pick Element" button. The popup will close. Click on any element on the web page. A notification will appear with the best locator, which is also copied to your popup. To Verify a Locator: Click the extension icon. In the "Verify Selector" section, type any CSS selector or Playwright locator (e.g., getByRole('button')). Click the "Check Selector" button. The matching elements will be highlighted on the page, and the count will be displayed in the popup.

Details

  • Version
    1.0.0
  • Updated
    July 10, 2025
  • Size
    25.43KiB
  • Languages
    English
  • Developer
    Email
    khatskevich.mv@gmail.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

Playwright Locator Assistant has disclosed the following information regarding the collection and usage of your data. More detailed information can be found in the developer's privacy policy.

Playwright Locator Assistant handles the following:

User activity
Website content

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes
Google apps