Tag: enzyme
Unit-Test-Bibliothek für ReactJS. Es wird entwickelt von Airbnb. Es kann verwendet werden, mit anderen JS Testing frameworks wie Mocha, Scherz, Karma etc.
Wie testen Sie router match params mit Scherz und Enzym?
2 Antworten
Sagen, ich habe folgende Komponente, die ich packte aus https://www.codeday.top/2017/11/08/56644.html. Hier bin ich mit dem match.params Zugriff auf die id. Wie würde ich das schreiben von unit Tests für diese Komponente testet die Präsenz des h2-element ein
Enzym: Verwendung von flach -, render -, oder mount?
1 Antworten
Aus der Enzym docs flach, Rendern, und mount beschrieben werden, aber Wann verwendet man welche Methode? InformationsquelleAutor maasha | 2017-05-20
Dateien hochladen in Enzym-Tests
1 Antworten
Ich habe eine FileInput in meinem render-Funktion <FileInput accept= "image/jpeg,image/png,audio/mp3" onChange= {this.fileInputOnChange} children= {<i className="fa fa-paperclip"/>} className= 'fileInput' /> Muss ich schreiben, ein test für die Datei hochladen, wenn ich simulieren Sie die Funktion ändern Sie die
Scherz: mocking-Konsole.error - tests fehlschlägt
5 Antworten
Das Problem: Habe ich eine einfache Reagieren Komponente, die ich mit lernen, test-Komponenten, die mit Scherz und Enzym. Wie arbeite ich mit props, ich habe den prop-types Modul zu prüfen, für die Eigenschaften in der Entwicklung. prop-types
Reagieren Native mit Typoskript und Scherz ist gebrochen nach 0.57 Update: Konnte es nicht finden preset "- Modul:U-Bahn-reagieren-native-babel-preset" relativ zum Verzeichnis
3 Antworten
Wenn Sie integrieren, testen, mit Scherz und Enzym in der neuen Version Reagieren 0.57 und Typoskript, funktioniert Sie nicht. Hier sind die Schritte zum reproduzieren: Erstellen Sie eine neue React Native-Projekt: react-native init MyApp -package "com.my.app" --template
TypeError: Cannot assign auf "nur Lesen" - Eigenschaft 'x' Objekt '#<Object>' Reagieren/SCHERZ
2 Antworten
Während ich Schreibe Testfall für mein reagieren Komponente bin ich immer TypeError: Cannot assign auf "nur Lesen" - Eigenschaft 'x' Objekt '#' wobei während der Anwendung führen Sie es nicht werfen ähnliche Fehler Der code dafür ist
Wie Sie auf das history-Objekt im Scherz
2 Antworten
Habe ich eine if-bedingte, der wie folgt aussieht: if (history.state !== null && history.state.query) Das Problem ist, dass, während diese funktioniert nicht im Scherz, wie history ist ein leeres Objekt in meinen tests. Was getan werden muss,
Tests mit Reagieren, ist der Spaß und Enzym, wenn async-componentDidMount
5 Antworten
reagieren:16.3.0-alpha.1 Scherz: "22.3.0" Enzym: 3.3.0 Typoskript: 2.7.1 code: class Foo extends React.PureComponent<undefined,undefined>{ bar:number; async componentDidMount() { this.bar = 0; let echarts = await import('echarts'); //async import this.bar = 100; } } test: describe('...', () => { test('...',
Wie unit-Tests localStorage mit sinon
2 Antworten
Ich versuche zu testen localStorage mit sinon. Grundsätzlich bin ich sehr neu, um unit-Tests, so könnte dies sehr basic. Update Ich konnte mit diesem aber nun ist mir ein neuer Fehler Should wrap property of object Test
Test Reagieren Komponente Methode wird aufrufende Funktion übergeben, die als requisite
1 Antworten
Ich testen wollen, die beim Aufruf einer Methode von einem Reagieren, Komponente, trigger, eine Funktion übergeben, um die Komponente als Requisiten. Die Methode ist so etwas wie dieses: customMethod() { //Do something this.props.trackEvent({ category: 'eventCategory', action: 'eventAction',
Scherz-Enzym-test ein Reagieren Komponente, die null zurückgibt, in der render-Methode
3 Antworten
Ich habe eine Komponente, die null zurückgibt, in render-unter bestimmten Bedingungen: render() { if (this.props.isHidden) { return null; } return <div>test</div>; } Möchte ich überprüfen, ob die Komponente ist null, wenn isHidden true ist mit Scherz und
Fehler: Diese Methode ist nur gedacht, um ausgeführt werden auf die einzelnen Knoten. 0 statt gefunden
1 Antworten
Teste ich eine Tastenbelegung Funktion in einer Komponente. Die Komponente ist ziemlich einfach, um Ereignis-listener für das keyup und feuert eine redux action, das wird ausblenden der Komponente. Habe ich aufgeräumt, meinen code hier, um nur die
Wie gehen Rahmen nach unten, um die Enzym-mount-Methode zu testen, eine Komponente, die auch Material-UI-Komponente?
2 Antworten
Ich versuche, mit mount von Enzym zu testen, meine Komponente, in der ein mehrere Material-UI-Komponente verschachtelt sind. Ich bekomme diese Fehlermeldung beim ausführen des test: TypeError: Cannot read property 'prepareStyles' of undefined Nachdem einige Graben, Ich habe
Wie mock e.preventDefault in reagieren Komponente Kind
5 Antworten
Ich weiß wirklich nicht, wie mock inline-Funktion in reagieren Komponente Kind Mein stack: sinon, chai, enzyme; Component-Verwendung: <ListItem onClick={() => someFn()} /> Komponente machen: render() { return ( <li> <a href="#" onClick={e => { e.preventDefault(); this.props.onClick(); }}
Wie spy componentWillMount mit Scherz-und Enzym -
4 Antworten
Ich versuche zu testen, ob componentWillMount genannt wurde und für die, die mein test ist test('calls `componentWillMount` before rendering', () => { let fn = jest.fn(SomeComponent.prototype.componentWillMount) mount(<SomeComponent />) expect(fn).toHaveBeenCalled() }) Aber auch wenn die componentWillMount-Methode aufgerufen wird,
Testen Sie die Einstellung text-Wert mit Reagieren und Enzym
4 Antworten
Wie legen Sie die text-Eingabe und testen Sie es Wert ist, mit Reagieren /Enzym? const input = wrapper.find('#my-input'); input.simulate('change', { target: { value: 'abc' } } ); const val = input.node.value; //val is '' Alle Lösungen hier
Die übergabe eines event-Objekts, um Enzym .simulieren
1 Antworten
Ich bin mit Scherz -, und Enzym-test ein Reagieren checkbox-Komponente. Dies ist mein test: it('triggers checkbox onChange event', () => { const configs = { default: true, label: 'My Label', element: 'myElement', } const checkbox = shallow(
Testen onChange-Funktion im Scherz
2 Antworten
Ich bin relativ neu in Scherz und testen im Allgemeinen. Ich habe eine Komponente mit einem input-element: import * as React from "react"; export interface inputProps{ placeholder: string; className: string; value: string; onSearch: (depID: string) => void;
Wie unit test eine Methode, reagieren Komponente?
3 Antworten
Ich versuche, unit-test-meine reactjs Komponente: JS: import React from 'react'; import Modal from 'react-modal'; import store from '../../../store' import lodash from 'lodash' export class AddToOrder extends React.Component { constructor(props) { super(props); this.state = {checked: false} //debugger }
so ändern Sie den Scherz mock-Funktion return Wert in jedem test?
3 Antworten
Habe ich ein mock-Modul wie das in meiner Komponente test-Datei jest.mock('../../../magic/index', () => ({ navigationEnabled: () => true, guidanceEnabled: () => true })); diese Funktionen werden aufgerufen, in render-Funktion meiner Komponente ein-und ausblenden, einige spezifische Funktion. Ich
Herauszufinden wie Sie zu verspotten die Größe des Fensters ändern, denn ein reagieren component test
2 Antworten
Also im Grunde, wenn die Komponente Reittiere, ich habe einen Ereignis-listener Listener für resize-Ereignisse. Es schaltet die isMobileView Zustand und dann geht es in die Kinder, die als requisite. So ist es unerlässlich, dass das funktioniert und
Komponenten verwenden von Datums-Objekte erzeugen verschiedene Momentaufnahmen in verschiedenen Zeitzonen
3 Antworten
Ich bin mit Enzym mit Enzym-to-json zu tun Scherz snapshot testen meiner Komponenten Reagieren. Ich Teste flachen Momentaufnahmen eines DateRange Komponente, die macht ein Anzeige Feld mit dem aktuellen Sortiment (z.B. 5/20/2016 - 7/18/2016) und zwei DateInput
Scherz + Enzym: Wie testet man ein image src?
3 Antworten
Ich habe einen Logo-Komponente: import React from "react"; import logo from "assets/images/logo.png"; const Logo = () => { return <img style={{ width: 50 }} src={logo} alt="logo" />; }; export default Logo; Test-Datei: import React from "react"; import
Scherz - wie um zu testen, ob eine Komponente nicht vorhanden ist?
4 Antworten
Wie kann ich prüfen, ob eine Komponente ist nicht vorhanden, D. H., dass eine bestimmte Komponente nicht erbracht? Welchen renderer Sie verwenden, Enzym-oder reagieren die test-renderer? Ich bin mit Enzym. Ist es nicht nur überprüfen, ob ein
Wie bekomme ich ein Attribut eines Elements geschachtelt in einer React-Komponente mit Jest und/oder Enzym?
5 Antworten
Möchte ich testen, um zu sehen, ob ein Bild richtig geladen in einer app Reagieren. Ich habe beschlossen zu prüfen, die src Attribut des img - element verschachtelt ist das React-Komponente. Ich will das Scherz-Test-Frameworks und, wenn
Über den Scherz zu Reagieren simulieren Sie eine Komponente mit Requisiten
2 Antworten
Ich habe einen Reagieren Komponente mit anderen Komponenten abhängen, die den Zugang zu einem Redux store etc., welche Probleme verursachen, wenn dabei eine vollständige Enzym-mount. Lassen Sie uns sagen, ein Struktur wie diese: import ComponentToMock from './ComponentToMock';
TypeError: Cannot read property 'gleich' undefined
1 Antworten
Ich versuche, mit enzyme zu behaupten-DOM-Knoten. Meine Component sieht aus wie import React, {Component} from 'react'; import TransactionListRow from './TransactionListRow'; import {Table, TableBody, TableHeader, TableHeaderColumn, TableRow} from 'material-ui/Table'; export default class TransactionList extends Component { render() {
Unit-test: simuliert das click-Ereignis des untergeordneten Komponente im übergeordneten Element mit Enzym
1 Antworten
Ich habe eine parent-Komponente und eine untergeordnete Komponente, die ist nur ein "label" - element. Wenn ich auf das child-element hat, muss ich anrufen die Funktion in der übergeordneten Komponente. Ich erwarte, dass er aufgerufen werden, aber
so wählen Sie ein element text mit reagieren+Enzym
3 Antworten
Nur, was es sagt. Einige Beispiel-code: let wrapper = shallow(<div><button class='btn btn-primary'>OK</button></div>); const b = wrapper.find('.btn'); expect(b.text()).to.be.eql('OK'); //fails, Auch die html - Methode liefert den Inhalt des Elements, sondern auch das element selbst und alle Attribute, z.B.
eslint sollte aufgeführt sein, in der Projekt-Abhängigkeiten, nicht devDependencies
1 Antworten
Entweder ich verstehe nicht dependencies vs. devDependencies im Knoten 100% noch oder eslint ist einfach falsch hier (und nicht in der Lage zu analysieren dies richtig): 3:1 error 'chai' should be listed in the project's dependencies, not
Tests mit Reagieren die Jest-und Enzym-beim simulierten Mausklicks rufen Sie eine Funktion, die nennt ein Versprechen
2 Antworten
Reagieren v15.1.0 Scherz v12.1.1 Enzym v2.3.0 Ich versuche, herauszufinden, wie um zu testen, eine Komponente, die fordert, ein Versprechen, eine Funktion aufgerufen wird, mit einem Klick. Ich hatte erwartet, Scherz, ist runAllTicks() - Funktion, um mir zu
Test-Eingang.focus() Enzym
4 Antworten
Kann mir jemand helfen bei test-Eingang.focus() Enzym.Ich Schreibe das Skript mit reagieren.Mein code ist unten. public inputBox: any; componentDidUpdate = () => { setTimeout(() => { this.inputBox.focus(); }, 200); } render() { return ( <div> <input type
Wie simuliert man ein keyDown-Ereignis enter (oder andere) im Enzym?
3 Antworten
Ich versuche zu simulieren keyDown Ereignis, speziell für die EINGABETASTE, keyCode: 13. Ich habe versucht eine Reihe von verschiedenen Möglichkeiten, dies zu tun, aber keiner von Ihnen arbeiten. Ich habe auch online geschaut und es scheint, wie
Wie test reagieren-router mit Enzym
2 Antworten
Ich bin mit Enzym+mocha+chai zum testen meiner reagieren-redux-Projekt. Enzym sorgt flach, zu test-Komponente Verhalten. Aber ich habe nicht einen Weg finden, testen Sie den router. Ich bin mit reagieren-router wie folgt: <Router history={browserHistory}> ... <Route path="nurse/authorization" component{NurseAuthorization}/>
Testen Sie ob die Funktion aufgerufen wird zu reagieren und Enzym
1 Antworten
Ich versuche zum testen der Methoden in meine reagieren Komponente. Es wird aufgerufen, nachdem ein button klicken, damit ich die simulation mit Enzym it('clone should call handleCloneClick when clicked', () => { const cloneButton = wrapper.find('#clone-btn'); cloneButton.simulate('click');
so prüfen Sie den aktuellen DOM-Knoten mit Enzym reagieren
5 Antworten
Gibt es eine Möglichkeit zu Holen Sie sich die aktuellen DOM-Knoten, so kann ich die Abfrage mit der Dom-api im Gegensatz zu erforderlich ist, verwenden Enzym-api, ist es nur für Sonderfälle, wo zum Beispiel muss ich zu
Simuliert das klicken auf eine Schaltfläche im Scherz
3 Antworten
Simuliert das klicken auf eine Schaltfläche scheint wie eine sehr einfach/standard-Betrieb. Doch, ich kann es nicht erhalten, zu arbeiten in Jest.js tests. Dies ist, was ich versucht habe (und das auch tun es mit Hilfe von jquery),
Wie um zu testen, Stil für eine React-Komponente Attribut mit Enzym
6 Antworten
Ich bin versuchen zu testen, ein style-Attribut für ein Reagieren Komponente. Was ist der beste Weg, um style params im test? In diesem moment, meine beste option ist, um zu testen, ob das HTML enthält den string,
Enzym simulieren Sie ein onChange-Ereignis
1 Antworten
Teste ich einen reagieren Komponente mit Mokka und Enzym. Hier ist die Komponente (abgekürzt Einfachheit natürlich): class New extends React.Component { //shortened for simplicity handleChange(event) { //handle changing state of input const target = event.target; const value
TypeError: Cannot read property 'prepareStyles' undefined
2 Antworten
Meine Component sieht aus wie import React, {PropTypes} from 'react'; import TransactionListRow from './TransactionListRow'; import {Table, TableBody, TableHeader, TableHeaderColumn, TableRow} from 'material-ui/Table'; const TransactionList = ({transactions}) => { return ( <Table> <TableHeader displaySelectAll={false}> <TableRow> <TableHeaderColumn>Name</TableHeaderColumn> <TableHeaderColumn>Amount</TableHeaderColumn> <TableHeaderColumn>Transaction</TableHeaderColumn>
Scherz spyOn-Funktion aufgerufen
3 Antworten
Ich versuche zu schreiben, einen einfachen test für ein einfaches Reagieren Komponente, und ich will den Scherz zu bestätigen, dass eine Funktion aufgerufen wurde, wenn ich simuliert einen Klick mit Enzym. Nach dem Scherz docs, ich sollte
Mit Scherz, um Spion auf den Aufruf der Methode in componentDidMount
2 Antworten
Ich vor kurzem testen wollte, einige benutzerdefinierte Methode wird bedingt aufgerufen, in der componentDidMount Methode einer Reagieren Komponente. componentDidMount() { if (this.props.initOpen) { this.methodName(); } } Ich bin mit Scherz, als mein Test-framework, welches umfasst jest.fn() für
Wann sollten Sie in Enzyme / React-Tests rendern und seichte verwenden?
1 Antworten
vor der Entsendung diese Frage, ich habe versucht zu suchen in sqa stackexchange, aber ich fand keinen Beitrag über flache und erbringen dort, so dass ich hoffe, jemand kann mir helfen hier. Wann sollte ich verwenden, flach-und
Wie man den Kontext des Reagieren-Routers verspottet
5 Antworten
Habe ich relativ einfach reagieren Komponente (Link-wrapper fügt die 'active' Klasse, wenn route aktiv): import React, { PropTypes } from 'react'; import { Link } from 'react-router'; const NavLink = (props, context) => { const isActive =
Verschachtelte Komponenten, die mit dem Enzym innerhalb von React & amp; Redux
5 Antworten
Habe ich eine Komponente SampleComponent Reittiere anderen "angeschlossene Komponente" (d.h. container). Wenn ich versuche zu testen SampleComponent durch mounting (da Brauch ich die componentDidMount), bekomme ich die Fehlermeldung: Invariant Violation: nicht finden Konnte, "store" in entweder der
Reaction enzyme testing, Kann die Eigenschaft 'have' von undefined nicht lesen
4 Antworten
Schreibe ich einen test mit Enzym für Reagieren. Mein test ist sehr einfach: import OffCanvasMenu from '../index'; import { Link } from 'react-router'; import expect from 'expect'; import { shallow, mount } from 'enzyme'; import sinon from
React Enzyme findet den zweiten (oder n-ten) Knoten
3 Antworten
Teste ich einen Reagieren Komponente mit Jasmin-Enzym flachen rendering. Vereinfacht hier die für die Zwecke dieser Frage... function MyOuterComponent() { return ( <div> ... <MyInnerComponent title="Hello" /> ... <MyInnerComponent title="Good-bye" /> ... </div> ) } MyOuterComponent hat
Enzyme - Zugriff auf & lt; input & gt; Wert?
9 Antworten
Ich bin verwirrt darüber, wie Sie Zugang <input> Wert bei Verwendung von mount. Hier ist, was ich habe, als mein test: it('cancels changes when user presses esc', done => { const wrapper = mount(<EditableText defaultValue="Hello" />); const