Вопросы с тегом «enzyme»

128
React Enzyme находит второй (или n-й) узел

Я тестирую компонент React с мелким рендерингом Jasmine Enzyme. Упрощено здесь для целей этого вопроса ... function MyOuterComponent() { return ( <div> ... <MyInnerComponent title="Hello" /> ... <MyInnerComponent title="Good-bye" /> ... </div> ) } MyOuterComponentимеет 2...

98
Когда следует использовать render и shallow в тестах Enzyme / React?

перед тем, как опубликовать этот вопрос, я попытался выполнить поиск в sqa stackexchange, но я не нашел там сообщения о мелководье и рендеринге, поэтому я надеюсь, что кто-то может мне помочь здесь. Когда мне следует использовать мелкую глубину и рендеринг при тестировании реагирующих компонентов?...

84
Имитация нажатия кнопки в Jest

Имитация нажатия кнопки кажется очень простой / стандартной операцией. Тем не менее, я не могу заставить его работать в тестах Jest.js. Это то, что я пробовал (и тоже делал это с помощью jQuery), но, похоже, ничего не сработало: import { mount } from 'enzyme'; page = <MyCoolPage />;...

18
Как издеваться над использованием истории крючка в шутку?

Я использую хук UseHistory в реагировать маршрутизатор v5.1.2 с машинописью? При запуске юнит-теста у меня возникла проблема. Ошибка типа: невозможно прочитать свойство 'history' из undefined. import { mount } from 'enzyme'; import React from 'react'; import {Action} from 'history'; import * as...

16
Почему getComputedStyle () в тесте JEST возвращает разные результаты вычисленным стилям в Chrome / Firefox DevTools

Я написал пользовательскую кнопку ( MyStyledButton) на основе материала-интерфейса Button . import React from "react"; import { Button } from "@material-ui/core"; import { makeStyles } from "@material-ui/styles"; const useStyles = makeStyles({ root: { minWidth: 100 } }); function...