JSDOM support - error when including @tailwindplus/elements

[ajaishankar]

Describe the bug

When importing @tailwindplus/elements in a JSDOM test, the following error is thrown

import "@tailwindplus/elements";

TypeError: o.show is not a function
 ❯ qo ../../node_modules/@tailwindplus/elements/dist/index.js:64:10335

To Reproduce

Create a test that runs in JSDOM and uses tailwindplus elements

Expected behavior

Since tailwindplus is being used in many components, JSDOM should be supported.

Browser/Device (if applicable)

• OS: MacOS
• Browser JSDOM

[thecrypticace]

This is because JSDOM doesn't have support for some APIs. In this case the show() and close() methods on the <dialog> element are missing: jsdom/jsdom#3294

We don't support non-browser environments like JSDOM as there will inevitably be compatibility problems and/or other bugs that we cannot work around. Our own tests for Elements use Playwright for this reason.