Programmazione enzyme

3

React Enzyme trova il secondo (o ennesimo) nodo

Sto testando un componente React con rendering superficiale Jasmine Enzyme. Semplificato qui ai fini di questa domanda ... function MyOuterComponent() { return ( <div> ... <MyInnerComponent title="Hello" /> ... <MyInnerComponent title="Good-bye" /> ... </div> ) } MyOuterComponentha 2 istanze di MyInnerComponente vorrei testare gli oggetti di scena su ciascuna di …

128 reactjs jasmine enzyme

2

Quando dovresti usare render e shallow nei test Enzyme / React?

prima di inviare questa domanda, ho provato a cercare in sqa stackexchange ma non ho trovato alcun post su superficiale e renderizzare lì, quindi spero che qualcuno possa aiutarmi qui. Quando dovrei usare shallow e render per testare i componenti reattivi? Sulla base dei documenti di airbnb, ho espresso alcune …

95 testing meteor reactjs chai enzyme

16

Enzima: come accedere e impostare il valore <input>?

Sono confuso su come accedere al <input>valore durante l'utilizzo mount. Ecco cosa ho come 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(); }); La console viene stampata undefined. Ma se modifico leggermente il codice, funziona: …

91 unit-testing reactjs enzyme

4

Come deridere l'usoHistory hook in jest?

Sto usando il gancio UseHistory nel router di reazione v5.1.2 con dattiloscritto? Durante l'esecuzione del test unitario, ho riscontrato un problema. TypeError: impossibile leggere la proprietà 'history' di undefined. import { mount } from 'enzyme'; import React from 'react'; import {Action} from 'history'; import * as router from 'react-router'; import …

18 reactjs typescript react-router jestjs enzyme

1

Perché getComputedStyle () in un test JEST restituisce risultati diversi agli stili calcolati in Chrome / Firefox DevTools

Ho scritto un pulsante personalizzato ( MyStyledButton) basato su material-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

Domande taggate «enzyme»