如何使用样式组件createGlobalStyle进行快照测试?
测试正在使用jest v22.4.4和styled-components v4.1.2,反应v16.7和jest-styled-components v5.0.1以及react-test-renderer v16.6.3
快照的输出没有css . 但我需要一种方法来测试css是否有变化......
例如 .
const BaseCSS = createGlobalStyle`
a { color: red };
`;
并且测试
import React from 'react';
import renderer from 'react-test-renderer';
import 'jest-styled-components';
import { BaseCSS } from '../src';
test('test if e', () => {
const tree = renderer.create(<div><BaseCSS /> Test</div>).toJSON();
expect(tree).toMatchSnapshot();
});
编辑:
快照的输出如下所示:(快照中没有css)
exports[`test if e 1`] = `
<div>
Test
</div>
`;