Als «enzyme» getaggte Fragen

3
Reagieren Enzym finden zweiten (oder n-ten) Knoten
Ich teste eine React-Komponente mit flachem Jasmine Enzyme-Rendering. Hier für die Zwecke dieser Frage vereinfacht ... function MyOuterComponent() { return ( <div> ... <MyInnerComponent title="Hello" /> ... <MyInnerComponent title="Good-bye" /> ... </div> ) } MyOuterComponenthat 2 Instanzen von MyInnerComponentund ich möchte die Requisiten auf jeder testen. Der erste, den ich …
128 reactjs  jasmine  enzyme 
15
Enzym - Wie kann man auf den <input> -Wert zugreifen und ihn einstellen?
Ich bin verwirrt darüber, wie ich &lt;input&gt;bei der Verwendung auf Werte zugreifen soll mount. Folgendes habe ich als Test: it('cancels changes when user presses esc', done =&gt; { const wrapper = mount(&lt;EditableText defaultValue="Hello" /&gt;); const input = wrapper.find('input'); console.log(input.render().attr('value')); input.simulate('focus'); done(); }); Die Konsole wird ausgedruckt undefined. Aber wenn ich …
6
Simulieren Sie einen Schaltflächenklick in Jest
Das Simulieren eines Schaltflächenklicks scheint eine sehr einfache / Standardoperation zu sein. In Jest.js Tests kann ich es jedoch nicht zum Laufen bringen. Dies habe ich versucht (und auch mit jQuery), aber es schien nichts auszulösen: import { mount } from 'enzyme'; page = &lt;MyCoolPage /&gt;; pageMounted = mount(page); const …
4
Wie man useHistory Hook im Scherz verspottet?
Ich verwende den UseHistory-Hook in React Router v5.1.2 mit Typoskript. Beim Ausführen des Komponententests habe ich ein Problem. TypeError: Die Eigenschaft 'history' von undefined kann nicht gelesen werden. import { mount } from 'enzyme'; import React from 'react'; import {Action} from 'history'; import * as router from 'react-router'; import { …
1
Warum gibt getComputedStyle () in einem JEST-Test unterschiedliche Ergebnisse an berechnete Stile in Chrome / Firefox DevTools zurück?
Ich habe eine benutzerdefinierte Schaltfläche ( MyStyledButton) basierend auf Material-UI geschrieben 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, …
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.