react-native-web-headroom/docs/node_modules/@storybook/react/src/server/babel_config.test.js

React Native Web Headroom

import loadBabelConfig from './babel_config';

// eslint-disable-next-line global-require
jest.mock('fs', () => require('../../../../__mocks__/fs'));
jest.mock('path', () => ({
  resolve: () => '.babelrc',
}));

const setup = ({ files }) => {
  // eslint-disable-next-line no-underscore-dangle, global-require
  require('fs').__setMockFiles(files);
};

describe('babel_config', () => {
  // As the 'fs' is going to be mocked, let's call require.resolve
  // so the require.cache has the correct route to the file.
  // In fact let's use it in the tests :)
  const babelPluginReactDocgenPath = require.resolve('babel-plugin-react-docgen');

  it('should return the config with the extra plugins when `plugins` is an array.', () => {
    setup({
      files: {
        '.babelrc': `{
        "presets": [
          "env",
          "foo-preset"
        ],
        "plugins": [
          "foo-plugin"
        ]
      }`,
      },
    });

    const config = loadBabelConfig('.foo');

    expect(config).toEqual({
      babelrc: false,
      plugins: [
        'foo-plugin',
        [
          babelPluginReactDocgenPath,
          {
            DOC_GEN_COLLECTION_NAME: 'STORYBOOK_REACT_CLASSES',
          },
        ],
      ],
      presets: ['env', 'foo-preset'],
    });
  });

  it('should return the config with the extra plugins when `plugins` is not an array.', () => {
    setup({
      files: {
        '.babelrc': `{
            "presets": [
              "env",
              "foo-preset"
            ],
            "plugins": "bar-plugin"
          }`,
      },
    });

    const config = loadBabelConfig('.bar');

    expect(config).toEqual({
      babelrc: false,
      plugins: [
        'bar-plugin',
        [
          babelPluginReactDocgenPath,
          {
            DOC_GEN_COLLECTION_NAME: 'STORYBOOK_REACT_CLASSES',
          },
        ],
      ],
      presets: ['env', 'foo-preset'],
    });
  });

  it('should return the config only with the extra plugins when `plugins` is not present.', () => {
    // Mock a `.babelrc` config file with no plugins key.
    setup({
      files: {
        '.babelrc': `{
            "presets": [
              "env",
              "foo-preset"
            ]
          }`,
      },
    });

    const config = loadBabelConfig('.biz');

    expect(config).toEqual({
      babelrc: false,
      plugins: [
        [
          babelPluginReactDocgenPath,
          {
            DOC_GEN_COLLECTION_NAME: 'STORYBOOK_REACT_CLASSES',
          },
        ],
      ],
      presets: ['env', 'foo-preset'],
    });
  });
});