Вопросы по теме 'react-testing-library'

Как вы проверяете отсутствие элемента с помощью библиотеки jest и react-testing-library?
У меня есть библиотека компонентов, в которой я пишу модульные тесты для использования Jest и react-testing-library. Основываясь на определенных свойствах или событиях, я хочу убедиться, что определенные элементы не отображаются. getByText ,...
78992 просмотров
schedule 27.12.2022

проблема при работе с react-testing-library с помощью material-ui
Пытаюсь написать свой первый тест с помощью react-testing-library, но похоже, что он не захватит правильный элемент material-ui. https://codesandbox.io/s/lx5nl1839z Я получаю сообщение об ошибке, в котором говорится, что событие никогда не...
4809 просмотров

Как установить локальное состояние компонента при тестировании с использованием библиотеки jest и react-testing-library?
Используя фермент AirBnB, мы можем установить состояние компонента: const loginComponent = shallow(<Login />); loginComponent.setState({ error: true }); Я хочу сделать то же самое, используя библиотеку тестирования реакции. Спасибо!
3535 просмотров

Проверьте, что метод React prop был вызван с помощью Jest
У меня есть компонент ввода, который принимает метод prop и вызывает его, когда пользователь что-то вводит. Сам код работает так, как ожидалось, но по некоторым причинам тест не проходит. Он думает, что метод prop не был вызван. Почему это...
6727 просмотров

Тестирование реакции - как я могу имитировать или вводить данные в магазин, которые будут предоставлены в качестве реквизита для компонента
Я использую jest и react-testing-library , чтобы обеспечить покрытие моего приложения модульными тестами. Я использую эту удобную вспомогательную функцию, которую Кент С. Доддс показал в одном из своих видеороликов: const renderWithRedux = ui...
2271 просмотров

Ошибка при попытке рендеринга компонента в библиотеке реактивного тестирования - получен объект
Я пытаюсь настроить некоторые интеграционные тесты некоторых компонентов реакции, которые подключены к нашему хранилищу избыточности. Наш общий шаблон — это константа (вместо компонента), которая «подключена» с избыточностью к хранилищу (я думаю,...
2504 просмотров

Модульные тесты завершаются неудачно с ошибкой Превышено время ожидания команды Cypress «4000 мс».
Я использую библиотеку cypress и тестирования реакции для выполнения модульных тестов на моем компоненте. Однако при выполнении теста я сталкиваюсь с приведенной ниже ошибкой. «Превышено время ожидания команды Cypress, равное '4000 мс'». Я...
5088 просмотров

Попытка протестировать компонент с помощью ловушки useQuery, но onCompleted вызывает проблемы
Я пытаюсь протестировать следующий компонент, но не могу заставить его отобразить в Jest после получения данных из-за ошибки в свойстве запроса onCompleted. У меня есть другой компонент, который по сути такой же, но не использует onCompleted и не...
1694 просмотров

функция настройки возвращает undefined при тестировании пользовательского хука use
У меня есть код для usePrevious из Интернета. Код для usePrevious выглядит так: export const usePrevious = (value) => { const ref = useRef(); useEffect(() => { ref.current = value; }, [value]); return ref.current; }; Теперь...
918 просмотров

Библиотека тестирования: как рендерить один и тот же компонент несколько раз без сопряжения
Я использую React Testing Library с Jest для тестирования моего приложения React/Redux. Я хочу протестировать один и тот же компонент в нескольких тестах без совместного использования состояния компонента в каждом экземпляре. Что-то вроде...
5061 просмотров

Насмешка над отправкой в ​​окончательной форме реакции с использованием библиотеки тестирования реакции
У меня есть форма, построенная с использованием react-final-form , yup и Material-ui . Я тестирую, используя Jest и @testing-library/react . TL;DR: Есть ли способ имитировать и тестировать только функцию onSubmit , обходя/используя...
1075 просмотров

Тестирование useRef onError Fn, с библиотекой React-Testing-Library и Jest
У меня есть этот простой компонент fallbackImage: export interface ImageProps { srcImage: string; classNames?: string; fallbackImage?: FallbackImages; } const Image = ({ srcImage, classNames, fallbackImage = FallbackImages.FALLBACK }:...
584 просмотров

Как я могу проверить внутренний текст элемента div
Я пытаюсь найти лучшую практику для тестирования textContent для элемента div здесь, используя библиотеку тестирования реакции. Скажем, я хотел бы протестировать этот простой компонент реакции, чтобы увидеть, правильно ли отображается {props.text}...
4609 просмотров

тестовая опора, которая получает номер с помощью библиотеки тестирования / реакции-нативной
я пытался прочитать документацию по адресу testing-library / react-native и Я искал в stackoverflow, но не нашел хорошего результата. У меня есть этот компонент import React from 'react'; import { CardContainer, Title, Icon, Item,...
424 просмотров

Как получить дочерний div родительского div с некоторым идентификатором теста с помощью библиотеки тестирования реакции?
Я хочу получить элемент div в родительском элементе с некоторым идентификатором теста что я пытаюсь сделать? У меня есть родительский div с идентификатором test-id «parent-2», и в нем есть элемент div с текстом Remove. Я хочу получить этот...
2870 просмотров
schedule 14.07.2022

Библиотека React-testing: перенаправление тестового роутера
Как проверить, изменилась ли ссылка маршрутизатора после перенаправления? После нажатия на кнопку он должен перенаправить на другую страницу с URL-адресом, заканчивающимся на «новая_страница». Это то, что я пробовал, но не могу определить....
330 просмотров

Как использовать идентификатор теста в текстовом поле пользовательского интерфейса материала
Я пытаюсь протестировать текстовое поле пользовательского интерфейса материала с помощью react-testing-library . Проблема, с которой я столкнулся, заключается в том, что для тестирования материала ui textField мне пришлось бы использовать этот...
5127 просмотров
schedule 17.11.2022

Тестирование стилизованных компонентов с помощью react-testing-library
В настоящее время я пытаюсь протестировать стилизованный компонент с помощью Mocked Provider следующим образом: import React from "react"; import TestResults from "./TestResults"; import { render, cleanup, findByTestId, findByText,...
3568 просмотров

Выбор материала пользовательского интерфейса onChange не работает в библиотеке тестирования реакции
<Select inputProps={{ "data-testid": "change-form" }} multiple value={permissionsArr} onChange={handleChange} input={<Input...
1754 просмотров

Jest Mock React Component ТОЛЬКО в некоторых тестах
Этот вопрос действительно хорош: модуль Jest Mock для каждого теста Это просто не отвечает на мой вопрос о том, как смоделировать его только в одном тесте, а остальные использовать исходный компонент. Это имело бы смысл, если бы я хотел немного...
1204 просмотров