я использовал аддон-сторишотс. Но затем я запускаю тест с шуткой, у меня есть одна ошибка. Я прочитал много ресурсов, как победить эту проблему, но все, что я нашел, не помогает мне. Пример сборник рассказов
Пожалуйста, помогите мне.
Мои файлы конфигурации:
версия сборника рассказов
@storybook/react: "^5.3.13",
@storybook/addon-knobs: "^5.3.13",
@storybook/addon-info: "^5.3.13",
@storybook/addon-storyshots: "^5.3.13",
storyshots.test. js
import initStoryshots from '@storybook/addon-storyshots';
initStoryshots();
webpack.config. js
config.module.rules.push(
{
test: /\.css$/,
exclude: /node_modules(?!\/@storybook\/addon-info)/,
use: ['style-loader', 'css-loader']
},
{
test: /\.(sass|scss)$/,
use: [
{
loader: 'style-loader'
},
{ loader: 'css-loader' },
{
loader: 'postcss-loader',
options: {
plugins() {
return [require('precss'), require('autoprefixer')];
}
}
},
{
loader: 'sass-loader',
options: {
data: `@import "~@someRepo/theme-ctms/styles/publicVariables.scss";`,
includePaths: [__dirname, '/src']
}
}
]
},
{
test: /\.(woff|woff2|eot|ttf|otf)$/,
loader: 'file-loader?name=fonts/[name].[ext]'
}
);
return config;
};
main. js
module.exports = {
stories: ['../src/**/*.stories.js'],
addons: ['@storybook/addon-info', '@storybook/addon-knobs/register']
};
test.config. js
module.exports = {
moduleNameMapper: {
'react-syntax-highlighter/dist/esm/(.*)':
'react-syntax-highlighter/dist/cjs/$1'
},
transformIgnorePatterns: [
'node_modules/(?!react-syntax-highlighter|@storybook)'
]
};