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

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

Почему перезапуск обновляет только реквизиты один раз с помощью библиотеки activ-hooks-testing-libary?

У меня есть крюк с useEffect, Я заметил, что useEffect не запускается более двух раз, потому что после одного rerender вызов с другими данными, последующие вызовы не получают обновленные данные. export default function(lookForUsername) { const [dash…
1 ответ

Как протестировать Custom Hook с помощью библиотеки реагирующего тестирования

Я попытался использовать библиотеку response-hooks-testing-library, но не похоже, как обрабатываются хуки, использующие useContext. import React,{useContext} from 'react' import {AuthContextData} from '../../AuthContext/AuthContext' const useAuthCon…
1 ответ

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

Я пытаюсь протестировать простой хук, который выбирает некоторые данные, используя axios. Однако в тесте выдается ошибка TypeError: "Невозможно прочитать свойство fetchCompanies из undefined". Вот мой пользовательский хук ( полное репо здесь): impor…
10 май '19 в 22:16
1 ответ

React Hooks - Как протестировать изменения на глобальных провайдерах

Я пытаюсь проверить следующий сценарий: Пользователь с просроченным токеном пытается получить доступ к ресурсу, на который у него нет прав доступа. Ресурсы возвращают ошибку 401 Приложение обновляет глобальное состояние isExpiredSession до true Для …
3 ответа

Использование библиотеки activ-hooks-testing-library с jest.spyOn - шпион не вызывается

У меня проблема с настройкой модульного теста, чтобы определить, что функция вызывается с правильными аргументами. useAHook функция возврата foo которая вызывает функцию bar, Код выглядит так //myModule.js export const useAHook = (arg1, arg2) => …
05 июн '19 в 17:31
1 ответ

Как проверить хуки с помощью двух операторов useEffect?

У меня есть следующий крючок: const useBar = () => { const [myFoo, setFoo] = useState(0); const [myBar, setBar] = useState(0); useEffect(() => { setFoo(myFoo + 1); console.log("setting foo (1)", myFoo, myBar); }, [setFoo, myFoo, myBar]); useEf…
10 ответов

Как установить начальное состояние для использования State Hook в шутке и энзиме?

В настоящее время я использую функциональный компонент с реагирующими крючками. Но я не смог полностью проверить useState Hook. Рассмотрим сценарий, например, в ловушке useEffect я делаю вызов API и устанавливаю значение в useState. Для jest / энзим…
1 ответ

Использование act не обновляет состояние?

У меня есть пользовательский крюк, например, так: import { useState } from 'react'; export default function useOpenClose(initial = false) { const [isOpen, setOpen] = useState(initial); const open = () => { setOpen(true); } const close = () => …
0 ответов

Как протестировать пользовательский обработчик async/await с помощью библиотеки activ-hooks-testing-library

Я создал пользовательский хук реакции, который должен обрабатывать все менее важные запросы API, которые я не хочу хранить в избыточном состоянии. Крюк работает нормально, но у меня проблемы с его тестированием. Моя тестовая установка - шутка и энзи…
2 ответа

Как проверить реагирующий хук, который может иметь ссылку на элемент HTML, переданный ему

У меня есть пользовательский хук, которому может быть передан необязательный ref как свойство объекта, который хук принимает в качестве аргумента: export const useShortcuts = ({ ref }) => { useEffect(() => { const trapper = new mousetrap(ref.c…
1 ответ

Как подключить с помощью useEffect/setState

У меня проблемы с выполнением следующего теста: import { useEffect, useState } from "react"; export function useComponentResources(required) { const [componentResources, setComponentResources] = useState(null); useEffect(() => { if (required) { /…
12 июл '19 в 18:44
0 ответов

Как использовать useState при тестировании?

Я пытаюсь попрактиковаться в тестировании с React Hook и столкнулся с проблемой при написании тестовых кодов. Я пытался использовать пакеты React Hook Testing Library и React Testing Library, но постоянно сталкивался с синтаксической ошибкой. app.ts…
1 ответ

Где я должен использовать act при тестировании асинхронного хука реакции?

При тестировании асинхронного реагирования подключите @testing-library/react-hooks Я вижу сообщение об ошибке. В сообщении об ошибке упоминается код переноса в act(...) но я не уверен, где я должен это сделать. Я пытался обернуть части кода в act(..…
1 ответ

Тестирование пользовательского хука и получение "Предупреждение: обновление TestHook внутри теста не было включено в действие

РЕДАКТИРОВАТЬ: я нашел решение, исходя из этого видео из Кент С. Доддс. Просто оберните вызовы jest.advanceTimersByTime в функцию акта. Итак, это: jest.advanceTimersByTime(510); будет выглядеть так: act(()=>jest.advanceTimersByTime(510)); Я реали…
1 ответ

Аксиомы Mocking в React Hooks с использованием библиотеки Resact-Hooks-Testing

Попытка смоделировать GET-запрос к API, но всегда получаю Тайм-аут - асинхронный обратный вызов не был вызван в течение 10000 мс, указанного в jest.setTimeout. хотя я увеличил таймаут, он все равно выдает ошибку. крюк export default function apiCall…
1 ответ

Тестирование настраиваемого перехватчика контекста, который использует перехватчик useEffect и apollo

Я создал контекст, который для простоты использования предоставляет ловушку. В этом хуке я уже убеждаюсь, что некоторые данные предварительно загружены перед рендерингом страницы, например: export const MyContext = React.createContext({} as any); fu…
0 ответов

Модульный тест для customPollingHook, который использует apollo useLazyQuery

Итак, я написал собственный перехватчик опроса, который использует перехватчики useContext и useLazyQuery. Я хочу написать для этого модульный тест, который должен охватывать состояние возвращаемых значений и побочные эффекты. Пока мне удалось это с…
0 ответов

Как протестировать Custom Hook, который выдает ошибку при рендеринге

У меня есть собственный хук, который выдает ошибку, если при выполнении хука выполняется условие. Я хочу проверить, возникает ли ошибка, поэтому тест должен пройти, если возникает ошибка. Я пробовал обернуть крюк в Error Boundary, но результат resul…
12 ноя '19 в 18:41
1 ответ

Проверить состояние перехватчиков реакции с помощью библиотеки хуков Jest и React

Затем компонент I nav будет переключать состояние на боковой панели, а также открывать и закрывать меню, а затем пытаться получить этот проход в покрытии кода. Когда я вхожу в свой тест, мое состояние продолжает отображаться как неопределенное. Не з…
1 ответ

Ошибка чтения свойства из настраиваемого хука React во время тестов

Я пытаюсь создать собственный хук для React, чтобы изолировать и протестировать логику представления. Вот упрощенная версия моего крючка: import {useState} from "react"; function useQuestionInput() { const [category, set_category] = useState(""); re…