Using Testing Library in standalone

Question

I was trying to do something similar to the Testing Playground but I don't know which JavaScript file to include to have access to all the Testing Library native functions.

The goal is to be able to run queries like getAllByRole in the browser console. I don't want to have a Node project running. I just want a basic HTML file that includes the Testing Library JavaScript file so I can run its functions in the browser console.

lastr2d2 · Accepted Answer · 2021-02-24 00:49:51Z

1

To start without any bundle tools, try the @testing-library/dom library from the skypack CDN which prepares npm packages for native JavaScript ES6 import usage. (It's the one being used in codepen.io)

<script type="module">
  import { getByRole } from "https://cdn.skypack.dev/@testing-library/[email protected]"; 
  console.log(getByRole)
</script>

edited Feb 24, 2021 at 0:49

answered Feb 24, 2021 at 0:30

lastr2d2

4,0143 gold badges27 silver badges43 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Luís Soares Over a year ago

I wonder if there's a version I can copy and paste into my console. the goal is to use it here: github.com/lsoares/selenium-testing-library

Luís Soares Over a year ago

for the purpose above, I can't use any URLs to import (or I bump into CSP issues). I managed to put it working with a script version from the Testing Playground Chrome plugin... but apparently, it's old... :(

Collectives™ on Stack Overflow

Using Testing Library in standalone

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related