How to test async componentDidMount()

Do you want to request a feature or report a bug?

Question.

What is the current behavior?

I’m trying to test a statefull component (Applications) that has async componentDidMount();

import React from 'react';
import { create } from 'react-test-renderer';
import Applications from './Applications';

describe("Applications", () => {
    const renderComponent = (props = {}) => {
        const component = create(<Applications {...props} />);
        return component.getInstance();
    } 
      
    it("renders applications", () => {
        const instance = renderComponent();
        // Here i get "Invariant Violation: The `document` global was defined when React was initialized, but is not defined anymore. ..." error
    });
});

I tried to provide a callback (done()) to the test and use setImmediate(() => { done(); }, but I still get the error. If I don’t call setImmediate() but use the callback variant of the test, I get “Timeout - Async callback was not invoked within timeout specified by jasmine.DEFAULT_TIMEOUT_INTERVAL.” error.

[hg-pyun]

I have a question. When do you use async componentDidMount?

[stonemonkey]

Thanks.