Как мне написать тесты Jest для стилизованного компонента и шпионить за css, чтобы проверить, есть ли стили? - PullRequest
Новая
       163

Как мне написать тесты Jest для стилизованного компонента и шпионить за css, чтобы проверить, есть ли стили?

0 голосов
/ 06 августа 2020

У меня есть компонент в React-redux, который имеет компонент PagedGrid (в основном таблица, которая отображает данные по строкам). css в строки таблицы внутри PagedGrid 

const UsersContainer = styled.div`
            > table > tbody {
                ${props => customcss(props)};
            }
    `;



 function customcss({ data = [] }) {
        let styles = '';
        if (data.length > 0) {
            data.forEach((value, index) => {
                if (value.mycondition) {
                   const rowStyle = `& > tr:nth-child(${index + 1}) {
                    background-color: ${LIGHT_BLUE}
                }`;
                }
            });
        }
        return css` ${rowStyle} `;
    }

Теперь я хочу создать тестовый пример, используя шутку, чтобы следить за css этой таблицы и проверять, применяются ли стили или нет . Может ли кто-нибудь помочь мне в создании тестового примера для этого.

...