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

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

128 reactjs  jasmine  enzyme 

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

98 testing  meteor  reactjs  chai  enzyme 

Я не понимаю, как получить доступ к <input>значению при использовании mount. Вот что у меня в качестве теста: it('cancels changes when user presses esc', done => { const wrapper = mount(<EditableText defaultValue="Hello" />); const input = wrapper.find('input'); console.log(input.render().attr('value')); input.simulate('focus'); done(); }); Консоль распечатает undefined. Но если немного изменить код, он …

90 unit-testing  reactjs  enzyme 

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

84 javascript  reactjs  testing  jestjs  enzyme 

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

18 reactjs  typescript  react-router  jestjs  enzyme 

Я написал пользовательскую кнопку ( 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 MyStyledButton(props) { const buttonStyle = useStyles(props); const { children, width, ...others } …

16 javascript  css  reactjs  jestjs  enzyme