Публикации по теме 'enzyme'
Основы тестирования Javascript для тех, кто спешит
Краткое введение в тестирование выражений и фреймворков в 2019 году
Если вы только начинаете писать тесты, вы можете услышать много выражений и библиотек, и вы можете потеряться во всем этом жаргоне. Здесь я попытаюсь кратко описать некоторые из основных тем.
Различные типы тестирования: модульное, интеграционное и E2E.
Модульное тестирование:
Основная цель модульного тестирования — протестировать только функцию или метод. В этом методе тестирования мы предоставляем функции..
Тестирование асинхронного компонента React с помощью Jest
Всем привет! Это мой первый пост здесь, так что оставьте мне место для улучшения 😆
Я столкнулся с проблемой, когда я хотел, чтобы мой тест Jest/Enzyme ожидал извлеченных данных, прежде чем ожидать каких-либо результатов теста.
Допустим, ваш компонент получает данные о componentDidMount , и вам нужно ждать их перед тестированием.
componentDidMount() {
this.props.store.fetchData();
}
Вы должны использовать Promises и ждать их, прежде чем ожидать блоки в своем тесте...
TDD ваши компоненты React
Люди не любят писать тесты. Большинству из нас это кажется пустой тратой времени. Особенно фронтенд-разработчики. Зачем беспокоиться, если я могу просто пойти и проверить это в браузере? А TDD еще хуже, почему я пишу тесты перед кодом, намеренно ограничивая себя? Я бы сделал это в три раза быстрее, чем вы говорите.
Что ж, ты прав. Но чувствуете ли вы уверенность в своем коде?
Для меня тесты - это уверенность. Вы можете проверить это в браузере, но вы едва можете..
Вопросы по теме 'enzyme'
Тестирование класса React Component с помощью фермента
При тестировании компонента реакции, который использует className для установки класса css с помощью фермента (mount или shallow), я могу правильно протестировать, когда это div, но не могу заставить его работать с тегом h1.
Это какой-то
что...
7257 просмотров
schedule
26.04.2022
Как проверить реагирующие на реакцию компоненты с помощью Enzyme?
Я использую библиотеку React-Reponsive. https://github.com/contra/react-responsive
Я изо всех сил пытаюсь понять, как тестировать компоненты, вложенные в React-Responsive Media Query Components:
export default class AppContainer extends...
7759 просмотров
schedule
05.06.2022
сделать несколько компонентов мелким ферментом
Можно ли сделать более загар одним компонентом, используя мелкий фермент?
У меня следующий неудачный тест:
it('should have different ids for different checkboxes', () => {
const wrapper = shallow(<div><Checkbox {...props}...
2601 просмотров
schedule
04.11.2022
Как протестировать стиль для атрибута компонента React с помощью Enzyme
Я пытаюсь протестировать атрибут стиля для компонента React. Как лучше всего получить параметры стиля в тесте?
На данный момент мой лучший вариант - проверить, включает ли HTML строку, но я думаю, что есть лучший вариант.
Случай:
it('Should...
77750 просмотров
schedule
02.03.2024
Тестовый пример React Redux Unit
Неизменяемое нарушение: не удалось найти «хранилище» ни в контексте, ни в свойствах «Connect (IndexResult)». Либо оберните корневой компонент в a, либо явно передайте store как опору в Connect (IndexResult).
Получение этой ошибки, когда я пытаюсь...
101 просмотров
schedule
15.05.2022
шутка + фермент мелкий .simulate('change',[args]) не передает аргументы для работы
У меня есть компонент со следующими реквизитами и методом:
class OrderDish extends Component {
static propTypes = {
order: React.PropTypes.object.isRequired,
addCommentToOrder: React.PropTypes.func,
};...
2501 просмотров
schedule
18.07.2022
Как мне протестировать компонент React, который вызывает функцию своего родителя, которая изменяет свойства компонента?
Проблема:
Свойства компонента Child передаются как значения состояния Parent.
У Child есть метод, который вызывает метод Parent, который обновляет состояние Parent.
Когда состояние Parent обновляется, изменяется одно из значений свойства...
1262 просмотров
schedule
09.09.2022
jquery не работает с jsdom/энзимом
У меня есть минимальное тестовое приложение со следующим компонентом:
import React from 'react';
import $ from 'jquery';
export default class App extends React.Component {
componentDidMount() {
console.log('componentDidMount',...
2999 просмотров
schedule
23.02.2024
React & Enzyme: почему не работает beforeEach()?
Я пишу свои первые тесты React и сталкиваюсь с проблемой, когда мой оператор beforeEach не работает. Вот мой тестовый файл:
import React from 'react';
import { shallow } from 'enzyme';
import Home from '../components/Home';
import IntroText...
23011 просмотров
schedule
19.11.2023
игнорировать расширение файла с Jest
Я использую webpack resolve.extensions для «выборочного» связывания моих файлов js. например.
App.js
import MyComp from 'comp/myComp';
в папке comp/ у меня есть:
MyComp.web.js
MyComp.ios.js
MyComp.android.js
Теперь я хочу...
6525 просмотров
schedule
26.01.2023
Компонент Reactjs для тестирования ферментов, использующий глобальный объект jQuery
Я постепенно интегрирую Reactjs в интерфейс веб-приложения, созданный с помощью HTML5 и jQuery. Мой компонент реакции использует глобальный объект jQuery (для AJAX и некоторых анимаций здесь и там), который будет доступен при загрузке javascript...
451 просмотров
schedule
02.06.2024
Смоделируйте зависимость компонента React с помощью Jest
У меня есть компонент реакции (CreateForm). Компонент React зависит от модуля (Store). CreateForm имеет кнопку Отмена. При нажатии кнопки отмены должна быть вызвана функция handleCancel модуля Store.
Я безуспешно написал тест с помощью Jest:...
3622 просмотров
schedule
21.02.2022
Sinon доступ к исходному телу функции
Я тестирую компоненты React с sinon chai и энзимом. Я пишу плагин с HOC, который будет создавать новый компонент React.
Я не уверен, что пользователь передаст HOC, поэтому я хочу проверить, является ли это компонентом React или нет. Единственный...
95 просмотров
schedule
16.01.2023
Тестовая форма реакции - AssertionError
Я пытаюсь протестировать щелчок по компоненту реакции, который отображает форму, но не проходит третий тест со следующей ошибкой
AssertionError: ожидалось, что [Function: proxy] будет иметь свойство callCount, равное 1, но получено 0
Вот...
781 просмотров
schedule
22.07.2023
Как заставить Jest ждать завершения выполнения всего асинхронного кода, прежде чем ожидать утверждения
Я пишу интеграционный тест для приложения React, то есть тест, который тестирует множество компонентов вместе, и я хочу имитировать любые вызовы внешних сервисов.
Проблема в том, что кажется, что тест выполняется до того, как выполняется...
74227 просмотров
schedule
25.04.2024
Пользовательский сериализатор Jest с Enzyme
Есть ли какие-нибудь примеры того, как я мог бы взять компоненты с функцией рендеринга Enzyme shallow и сериализовать их в снимок, который будет более читабельным?
Я просмотрел документацию для addSnapshotSerializer и безуспешно попытался...
796 просмотров
schedule
06.09.2023
моделирование метода onClick с параметром с использованием Enzyme в React
Я пытаюсь смоделировать метод onClick в своих модульных тестах, используя Enzyme для React. Я нашел много руководств по моделированию onClick, которое принимает некоторое событие e, например:
handleClick(e) {
// Does something
}
.......
3523 просмотров
schedule
27.04.2023
Как проверить ссылки реактивного маршрутизатора с помощью Enzyme?
Я вижу довольно много похожих вопросов, но все они кажутся сильно устаревшими или невероятно запутанными.
У меня есть компонент React, который содержит компонент React Router Link , например:
export default class Home extends Component {...
13293 просмотров
schedule
01.07.2023
Тестирование JEST на redux не работает должным образом
У меня есть сокращенный код, который я экспортировал как
export default connect(mapStateToLinkProps, mapDispatchToLinkProps)(Link);
И в шутливом тестовом примере я написал, чтобы протестировать этот экспортированный компонент...
658 просмотров
schedule
19.03.2022
Как выполнить модульное тестирование функций внутри componentwillmount с помощью шутки и энзима?
Я пытаюсь протестировать функцию внутри componentWillMount.
составная часть
componentWillMount = () => {
const {
agents,
match
} = this.props;
this.edit = false;
this.agent = {};
if (match.params.id) {
this.edit = true;
this.agent =...
678 просмотров
schedule
05.04.2024