Публикации по теме 'enzyme'
Первый опыт с открытым исходным кодом
Первый опыт с открытым исходным кодом
На прошлой неделе у меня была первая возможность поработать над проектом с открытым исходным кодом в Школе программного обеспечения и дизайна Тьюринга. Сначала я нервничал, но, войдя в кодовую базу со знакомыми мне технологиями, я почувствовал себя намного комфортнее. Проект, над которым мы работали с группой коллег, был Wiki Education Dashboard. Это некоммерческая программа, реализуемая Wiki Education Foundation, которая способствует интеграции..
Удаление атрибутов data-test из React Production DOM
В этой статье используется React версии 17.0.1 с тестированием зависимостей от разработчиков, энзимом, jest-энзимом и адаптером энзима React 17 @ wojtekmaj / энзим-адаптер-реакт-17. Если вы используете разные версии React, возможно, вам придется использовать другой адаптер для Enzyme. В этой статье также предполагается, что вы используете приложение create-react-app, так как оно использует несколько заранее подготовленных сценариев npm.
Весь отличный код начинается с разработки..
Реагировать с ферментом
Каждый рабочий день я пишу множество тестов с помощью Enzyme. Несмотря на то, что библиотека хорошо спроектирована, есть несколько хитрых моментов, когда легко ошибиться и потратить много драгоценного времени, пытаясь выяснить, почему один тест не проходит… 😤
Обновление состояния onEvent
Рассмотрим простой сценарий:
монтируем компонент и получаем обертку prop.value из tab имеет исходное значение before смоделировано click событие prop.value должно иметь значение..
Тестирование асинхронных методов React Native с помощью Jest an Enzyme
Недавно я работал с Jest и Enzyme для тестирования приложений React Native, и одной из самых больших проблем было тестирование асинхронных методов моих компонентов React Native. Я расскажу, как тестировать асинхронные методы, включая то, что я считаю самой сложной частью: имитация API-интерфейса выборки. Вот — пример проекта, который я буду использовать ниже.
Как я заметил в недавней статье , инструменты и логика, используемые для тестирования приложения React, могут быть легко..
«Попался» React и Enzyme
В 7Geese мы используем Enzyme и Mocha для всех наших юнит-тестов React. Мы пользуемся им уже почти год, но сегодня я наткнулся на новую проблему, которая стала настоящей головной болью.
Взгляните на следующий произвольный компонент
class SomeComponent extends React. Component {
static propTypes = {
aProp : PropTypes.string.isRequired,
anotherPropFunc: PropTypes.func.isRequired,
};
handleClick = () => {
// doStuff()
assert..
Тестирование компонентов React с помощью Jest и Enzyme
Я новичок в React, поэтому 2 недели пробовал исследовать и писать модульные тесты. Первое, что я узнал, это то, что эти слова летали на меня повсюду, такие как Redux, Jest, Enzyme, Mocking, Snapshot, сравнение рендеринга… blabla. Перед тем, как мы начнем тестирование, вот замечательная статья поможет вам получить обзор тестирования Javascript.
В нашем проекте мы использовали Redux. Вот отличная статья , чтобы начать писать тест на Redux. В этом посте они рекомендуют протестировать..
Тестирование методов компонентов, возвращающих JSX в React
В моей предыдущей статье о базовом модульном тестировании компонентов React я затронул наиболее типичные виды вещей, которые требуют тестирования: базовые снимки состояния, проверка того, что методы вызываются, и чтобы увидеть, что изменения состояния происходят должным образом. Возможно, в этой статье отсутствовала одна важная вещь, которая, как известно, усложняет тестирование внешнего интерфейса, - это тестирование вашей разметки или, в случае React, JSX.
JSX для непосвященных..