Публикации по теме 'react-testing-library'
Разница между получением, поиском, запросом (библиотека тестирования React).
Выбор подходящего типа запроса при работе с React Testing Library.
вступление
Библиотека тестирования React (RTL) предоставляет разработчикам методы для поиска элементов в компоненте, который он визуализирует для тестирования, эти методы называются запросами. Существует 3 основных типа запросов RTL, а именно получение, поиск и запрос.
В этом руководстве мы рассмотрим различия и советы, которые следует учитывать при работе с любым из этих типов запросов.
получать
getBy :..
Вопросы по теме 'react-testing-library'
Jest mocking - Экспорт под псевдонимом, кроме одного
У меня есть файл redux, содержащий мой редуктор и все мои действия через именованный экспорт.
export const reducer = (state, action) => ...
export myAction = action => {
return {type: 'ACTION', action}
}
...
В моем тестовом файле я...
3654 просмотров
schedule
03.03.2023
Библиотека тестирования React: Test attribute / prop
Я пишу приложение React с использованием TypeScript. Я использую material-ui для своих компонентов и react-testing-library для своих модульных тестов.
Я пишу оболочку для компонента Grid material-ui, чтобы у меня всегда был элемент.
import...
22611 просмотров
schedule
16.06.2022
Как запустить событие изменения в компоненте response-select с библиотекой response-testing-library?
Учитывая, что я не могу тестировать внутренние компоненты напрямую с react-testing-library , как мне приступить к тестированию компонента, который использует react-select ? Например, если у меня есть условный рендеринг на основе значения...
12106 просмотров
schedule
27.12.2022
Разве библиотека реагирования-тестирования не избыточна при использовании полного рендеринга?
У меня вопрос о тестовой библиотеке. Похоже, что это переход к библиотеке тестирования, если вы занимаетесь разработкой хуков, поскольку Enzyme, похоже, не поддерживает хуки в настоящее время, и кто знает, будет ли это хотя бы с точки зрения мелкого...
1071 просмотров
schedule
01.07.2023
Как выполнить запрос по текстовой строке, содержащей теги html, с помощью библиотеки тестирования React?
Текущее рабочее решение
Используя этот html:
<p data-testid="foo">Name: <strong>Bob</strong> <em>(special guest)</em></p>
Я могу использовать метод React Testing Library getByTestId , чтобы найти...
39462 просмотров
schedule
03.12.2022
Проблема fireevent в библиотеке тестирования реакции
Я использую библиотеку тестирования реакции для своего приложения реакции. В одном тестовом случае мне нужно заполнить какое-то значение в текстовом поле и в фокусе.
Вот тестовый сценарий -
it('searchbox wrapper',async()=>{
let...
5561 просмотров
schedule
29.08.2022
Мокинг компонента выбора материала в пользовательском интерфейсе с помощью шутки
Я создал компонент React, который пытаюсь протестировать с помощью библиотеки тестирования React . В моем компоненте у меня есть следующий компонент выбора и его обработчик изменений
Component.jsx
<SingleSelect
name="filter"...
1840 просмотров
schedule
18.02.2022
Получение реакции-датапикера для правильного отображения при использовании библиотеки реакции-тестирования
Я пытался понять, как заставить реагирующую тестовую библиотеку работать с реагирующим датпикером.
До сих пор мне удавалось правильно обернуть поле ввода и получить к нему доступ через функцию getByLabelText , но я не могу заставить средство...
2270 просмотров
schedule
03.11.2022
Почему jest-тестирование прерывается при добавлении response-router-dom в приложение реакции с помощью create-react-app
Я запускаю приложение create-react-app с response-16.8.6 и никаких модификаций, кроме добавления в смесь response-router. Теперь тесты не работают.
После отката я обнаружил, что базовый тест не проходит, как только я импортирую ЛЮБУЮ часть...
1233 просмотров
schedule
06.06.2023
Как я могу включить файл перевода response-i18n, который будет использоваться в модульных тестах, выполненных с помощью react-testing-library и jest?
Я делаю модульные тесты с jest и react-testing-library для своего внешнего приложения, которое выполняется с помощью React. Мои модульные тесты работали хорошо, прежде чем я добавил интернационализацию с помощью react-i18next -library. Теперь, когда...
6572 просмотров
schedule
13.04.2022
Как мне jest.mock импортировать компонент React внутри другого файла компонента React
Я пытаюсь написать тест-шутку, используя новую библиотеку @ testing-library / react. В этой новой тестовой библиотеке нет поверхностного рендеринга, поэтому я пытаюсь имитировать подкомпоненты реакции, которые мой тестируемый компонент использует в...
839 просмотров
schedule
20.08.2022
Библиотека тестирования реакции fireEvent.click не работает
Я пытаюсь просто изменить счетчик и показать, что значение изменилось. Я делаю это с getByTestId , так что может быть проблема?
Вот моя составляющая:
import React, { useState } from 'react';
import logo from './logo.svg';
import './App.css';...
16208 просмотров
schedule
08.02.2023
Jest Intergation Testing реагирует на компоненты с несколькими вызовами выборки саги
Я пытаюсь использовать Jest для интеграционного тестирования некоторых из наших более сложных реагирующих компонентов, которые состоят из ряда подкомпонентов, при этом теория состоит в том, чтобы протестировать высокий уровень стека компонентов, чтобы...
213 просмотров
schedule
21.06.2023
Как ограничить объем имитируемых функций Jest одним тестом
Я пишу функциональные тесты, используя Jest + Testing-Library/React. После нескольких дней царапания головы я понял, что когда вы используете .mockResolvedValue(...) или .mockResolvedValueOnce(...) , объем насмешек не ограничивается этим тестом......
1607 просмотров
schedule
22.08.2022
В чем разница между использованием `react-testing-library` и` cypress`?
Итак, react-testing-library используется для модульного / интеграционного тестирования, а cypress используется для тестирования e2e. Однако оба, похоже, делают одно и то же:
react-testing-library
Облегчает издевательство
Тесты, как...
4850 просмотров
schedule
15.06.2023
Как протестировать определенные элементы приложения Create-React-App (на TypeScript) с помощью библиотеки тестирования реакции
Я создал проект, используя приложение create-response-app с параметром --typescript.
Это мое приложение:
import React from 'react';
const App: React.FC = () => {
return (
<div className="App">
<div>...
350 просмотров
schedule
04.05.2022
стилизованный компонент с именем imports throw error Тип элемента недопустим: ожидается строка в модульном тесте
Я использую стилизованный компонент с React. Если я помещаю каждый стилизованный компонент в отдельный файл и использую экспорт / импорт по умолчанию => без проблем . Однако я хочу поместить группу стилизованных компонентов в один файл с...
540 просмотров
schedule
03.09.2022
Библиотека тестирования DOM: выбор кнопки, когда заголовок формы имеет такое же текстовое содержимое?
Я использую библиотеку тестирования DOM, а не библиотеку тестирования React, но для первой не было тега, поэтому я использовал последнюю, потому что она кажется наиболее близкой. Надеюсь, это нормально.
У меня есть форма аутентификации, кнопка...
67 просмотров
schedule
07.12.2022
как я могу проверить, был ли вызван хук useState с помощью библиотеки тестирования jest и response?
У меня есть этот компонент, который я хотел бы протестировать с помощью библиотеки тестирования Jest и React:
export function GenericDivider({ stepsHeader = [], componentsFactory = [] }) {
const [currentPage, changePage] = useState(0);
const...
12233 просмотров
schedule
31.03.2023
Библиотека тестирования реакции, издевающаяся над экземпляром axios.create({})
Я хочу протестировать свой API с помощью react-testing-library . И я экспортирую экземпляр, созданный axios.create из файла с именем apiClient.ts
import axios from 'axios'
const apiClient = axios.create({
baseURL:...
2829 просмотров
schedule
27.08.2022