如何“危险地使用GlobalCSS”进行快照测试?

时间:2019-04-18 11:46:06

标签: material-ui storybook jss

我正在尝试为我的快照测试禁用Material-UI组件上的生成数字,因为这似乎会导致Linux和Windows计算机之间出现问题,目前我正在使用Storyshots创建快照。我也在使用Material-UI v4alpha。

我看过: https://github.com/mui-org/material-ui/issues/10517 https://github.com/storybooks/storybook/issues/3140

import { ThemeProvider, StylesProvider, createGenerateClassName } from '@material-ui/styles';

const generateClassNameTests = createGenerateClassName({
  dangerouslyUseGlobalCSS: true,
});

addDecorator(story => (
  <StylesProvider generateClassName={generateClassNameTests} >
    <ThemeProvider theme={CustomTheme}>
      <CssBaseline />
        {story()}
    </ThemeProvider>
  </StylesProvider>
))

当我查看快照或运行快照测试时,Material-ui编号仍然存在。

0 个答案:

没有答案