Публикации по теме 'enzyme'


Тестирование ваших приложений React
Мир тестирования в React, мягко говоря, огромен . Существует не только ряд инструментов для использования, но и различные типы методологий тестирования. Jest — отличный инструмент для запуска тестов, потому что он поставляется в комплекте с приложением Create React и разработан Facebook, командой разработчиков React. Мы также будем использовать Enzyme в качестве нашей библиотеки утверждений, созданной командой AirBnb. В этой статье предполагается, что вы будете использовать приложение..

Использование instance () в Enzyme
У меня возникли проблемы с тем, что Enzyme заполнил поле ввода значением. Это было то, что я изначально пробовал: let input = wrapper.find('#input-id'); Мне удалось «установить значение» (неправильно): input.value = 'foo'; Я тестировал функцию, которая должна была очистить значение input . Я написал утверждения для подтверждения значения input до и после вызова функции. expect(input.value).toBe('foo'); invokeFunction(); expect(toInput.value).toBe(''); Первое утверждение..

Вопросы по теме 'enzyme'

Значение setState, используемое в componentDidMount, не отражается в тесте Enzyme.
Component.js import React from 'react' import request from 'superagent' export default React.createClass({ getInitialState() { return {cats: []} }, componentDidMount() { request('/api', (err, res) => {...
7683 просмотров
schedule 30.04.2023

Тестировать ключевые события на React.JS с помощью Enzyme
Я пытался использовать ключевые события с тестовой утилитой Enzyme, но безуспешно. я пробовал combo.find(".searchInput").simulate("keydown", { keyCode: 40 }); и combo.find(".searchInput").simulate("keydown", { target: { keyCode: 40 }...
750 просмотров
schedule 10.03.2023

Являются ли поверхностные рендеры Enzyme / React дорогими?
Сейчас мы обсуждаем мелкую визуализацию и время для каждого теста, чтобы повторно запустить неглубокий при каждом тесте. Будь то методы, щелчки, длина селектора и т. Д., Я предполагаю, что наши тесты могут работать быстрее, если мы неглубоко...
620 просмотров
schedule 19.03.2023

Неглубокий рендеринг компонента React / Enzyme, который использует ссылки
У меня есть компонент React, который я тестирую с помощью Enzyme, который для примера выглядит так: import React, {Component} from 'react' class Foo extends Component { constructor(props) { super(props) this.showContents =...
4265 просмотров
schedule 31.05.2023

Фермент: функциональный компонент без сохранения состояния возвращает неопределенные свойства
У меня есть SFC, который я тестирую, используя поверхностный рендеринг Enzyme. Я передаю объект стиля со встроенными стилями в качестве реквизита для этого компонента без состояния. Однако, когда я применяю к нему модульный тест, он возвращает...
3495 просмотров
schedule 30.12.2023

Enzyme: сбой теста в функции BrowserHistory
Я довольно новичок в модульных тестах. Я использую реакцию + редукцию, и я создал NotFound страницу/компонент, и я пишу его модульный тест. Есть событие onClick, которое мне нужно проверить, но оно не работает. 404.jsx const...
947 просмотров

Enzyme: как протестировать функцию onSubmit, переданную как реквизит?
Я довольно новичок в ферментах. У меня тестируются два компонента. form.jsx const LoginForm = ({ style, handleSubmit }) => { return ( <form onSubmit={handleSubmit}> <Button type='submit'> Login...
6248 просмотров
schedule 02.08.2022

Как провести модульное тестирование localStorage с помощью sinon
Я пытаюсь проверить localStorage с помощью sinon. По сути, я очень новичок в модульном тестировании, поэтому это может быть очень просто. Обновить Мне удалось придумать это, но теперь это дает мне новую ошибку Should wrap property of...
7822 просмотров

Redux: Как протестировать подключенный компонент?
Я использую Enzyme для модульного тестирования своих компонентов React. Я понимаю, что для тестирования необработанного несвязанного компонента мне нужно просто экспортировать его и протестировать (я так и сделал). Мне удалось написать тест для...
17536 просмотров
schedule 24.09.2022

Тестирование реагирует на компонент с ферментом и ожидает неудачи
Я тестирую компонент React с помощью Enzyme, Mocha и Expect. Тестовый пример показан ниже: import React from 'react'; import expect from 'expect'; import { shallow } from 'enzyme'; import Add from '../src/client/components/add.jsx';...
433 просмотров
schedule 03.12.2022

Что означает ReactComponentTreeDevtool: отсутствует элемент React для debugID 9 при построении стека?
Я пытаюсь протестировать компонент React с мокко, ферментом и синоном и получаю следующую ошибку. Кто-нибудь знает, что это значит? Предупреждение: ReactComponentTreeDevtool: отсутствует элемент React для debugID 9 при построении стека...
214 просмотров
schedule 11.09.2022

запутался в параметрах контекста Enzyme mount()
Я пытаюсь протестировать компонент React с помощью Mocha/Enzyme, который опирается на дочерний компонент и один из его дочерних компонентов как часть теста. Я получаю сообщение об ошибке, связанное с этим. Мой вопрос (на данный момент) не об ошибке,...
1009 просмотров
schedule 14.07.2022

TypeError: невозможно прочитать свойство contextTypes из undefined.
Я пытаюсь протестировать React-приложение с помощью Jest. Я использую Enzyme shallow для рендеринга моего App.js компонента в App-test-js , но получаю эту ошибку: TypeError: Cannot read property 'contextTypes' of undefined Это мой App.js :...
26035 просмотров
schedule 16.03.2022

props.params в ферментном тесте
Я пытаюсь протестировать свой компонент, который делает запрос getJSON в методе жизненного цикла componentWillMount. Он имеет следующий код: api.getJSON(`users/${this.props.params.id}`) .done((result) => {...
653 просмотров
schedule 27.06.2022

Модульные тесты React js для подключенных компонентов - mocha
У меня есть интеллектуальный компонент, пытающийся написать модульный тест (тесты DOM) - появляется следующая ошибка: Не уверен, почему я получаю эту ошибку, даже если я передаю реквизиты в тесте ..? Неизменяемое нарушение : не удалось найти...
1003 просмотров
schedule 23.12.2022

Как смоделировать метод жизненного цикла компонента React с помощью Jest и Enzyme?
Документы Enzyme для полного рендеринга DOM здесь содержат следующий пример слежения за жизненным циклом метод с Sinon: describe('<Foo />', () => { it('calls componentDidMount', () => { sinon.spy(Foo.prototype,...
12658 просмотров
schedule 15.06.2022

Ферментное тестирование компонента высшего порядка аутентификации (HOC)
Я создал компонент высшего порядка / составной компонент, чтобы убедиться, что пользователь аутентифицирован перед загрузкой компонента. Это очень просто, но у меня возникли проблемы с его тестированием. Я хочу проверить пункты ниже, которые...
2811 просмотров
schedule 20.07.2023

Как проверить обратный вызов компонента, вызванный обратным вызовом дочернего компонента в React with Enzyme?
Скажем, у меня есть следующее приложение: class Child extends React.Component { render() { return <button onClick={this.handleChildOnClick}>{this.props.children}</button>; } handleChildOnClick() {...
8749 просмотров
schedule 22.03.2022

Компонент в стиле энзимного рендеринга с темой
Я использую react с styled-components и jest enzyme для своих тестов. У меня проблемы с тестированием тематического компонента, который постоянно выдает ошибку из-за theme из styled-components . Мой компонент: const Wrapper =...
1675 просмотров
schedule 14.01.2023

Как смоделировать событие в модульном тесте с помощью Jest, Enzyme для React-Native
Я пытаюсь выяснить, как протестировать событие onPress с помощью Jest в приложении React-Native, чтобы я мог убедиться, что вызывается правильная функция. Я просмотрел документацию и Google, но не смог найти решение в React-Native. Вот что я...
16726 просмотров