testing-library / testing-playground

Simple and complete DOM testing playground that encourage good testing practices.

Home Page:https://testing-playground.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Allow custom query

cjoecker opened this issue · comments

Summary 💡

Allow configuring a custom query so that screen.get... can be changed.

For that, I would create two new fields in the settings panel:
selector object with the default value screen
query prefix with the default value get

image

Examples 🌈

If the user can change the value to for example query prefix = getAll, then the testing-playground shows the query as screen.getAllBy...

If the user can change the value to for example selector object = await page, then the testing-playground shows the query as await page.getBy...

Motivation 🔦

Now with playwright using the testing-library queries, I need to rewrite the screen.getBy... to await page.getBy. I would like to automatize this task so that I need only to copy paste what test-playground gives me.
Also, when I know that I have many components using Jest, I need to rewrite screen.getBy... to screen.getAllBy...

If you like this proposal, I can submit a PR for that

Sorry, bit late, but I'd happily merge a pr that adds this.