Imagem de um átomo e React Avançado escrito ao lado.
Voltar
Copiar Link

toHaveStyle tá dando erro nos testes

Esse é um bug já reportado que veio em algumas otimização da versão 5.2.x. Para corrigir esse problema, a solução atual está sendo mapear no Jest o uso do bundle de browser que o Styled Components cria. Para isso, edite seu arquivo jest.config.js para incluir as seguintes linhas:

moduleNameMapper: {
  '^styled-components':
  '<rootDir>/node_modules/styled-components/dist/styled-components.browser.cjs.js'
}

Você pode ver o arquivo completo aqui

Update: o pessoal do styled-components corrigiu esse bug na versão 5.2.1, então basta atualizar a versão. Você pode ver as correções feitas no nosso boilerplate nesse commit