Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

setAppElement throws error in tests

See original GitHub issue

Summary:

When running in test, the lib/helpers/ariaAppHider.js:24 throws:

Error: react-modal: No elements were found for selector #app.

Expected behavior:

Should not throw errors in test.

Issue Analytics

State:
Created 5 years ago
Reactions:25
Comments:18

Top GitHub Comments

85reactions

nickavcommented, Apr 4, 2018

In order to fix this issue, I did the following in all my components that use react-modal:

if (process.env.NODE_ENV !== 'test') ReactModal.setAppElement('#app');

12reactions

glentakahashicommented, Dec 5, 2018

I too am having the same issue, #668 didn’t fix this for me.

Top Results From Across the Web

"Warning: react-modal: App element is not defined. Please ...

setAppElement ('root'); from inside src/index.js , where root is the root element that my App component is injected into, and index.js is where...

Successfully Throwing Async Errors with the Jest Testing Library

Today, I'll discuss how to successfully test expected errors are thrown with the popular JavaScript testing library Jest, so you can rest ...

Warning: react-modal: App element is not defined. Please use ...

Coding example for the question "Warning: react-modal: App element is not defined. Please use `Modal.setAppElement(el)` or set `appElement={el}`"-Reactjs.

Modals | Testing Library

import {render, fireEvent} from '@testing-library/react' const modalRoot = document.createElement('div') modalRoot.

setAppElement - react-modal documentation

Using setAppElement. This example shows how to use setAppElement to properly hide your application from screenreaders and other assistive technologies while ...