TransWikia.com

Jest dá erro: “TypeError: expect(…).toHaveStyle is not a function”

Stack Overflow em Português Asked by Julio on November 25, 2020

Estou tentando usar o jest para testar o estilo de um componente, e está me dando esse erro:

"TypeError: expect(...).toHaveStyle is not a function"

É um componente simples que criei apenas com styled-components:

import styled from 'styled-components'

export const Link = styled.a`
  color: #fff;
`

Teste:

describe('Link', () => {
  it('should display color on the link', () => {
    render(<Link href="/x">Test</Link>)
  }

  expect(screen.getByRole('link', { name: /test/i })).toHaveStyle({ color: '#fff' })
}

Tentei colocar algumas importações: jest-dom, jest-dom/extend-expect, jest-styled-components. Em nenhuma delas funcionou.
Com a jest-dom/extend-expect, o erro muda para:

Syntax error parsing expected css: missing '}' on line: 1

    Failing css:
    [object Object]

Add your own answers!

Ask a Question

Get help from others!

© 2024 TransWikia.com. All rights reserved. Sites we Love: PCI Database, UKBizDB, Menu Kuliner, Sharing RPP