GitHub/storybook
1
0
Fork 0
mirror of https://github.com/storybookjs/storybook.git synced 2025-03-17 05:02:23 +08:00
Code Issues Packages Projects Releases Wiki Activity

test(preset-react): update tests for new implementation

Browse Source
This commit is contained in:
Yann Braga 2020-09-21 18:09:37 +02:00
parent d7600147ed
commit f55b4b61d4
1 changed files with 71 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

100
app/react/src/server/framework-preset-react.test.ts
View File

@ -1,54 +1,96 @@
import webpack from 'webpack';
import ReactRefreshWebpackPlugin from '@pmmmwh/react-refresh-webpack-plugin';
import * as preset from './framework-preset-react';
import type { StorybookOptions } from './types';
const mockApply = jest.fn();
jest.mock('@pmmmwh/react-refresh-webpack-plugin', () => {
return jest.fn().mockImplementation(() => {
return { apply: mockApply };
});
});
describe('framework-preset-react', () => {
const babelLoaderPath = require.resolve('babel-loader');
const reactRefreshPath = require.resolve('react-refresh/babel');
const webpackConfigMock: webpack.Configuration = {
mode: 'development',
plugins: [],
module: {
rules: [],
},
};
const babelConfigMock = {};
const storybookOptions: Partial<StorybookOptions> = {
configType: 'DEVELOPMENT',
presets: {
apply: async () => ({
fastRefresh: true,
}),
},
presetsList: [],
};
const storybookOptionsDisabledRefresh: Partial<StorybookOptions> = {
configType: 'DEVELOPMENT',
presets: {
apply: async () => ({
fastRefresh: false,
}),
},
};
describe('babel', () => {
it('should return a config with fast refresh plugin when fast refresh is enabled', async () => {
const config = await preset.babel(babelConfigMock, storybookOptions as StorybookOptions);
expect(config.plugins).toEqual([reactRefreshPath]);
});
it('should return unchanged config without fast refresh plugin when fast refresh is disabled', async () => {
const config = await preset.babel(
babelConfigMock,
storybookOptionsDisabledRefresh as StorybookOptions
);
expect(config).toEqual(babelConfigMock);
});
it('should return unchanged config without fast refresh plugin when mode is not development', async () => {
const config = await preset.babel(babelConfigMock, {
...storybookOptions,
configType: 'PRODUCTION',
} as StorybookOptions);
expect(config).toEqual(babelConfigMock);
});
});
describe('webpackFinal', () => {
it('should return a config with fast refresh plugin when fast refresh is enabled', () => {
const config = preset.webpackFinal(webpackConfigMock, {
reactOptions: { fastRefresh: true },
} as StorybookOptions);
it('should return a config with fast refresh plugin when fast refresh is enabled', async () => {
const config = await preset.webpackFinal(
webpackConfigMock,
storybookOptions as StorybookOptions
);
expect(config.module.rules).toEqual([
{
test: /\.[jt]sx?$/,
exclude: /node_modules/,
use: [
{
loader: babelLoaderPath,
options: {
plugins: [reactRefreshPath],
},
},
],
},
]);
expect(config.plugins).toEqual([new ReactRefreshWebpackPlugin()]);
});
it('should not return a config with fast refresh plugin when fast refresh is disabled', () => {
const config = preset.webpackFinal(webpackConfigMock, {
reactOptions: { fastRefresh: false },
} as StorybookOptions);
it('should return unchanged config without fast refresh plugin when fast refresh is disabled', async () => {
const config = await preset.webpackFinal(
webpackConfigMock,
storybookOptionsDisabledRefresh as StorybookOptions
);
expect(config.module.rules).toEqual([]);
expect(config).toEqual(webpackConfigMock);
});
it('should not return a config with fast refresh plugin when mode is not development', () => {
const config = preset.webpackFinal({ ...webpackConfigMock, mode: 'production' }, {
reactOptions: { fastRefresh: true },
it('should return unchanged config without fast refresh plugin when mode is not development', async () => {
const config = await preset.webpackFinal(webpackConfigMock, {
...storybookOptions,
configType: 'PRODUCTION',
} as StorybookOptions);
expect(config.module.rules).toEqual([]);
expect(config).toEqual(webpackConfigMock);
});
});
});