Запитання з тегом «enzyme»

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

128 reactjs  jasmine  enzyme 

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

95 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 = mount(page); …

84 javascript  reactjs  testing  jestjs  enzyme 

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

17 reactjs  typescript  react-router  jestjs  enzyme 

Я написав спеціальну кнопку ( MyStyledButton) на основі матеріалу-ui 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