console-errors.test.js

import {act} from 'react';

import {render} from '@testing-library/react';

import {getAllStoryFiles, getStories} from './test-helpers/get-stories';

jest.mock(
  './src/loader/loader__core',
  () =>
    class FakeLoader {
      updateMessage = jest.fn();
      destroy = jest.fn();
    },
);
jest.mock('./src/old-browsers-message/old-browsers-message');

const options = {
  suite: 'Console errors',
  storyKindRegex: /^((?!Style-only\/Old Browsers Message).)*$/,
  // storyNameRegex: /^with deprecated item\.type parameter$/,
};

describe(options.suite, () => {
  getAllStoryFiles().forEach(({storyFile, title}) => {
    const meta = storyFile.default;

    if (
      (options.storyKindRegex != null && !options.storyKindRegex.test(title)) ||
      meta.parameters?.storyshots?.disable
    ) {
      return;
    }

    describe(title, () => {
      const stories = getStories(storyFile).filter(
        ({name, story}) =>
          (options.storyNameRegex == null || options.storyNameRegex.test(name)) &&
          !story.parameters.storyshots?.disable,
      );

      stories.forEach(({name, story}) => {
        test(name, async () => {
          const consoleError = jest.spyOn(global.console, 'error');
          const Component = story;
          render(<Component />);
          await act(() => Promise.resolve());
          expect(consoleError).not.toBeCalled();
        });
      });
    });
  });
});