Описание тега react-testing-library

Описание тега Вопросы с тегом
Вопросы по тестированию компонентов React с помощью утилиты react-testing-library.
1 ответ

Ошибка реагирования на тестирование библиотеки и codesandbox при написании тестов для компонента и родителя

Я делаю простую игру на линкоре. Сначала я создал тесты для платы. Сейчас я пишу BoardContainer, который хранит состояние, подсчитывает ходы и попадания, и отображает такой Board. В тестах на плате я проверяю его размер (10x10), но при тестировании …
01 ноя '18 в 02:40
7 ответов

Найти элемент по идентификатору в реагирующей-тестирующей библиотеке

Я использую реагирующее-тестирование-библиотекарь, чтобы проверить мое реагирующее приложение. По какой-то причине мне нужно найти элемент по id и не data-testid, Нет способа достичь этого в документации. Есть ли способ добиться этого? Я сделал выво…
26 окт '18 в 07:27
2 ответа

React Native Testing Library не находит текст, хотя находится в режиме отладки

Я создаю приложение React Native с помощью TypeScript. Я использую React Native Testing Library для своих тестов компонентов. У меня есть простой компонент, который отображает два кликабельных значка и текст. Это счетчик, который может увеличивать и…
03 дек '18 в 08:28
1 ответ

Тестирование реагирующих горячих клавиш с использованием реагирующей тестирующей библиотеки

https://github.com/greena13/react-hotkeys https://github.com/kentcdodds/react-testing-library Я не могу вызвать горячие клавиши (шутка). Демонстрационный компонент: import React from 'react'; import { HotKeys } from 'react-hotkeys'; class TestCompo…
21 дек '18 в 09:34
1 ответ

Как установить локальное состояние компонента при тестировании с использованием jest и реагировать на тестирование библиотеки?

Используя фермент AirBnB, мы можем установить состояние компонента: const loginComponent = shallow(<Login />); loginComponent.setState({ error: true }); Я хочу сделать то же самое, используя реагирующую библиотеку. Спасибо!
09 янв '19 в 06:46
1 ответ

Как протестировать приложение React в мобильных измерениях?

Я создаю приложение React и тестирую его с помощью библиотек Cypress и React Testing. Мне было интересно: как я могу протестировать приложение "на мобильном". Имеется в виду, как я могу написать тесты для приложения, которое запускается, если размер…
29 янв '19 в 19:21
0 ответов

Как написать тестовый блок для поиска в реакции

У меня есть компонент, который имеет поле ввода, как-> class search extends React.Component { constructor(props) { super(props); this.staate = { search : '' } } onInputChnage = (e) => { this.setState({ search: e.target.value }); } render() { cons…
31 янв '19 в 04:26
1 ответ

Как проверить реквизиты, которые обновляются обработчиком onChange в библиотеке реагирующего тестирования?

У меня есть обработчик onChange для ввода, который я пытаюсь протестировать на основе того, что я прочитал в документации по Dom Testing Library здесь и здесь. Одно из различий в моем коде заключается в том, что вместо использования локального состо…
01 фев '19 в 12:44
8 ответов

Как вызвать событие изменения на переключателях в реагирующей тестирующей библиотеке?

Я нахожусь в процессе перехода к библиотеке реагирования-тестирования и не знаю, как вызвать это событие и получить результаты изменений. Я пытался использовать fireEvent функция, чтобы вызвать изменение, а затем попытался rerender функции, но я не …
15 фев '19 в 00:46
1 ответ

Могу ли я вручную вызвать изменение состояния при тестировании с использованием реагирующей-тестирующей библиотеки?

Я все еще перевожу свои тесты Enzyme в библиотеку реагирования-тестирования, и у меня есть довольно распространенный сценарий, когда при монтировании компонента он запускает Ajax-запрос для получения некоторых данных. Непосредственно перед началом в…
23 фев '19 в 02:00
2 ответа

TypeError: Невозможно прочитать свойство 'change' из неопределенного

Почему эта ошибка возникает в следующем коде? Я уже импортировал "Имитация" из "библиотеки-реакции-тестирования", но в сообщении об ошибке указано, что "Имитация" является "неопределенной" import React from 'react'; import { render, Simulate } from …
25 фев '19 в 11:58
1 ответ

Проверьте, что метод React prop был вызван с помощью Jest

У меня есть компонент Input, который принимает метод prop и вызывает его, когда пользователь что-то вводит. Сам код работает как положено, но по некоторым причинам тест не проходит. Он считает, что метод поддержки не был вызван. Почему это происходи…
02 мар '19 в 16:48
1 ответ

Реактивные тесты не выполняются, когда тестируемый компонент отображает вложенный подключенный компонент, не может найти вложенный компонент

Я использую проект создания-реагирования-приложения с Typescript и Enzyme (я также пробовал реагировать-тестирование-библиотеку и столкнулся с той же проблемой) Я новичок в тестировании React и пытаюсь заставить работать базовые тесты. В этом случае…
07 окт '18 в 03:56
0 ответов

Как протестировать компонент, который демонтируется сразу после монтирования, с помощью библиотеки React Testing?

Я пытаюсь использовать React Testing Library, т.е. не использовать поверхностный рендеринг, но я не уверен, как (или если это возможно) сделать это для этой ситуации. у меня есть Parent компонент с 2 детьми. initialMount поставляется Redux: const Pa…
25 окт '18 в 08:34
2 ответа

Использовать пользовательский рендер для рендеринга с использованием реагирующей-тестирующей библиотеки

Я использую реагирующую библиотеку, и у меня есть собственный рендер: const customRender = (node, ...options) => { return render( <ThemeProvider theme={Theme}> <MemoryRouter>{node}</MemoryRouter> </ThemeProvider>, ...optio…
23 ноя '18 в 14:54
2 ответа

Тестирование реактивно-загружаемых компонентов

У меня проблемы с тестированием моего React компоненты, которые используют react-loadable, Скажи, у меня есть Button компонент, который в зависимости от того, получает ли он icon опора, загружает Icon компонент вроде так: Button.js const LoadableIco…
14 авг '18 в 09:16
0 ответов

Покрытие кода для стилизованных компонентов с использованием реагирующей-тестирующей библиотеки

Я написал модульный тест для стилевых компонентов, использующих реагирующую библиотеку, и рассмотрел практически все возможные сценарии, но не уверен, почему существует низкий охват кода. Отчет показал некоторые красные линии на стиле, который не по…
26 окт '18 в 13:26
0 ответов

Тестирование реакционной-финальной формы с использованием библиотеки реактивного тестирования

Я пытаюсь использовать реагирующую на тестирование библиотеку для проверки реагирующей окончательной формы. Работает с click-в случае, как изменение флажка, но я не могу заставить его работать change-События. Ниже приведен пример использования jest …
21 ноя '18 в 06:31
2 ответа

React-testing-library: изменения из-за ввода

Я пытаюсь проверить, что компонент обновляется как следует из-за изменений в элементе ввода. Я использую fireEvent.change()-функция, и если я тогда проверю значение узла, который я нашел с помощью getByPlaceholderText он обновился как надо. Однако я…
22 ноя '18 в 18:15
1 ответ

React Testing Library: Проверьте, правильно ли переданы / отображены дочерние элементы.

Я пишу приложение React с использованием TypeScript. Я использую Material-UI для своих компонентов и React-Testing-Library для моих модульных тестов. Я пишу оболочку для Grid-компонента material-ui, чтобы у меня всегда был контейнер. import Grid fro…
03 ноя '18 в 16:11