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]
Get help from others!
Recent Answers
Recent Questions
© 2024 TransWikia.com. All rights reserved. Sites we Love: PCI Database, UKBizDB, Menu Kuliner, Sharing RPP