Блог

В моем проекте у меня есть компонент, стилизованный с помощью styled-components.Я хочу проверить это с помощью шутки:

 describe('<Button/> tests', () => {
    it('should render button', () => {
        const testingComponent =  renderer.create(<Button/>);
    })
});
 

Этот код не работает с:

  ● Test suite failed to run

    TypeError: _styledComponents.default.View is not a function

      1 | import styled from 'styled-components';
      2 |
    > 3 | const Container = styled.View`
        |                          ^
      4 |   flex: 1;
      5 |   align-self: center;
      6 | `;
 

ТАК что шутка не распознается styled.View , и я не знаю почему. Что я делаю не так и как я могу протестировать свои компоненты, которые я стилизовал с помощью стилизованных компонентов?

во избежание подобных ошибок необходимо указать стилизованные компоненты таким образом:

 const Container = styled(View)
 

Этот синтаксис помог мне