Skip to content

Commit

Permalink
Merge branch 'master' of github.com:sekhavati/data-test-id-highlighter
Browse files Browse the repository at this point in the history
  • Loading branch information
sekhavati committed Sep 28, 2019
2 parents 3f82f6d + 4dd948d commit 81b4385
Showing 1 changed file with 2 additions and 5 deletions.
7 changes: 2 additions & 5 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
# data-test-id-highlighter
# data-testid-inspector

## What is this?

Expand All @@ -14,9 +14,6 @@ From a developers perspective it can also be useful. As your application grows,

## How do I use it?

1. Copy the code from [index.js](https://github.com/sekhavati/data-testid-inspector/blob/master/index.js) to your clipboard
2. Open a browser that has support for bookmarklets (eg: Chrome)
3. Create a new bookmark and paste the code into the field you would normally enter a URL
4. Open any webpage and click the bookmark
Automation testers that write end-to-end tests can often benefit from targeting/interacting with elements in the page via `data-testid`’s that remain constant instead of relying on the underlying element type or classes etc that are susceptible to change. Doing so ensure the tests they write are less brittle. This tool will help them quickly visualise what is available in any given page and allow them to write tests faster {…:heart:}

Any elements in the page with a `data-testid` attribute will be highlighted and their ID displayed alongside.

0 comments on commit 81b4385

Please sign in to comment.