如何使用样式组件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>
`;