Programowanie enzyme

3

React Enzyme znajdź drugi (lub n-ty) węzeł

Testuję komponent React z płytkim renderowaniem Jasmine Enzyme. Uproszczony tutaj do celów tego pytania ... function MyOuterComponent() { return ( <div> ... <MyInnerComponent title="Hello" /> ... <MyInnerComponent title="Good-bye" /> ... </div> ) } MyOuterComponentma 2 wystąpienia MyInnerComponenti chciałbym przetestować rekwizyty na każdym z nich. Pierwsza, którą umiem przetestować. Używam findz …

128 reactjs jasmine enzyme

2

Kiedy należy używać render i płytkiej powierzchni w testach Enzyme / React?

przed wysłaniem tego pytania próbowałem szukać w sqa stackexchange, ale nie znalazłem tam posta o płytkim i renderowanym, więc mam nadzieję, że ktoś może mi tutaj pomóc. Kiedy powinienem używać płytkich i renderowanych w testach składników reagujących? Na podstawie dokumentacji airbnb przedstawiłem kilka opinii na temat różnicy między nimi: Ponieważ …

98 testing meteor reactjs chai enzyme

16

Enzym - jak uzyskać dostęp i ustawić wartość <input>?

Nie mam pojęcia, jak uzyskać dostęp do <input>wartości podczas używania mount. Oto, co mam jako mój test: 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(); }); Konsola drukuje undefined. Ale jeśli trochę zmodyfikuję kod, działa: it('cancels …

90 unit-testing reactjs enzyme

6

Symuluj kliknięcie przycisku w Jest

Symulacja kliknięcia przycisku wydaje się bardzo łatwą / standardową operacją. Jednak nie mogę zmusić go do działania w testach Jest.js. Oto, co próbowałem (i robię to również przy użyciu jQuery), ale nie wydawało się, aby cokolwiek wyzwalało: import { mount } from 'enzyme'; page = <MyCoolPage />; pageMounted = mount(page); …

84 javascript reactjs testing jestjs enzyme

4

Jak kpić z useHistory w żart?

Korzystam z haka UseHistory w reakcji routera 5.1.2 na maszynopis? Podczas uruchamiania testu jednostkowego mam problem. TypeError: Nie można odczytać właściwości „historii” niezdefiniowanej. 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

1

Dlaczego getComputedStyle () w teście JEST zwraca różne wyniki do obliczonych stylów w Chrome / Firefox DevTools

Napisałem niestandardowy przycisk ( MyStyledButton) oparty na interfejsie materiałowym 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

Pytania otagowane jako enzyme