dom-testing-library | 🐙 Simple and complete DOM testing utilities | Testing library

I have a React Typescript app and while unit testing I used below code to find an element by its textContent:

I was taking a look to the waitFor documentation and I was wondering if there is any way to configure it globally, for example in the jest.config or in the command used to launch the test suite?

I need to increase the timeout in every test and it is a bit annoying.

I'm implementing Testing Library with Puppeteer and I was trying to use an environment variable, DEBUG_PRINT_LIMIT, to limit the length of the HTML printed to console in case of failure.

But for some reasons, the variable environment is just ignored by the library...

My project:

package.json

I'm using jest to test a custom module that implements react embla carousel.

I received an error related to jsdom lacking an implementation for window.getComputedStyle(elt, pseudoElt)

I'm considering submitting a patch (or patches) of the type declarations in @testing-library/react and/or @testing-library/dom. Currently, all queries on RenderResult return variants of HTMLElement, which leaves me writing a lot of code like

I need to override default testID attribute in React Testing Library. Using Jest as a testing framework.

For this, I have followed the steps given here at individual test file level.

Is there any way to have this configuration at global (project) level, so that all the test files in the project will adhere to such custom configuration and will not have need to define custom configuration explicitly at test file level?

I'm trying to use waitForElementToBeRemoved with just an element but Jest is timing out. When I pass in a function, it works.

My understanding from this feature was that it should be able to take an element: https://github.com/testing-library/dom-testing-library/pull/460

I verified my app is using @testing-library/dom@7.8.0.

Here's the code:

I'm must be missing something quite obvious, I have a react app that has a left div with multiple buttons, each one of them with different texts. I want to check if every one of those buttons was rendered.So for instance to find one of the buttons (using the Testing Library) I'm doing the following:

I would like to pass some custom properties to an event during some tests (using react-testing-library and jest). I am using the fireEvent function. I understand from the docs that the properties in the second argument are added to the event. This is what I can't do at the moment.