La programmation enzyme

3

React Enzyme trouve le deuxième (ou le nième) nœud

Je teste un composant React avec un rendu peu profond de Jasmine Enzyme. Simplifié ici pour les besoins de cette question ... function MyOuterComponent() { return ( <div> ... <MyInnerComponent title="Hello" /> ... <MyInnerComponent title="Good-bye" /> ... </div> ) } MyOuterComponenta 2 instances de MyInnerComponentet j'aimerais tester les accessoires sur …

128 reactjs jasmine enzyme

2

Quand devriez-vous utiliser render et shallow dans les tests Enzyme / React?

avant de poster cette question, j'ai essayé de rechercher dans sqa stackexchange mais je n'ai trouvé aucun article sur shallow et rendu là-bas, donc j'espère que quelqu'un pourra m'aider ici. Quand dois-je utiliser le rendu peu profond pour tester les composants de réaction? Sur la base de la documentation airbnb, …

95 testing meteor reactjs chai enzyme

16

Enzyme - Comment accéder et définir la valeur <input>?

Je ne sais pas comment accéder à la <input>valeur lors de l'utilisation mount. Voici ce que j'ai comme 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 imprime undefined. Mais si je modifie …

90 unit-testing reactjs enzyme

4

Comment se moquer du crochet UseHistory en plaisantant?

J'utilise le crochet UseHistory dans le routeur React v5.1.2 avec tapuscrit? Lors de l'exécution du test unitaire, j'ai un problème. TypeError: Impossible de lire la propriété «historique» de non défini. import { mount } from 'enzyme'; import React from 'react'; import {Action} from 'history'; import * as router from 'react-router'; …

18 reactjs typescript react-router jestjs enzyme

1

Pourquoi getComputedStyle () dans un test JEST renvoie-t-il différents résultats aux styles calculés dans Chrome / Firefox DevTools

J'ai écrit un bouton personnalisé ( MyStyledButton) basé sur 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

Questions marquées «enzyme»