¿Hay alguna manera de probar un color CSS de estilo no en línea de la palabra 'Hola' en una broma?
.textStyle { color: red; } <p class="textStyle">Hello</p> test('test text color', () => { const wrapper = mount(<React />); const p = wrapper.find('p').text(); //insert code here });Para eso, usaría un getBy o findBy normal o cualquier selector y usaría un toHaveStyle en consecuencia
expect(getByTestId('elementId')).toHaveStyle('color: red')También deberá instalar jest-dom para tener toHaveStyle disponible
Puede encontrar algo de éxito con la API window.getComputedStyle . Llamar a esto con un elemento le da un objeto de esos estilos de elementos, que luego puede verificar que tengan los valores correctos.