Публикации по теме '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 просмотров
schedule
23.09.2022
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 просмотров
schedule
20.02.2022
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 просмотров
schedule
23.03.2023