global is not defined

• @testing-library/dom version: 7.31.2
• Testing Framework and version: jest@27.0.4, @testing-library/react@11.2.7
• DOM Environment: @testing-library/jest-dom@5.14.1

Running Chrome

What you did:

I tried to use rtl in a vitejs project. This builder uses esbuild, which is a lot more closed to the ECMAScript spec and therefore is more strict.

What happened:

Uncaught ReferenceError: global is not defined at node_modules/@testing-library/dom/node_modules/pretty-format/build/plugins/AsymmetricMatcher.js (AsymmetricMatcher.js:10)

Referencing this line of code : var Symbol = global['jest-symbol-do-not-touch'] || global.Symbol;

Problem description:

While rtl is supposed to be used by nodejs, the package is by default compiled by esbuild and send to the browser, leading to this error.

Suggested solution:

Despite being unrelated to RTL directly, it would be very convenient if you could simply add a check to make sure global exists before going further.

[JesusTheHun]

I’ve created a simple vitejs project with a storybook and some tests, but the error doesn’t show up. I will try to get a repro but it will probably take a bit of time.

[eps1lon]

Sounds like an issue with your test setup. Feel free to re-open once you can reproduce the issue.