jest-styled-components仅在快照中输出html

Question

我正在使用jest-styled-components来测试带有快照的React组件的UI，但是在某些情况下，我对css输出不感兴趣，但是我只想查看生成的html。

例如，我正在做这样的事情

import React from 'react'
import { render } from '@testing-library/react'
import ErrorMessage from './ErrorMessage'
import 'jest-styled-components'

describe('(Component) ErrorMessage', (): void => {

  it('should render the component', (): void => {
    const { container } = render(<ErrorMessage error="Error" />)
    expect(container.firstChild).toMatchInlineSnapshot(``)
  })
})

但是快照仍然返回css

   .c0 {
        color: #c21616;
        line-height: 1.33;
        font-size: 0.75rem;
        text-align: left;
      }

      <p
        class="c0"
      >
        Error
      </p>

我认为通过使用container或container.firstChild而不是baseElement或asFragment()，我只能返回<p>标记，但这并没有似乎并非如此。

我在这里想念什么吗？还是没有解决方法，因为该库将始终输出样式？