Публикации по теме 'react-testing-library'
Как писать тесты с помощью библиотеки тестирования React и TypeScript
Внедрите шаблон тестирования Basic AAA уже сегодня!
Все знают, что написание тестов очень важно для разработки программного обеспечения. Это позволяет нам менять коды быстрее и с меньшим количеством ошибок.
Когда дело доходит до внешнего интерфейса, React Testing Library становится популярным, потому что на нем легче тестировать перехватчики React по сравнению с enzyme . Однако способ создания тестов совершенно другой. Итак, в этой статье объясняется, как написать базовые..
Тестирование отдельных компонентов с библиотекой тестирования React
Первоначально опубликовано на https://claritydev.net
Тестирование компонентов Select в React может быть сложным из-за таких факторов, как имитация взаимодействия с пользователем, обработка асинхронного поведения, вариативность реализации, сложность вложенных компонентов и проблемы доступности. Библиотека тестирования React упрощает этот процесс, но не устраняет всех проблем.
В этом посте мы рассмотрим некоторые из лучших практик тестирования компонентов Select с помощью..
Начало работы с Redux и библиотекой тестирования
Если вы читаете это, я предполагаю, что вы тестируете приложение Redux с Библиотекой тестирования . И вы, вероятно, захотите, чтобы некоторые тесты запускались с хранилищем Redux в определенном состоянии в качестве начальных условий тестирования.
Как вы, наверное, знаете, Testing Library делает упор на« поведение тестирования (тесты, которые взаимодействуют с вашим приложением так же, как пользователи). Сторонники поведенческого тестирования сказали бы: чтобы настроить хранилище..
Dead Simple React-Testing-Library Пример
Перенесите модульный тест компонентов в свое приложение React
Написание модульного теста для ваших реагирующих компонентов - хорошая практика, когда вы постепенно добавляете новые функции в свои компоненты. Это гарантирует, что внесенные вами новые изменения не повредят старые функции. Выполнение модульных тестов перед развертыванием или после гигантского слияния может помочь вам найти ошибки, которые не видны во время компиляции или на странице. После знакомства с концепцией модульного..
Вопросы по теме 'react-testing-library'
React Apollo Testing не работает. Данные запроса всегда поступают неопределенным
Я получаю только состояние загрузки и данные как undefined при тестировании. Не знаю, почему я все следую в данном примере. Пожалуйста помоги.
Тестовый файл. Когда я жду эту строку для выполнения await wait(() =>...
4777 просмотров
schedule
18.10.2021
Как перехватить два запроса axios в одном тесте с помощью moxios
Я пытаюсь протестировать кнопку удаления в своем приложении. Когда приложение инициализируется, оно делает запрос axios к серверу, чтобы получить список преимуществ. При нажатии кнопки удаления выполняется другой запрос. Почему-то мой тест просто...
651 просмотров
schedule
25.11.2021
Тестирование настраиваемого перехватчика контекста, который использует перехватчик useEffect и apollo
Я создал контекст, который для простоты использования предоставляет ловушку. В этом хуке я уже убеждаюсь, что некоторые данные предварительно загружены перед рендерингом страницы, например:
export const MyContext = React.createContext({} as...
2422 просмотров
schedule
10.10.2021
Библиотека тестирования реакции: TypeError: невозможно прочитать статьи свойства undefined
Я пытаюсь протестировать свой контейнер с помощью библиотеки react-testing-library.
const middlewares = [thunk.withExtraArgument({})];
const mockStore = configureMockStore(middlewares);
const storeState = {
articles:
[
{...
1876 просмотров
schedule
30.11.2021
Тестовый компонент React Context, содержащий как Context.Provider, так и Context.Consumer
Я пытаюсь протестировать компонент, содержащий как поставщика, так и потребителя контекста React. См. App.tsx ниже. Поставщик находится в классе-оболочке, который также обрабатывает состояние.
Как издеваться над классом-оболочкой...
56 просмотров
schedule
05.11.2021
Обновление не обернуто в act (), и фиктивная функция не запускается. реагировать-тестирование-библиотека, шутка
Мне нужна помощь в этом. Я работал над этим слишком долго, чтобы думать, что не задаю вопрос.
Заранее благодарю за ваше время и внимание,
Я рыскал в Интернете и пробовал много вещей, но мне все еще не повезло - вот в чем проблема.
В общем, я...
464 просмотров
schedule
13.09.2021
Библиотека тестирования React - несколько fireEvent не проверяют текст
Я хочу написать свой компонент. У меня есть форма с выделением и абзац с текстом. Когда я выбираю вариант «6», текст абзаца меняется на «6 частей». Когда я выбираю вариант «9», текст абзаца меняется на «9 штук» и т. Д.
Проблема в том, что...
445 просмотров
schedule
11.10.2021
Jest, React-тестирование компонента не существует
У меня есть такой тест:
const rendered = render(
<TransactionReason
reason={{ code: defaultReason }}
/>
);
expect(rendered.getByTestId('reasonInput')).toBeNull();
Я пытаюсь сделать следующее: есть компонент с testID =...
1027 просмотров
schedule
23.10.2021
Интеграционный тест с Cypress или React Testing Library?
Я новичок в тестировании, и, насколько я понимаю, интеграционные тесты предназначены для тестирования множества компонентов и того, как они взаимодействуют друг с другом.
Но если в проекте мы используем как Cypress для E2E, так и библиотеку...
496 просмотров
schedule
25.10.2021
Как протестировать форму с перенаправлением действий с помощью библиотеки react-testing-library
Я добавил панель поиска с помощью формы и ввода в свое приложение React, и я хотел бы проверить, что оно перенаправляет на нужную страницу. Я использую библиотеку response-testing и react-router-dom.
Вот мой компонент (упрощенный):
const...
379 просмотров
schedule
20.09.2021
Как ожидать, что getByText будет ложным в библиотеке тестирования реакции?
Я использую Jest и библиотеку тестирования React для тестирования компонента.
Я пытаюсь протестировать модальное окно, и у меня возникла странная проблема. Когда я пытаюсь получить текстовый модальный заголовок перед запуском события, я получаю...
747 просмотров
schedule
24.09.2021
Как использовать конфигурацию проектов Jest с приложением create-react-app?
Я создаю проект реакции, который имеет 2 отдельных конфигурации Jest для моего внешнего и внутреннего тестирования. В моих интерфейсных тестах используется библиотека React Testing Library, для которой требуется тестовая среда jsdom, а в моих...
441 просмотров
schedule
07.10.2021
Имитация постоянного свойства из модуля для конкретной тестовой группы
У меня есть MyComponent.tsx , который использует модуль constants.ts , чтобы что-то делать на основе константы IS_IOS :
import React from 'react';
import { Text, View } from 'react-native';
import { platform } from '../../constants';
const {...
112 просмотров
schedule
07.09.2021
React Testing - получить текст внутри элемента
Я пишу пару тестов для своего приложения. Хочу проверить, что после экономии времени он попадает в список.
Теперь я получил этот тест, найдя текст на экране, но я хочу указать его по идентификатору. Я хочу убедиться, что этот 00:01:00...
338 просмотров
schedule
07.12.2021
Как проверить привязку Hrefs в меню antd с помощью библиотеки тестирования React
У меня проблемы с созданием модульных тестов, чтобы проверить, ведут ли мои ссылки href в моем меню Antd в нужные места. Я использовал antd Menu с SubMenu, которое содержит два раскрывающихся элемента. При нажатии на любой из них они переходят на...
83 просмотров
schedule
22.02.2022
Тестирование заголовка next.js с использованием next / head с jest и react-testing-library дает ложные срабатывания
Я начал использовать Next.js в своем новейшем проекте и хотел бы реализовать несколько тестов для страниц. Я создал _document файл, в котором настроил все метатеги, которые хочу использовать, включая заголовок страницы.
<html>...
1519 просмотров
schedule
09.03.2022
пользовательский хук unit test с библиотекой тестирования jest и react
Я пытаюсь выполнить модульное тестирование пользовательского хука с использованием библиотеки тестирования jest и реакции в сценарии, в котором возникает ошибка, но я не могу уловить фактическое сообщение об ошибке, вот мой код на данный момент:
мой...
208 просмотров
schedule
08.03.2022
Отрендерить тот же компонент в beforeAll / beforeEvery: testing-library / react
Я тестирую разные вещи в одном компоненте в отдельных тестах. Я не хочу писать рендер внутри каждого test , но приведенный ниже код не работает.
Я понял, что функция очистки очищает визуализированный компонент после каждого теста, так что это...
672 просмотров
schedule
30.03.2022
Убедитесь, что кнопка отключена в библиотеке response-testing-library
У меня есть компонент React, который генерирует кнопку, содержимое которой содержит <span> элемент, подобный этому:
function Click(props) {
return (
<button disable={props.disable}>
<span>Click...
48940 просмотров
schedule
02.04.2022
Не могу найти кнопку в библиотеке тестирования реакции с помощью getByDisplayValueText
У меня есть простой компонент с 3 кнопками. Я хочу найти кнопки и имитировать щелчок с помощью библиотеки тестирования реакции. проблема в том, что я не могу найти первую кнопку в своем тесте по приведенному ниже коду. учитывая, что у меня есть...
3048 просмотров
schedule
01.04.2022
