«enzyme» 태그된 질문

Jasmine Enzyme 얕은 렌더링으로 React 구성 요소를 테스트하고 있습니다. 이 질문의 목적을 위해 여기에서 단순화했습니다 ... function MyOuterComponent() { return ( <div> ... <MyInnerComponent title="Hello" /> ... <MyInnerComponent title="Good-bye" /> ... </div> ) } MyOuterComponent2 개의 인스턴스가 MyInnerComponent있고 각각의 소품을 테스트하고 싶습니다. 내가 테스트하는 방법을 아는 첫 번째. 나는 find함께 …

128 reactjs  jasmine  enzyme 

이 질문을 게시하기 전에 sqa stackexchange에서 검색을 시도했지만 얕은 및 렌더링에 대한 게시물을 찾지 못 했으므로 누군가가 나를 도울 수 있기를 바랍니다. 반응 구성 요소를 테스트 할 때 얕은 및 렌더링을 언제 사용해야합니까? 에어 비앤비 문서를 기반으로 두 가지의 차이점에 대해 몇 가지 의견을 내놓았습니다. shallow는 구성 요소 를 하나의 …

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. 그러나 코드를 약간 수정하면 작동합니다. it('cancels changes …

90 unit-testing  reactjs  enzyme 

버튼 클릭을 시뮬레이션하는 것은 매우 쉽고 표준적인 작업처럼 보입니다. 그러나 Jest.js 테스트에서는 작동하지 않습니다. 이것은 내가 시도한 것입니다 (또한 jQuery를 사용하여 수행합니다).하지만 아무것도 트리거하지 않는 것 같습니다. import { mount } from 'enzyme'; page = <MyCoolPage />; pageMounted = mount(page); const button = pageMounted.find('#some_button'); expect(button.length).toBe(1); // It finds it alright …

83 javascript  reactjs  testing  jestjs  enzyme 

TypeScript를 사용하여 반응 라우터 v5.1.2에서 UseHistory 후크를 사용하고 있습니까? 단위 테스트를 실행할 때 문제가 있습니다. TypeError : 정의되지 않은 'history'속성을 읽을 수 없습니다. import { mount } from 'enzyme'; import React from 'react'; import {Action} from 'history'; import * as router from 'react-router'; import { QuestionContainer } from './QuestionsContainer'; describe('My …

17 reactjs  typescript  react-router  jestjs  enzyme 

material-uiMyStyledButton 기반 사용자 정의 버튼 ( )을 작성했습니다 . 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