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>...
Bevor ich diese Frage gestellt habe, habe ich versucht, in sqa stackexchange zu suchen, aber ich habe dort keinen Beitrag über flach und rendern gefunden, also hoffe ich, dass mir hier jemand helfen kann. Wann sollte ich beim Testen flache und rendernde Reaktionskomponenten verwenden? Basierend auf...
Ich bin verwirrt darüber, wie ich <input>bei der Verwendung auf Werte zugreifen soll mount. Folgendes habe ich als Test: it('cancels changes when user presses esc', done => { const wrapper = mount(<EditableText defaultValue="Hello" />); const input = wrapper.find('input');...
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 = <MyCoolPage...
Ich verwende Scherz und Enzym für mein Projekt zum Erstellen, Reagieren und Appieren. Beim Ausführen npm testwird eine Ausgabe angezeigt, in der die Namen der bestandenen Testdateien angezeigt werden. Ich möchte jedoch, dass die Ausgabe auch die Namen der Tests enthält. Beispiel: Button.test.js it...
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';...
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...