Function App

packages/react-devtools-shared/src/__tests__/console-test.js:372–404

()

    const root = ReactDOMClient.createRoot(container);

    function App() {
      console.log('log');
      console.warn('warn');
      console.error('error');
      return <div />;
    }

    act(() =>
      root.render(
        <React.StrictMode>
          <App />
        </React.StrictMode>,
      ),
    );

    expect(global.consoleLogMock).toHaveBeenCalledTimes(2);
    expect(global.consoleLogMock.mock.calls[1]).toEqual([
      '\x1b[2;38;2;124;124;124m%s\x1b[0m',
      'log',
    ]);

    expect(global.consoleWarnMock).toHaveBeenCalledTimes(2);
    expect(global.consoleWarnMock.mock.calls[1]).toEqual([
      '\x1b[2;38;2;124;124;124m%s\x1b[0m',
      'warn',
    ]);

    expect(global.consoleErrorMock).toHaveBeenCalledTimes(2);
    expect(global.consoleErrorMock.mock.calls[1]).toEqual([
      '\x1b[2;38;2;124;124;124m%s\x1b[0m',
      'error',
    ]);
  });

  it('should not double log if hideConsoleLogsInStrictMode is enabled in Strict mode', () => {
    global.__REACT_DEVTOOLS_GLOBAL_HOOK__.settings.appendComponentStack = false;