Wie simuliert man ein keyDown-Ereignis enter (oder andere) im Enzym?

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 dieses feature ist entweder buggy oder funktioniert nicht in der aktuellen version des Enzyms. Weiß jemand definitiv, ob dieses feature funktioniert, und wenn ja, was ist die richtige syntax für die Simulation eines geben, oder andere Arten von Schlüssel-Ereignisse? Danke!

Dies ist, was ich derzeit habe, und es nicht funktioniert:

const input = wrapper.find('input');
input.simulate('keyDown', {keyCode: 13});

Meine aktuelle Enzym-version ist 2.4.1

Das sollte funktionieren. Verwenden Sie shallow oder mount?
Ich bin mit mount
gibt es eine sichere Methode, um zu überprüfen, dass es funktioniert? Mein test, ob es funktioniert oder nicht, beinhaltet das überprüfen, wenn eine neue Komponente erstellt, und in diesem Fall, dass das nicht passiert. Auch ich habe Probleme mit beiden sinon und chai's spy utilities Enzym, so dass ich nicht in der Lage waren, diese zu benutzen, um zu überprüfen, user-events.
Ich würde eine onChange Veranstaltung, um Ihre Eingabe Feld und Konsole.melden Sie jede Veranstaltung. Dann führen Sie Ihre test und sehen, ob man die keyDown Veranstaltung
Wo sind diese zu simulieren-können Ereignisse dokumentiert? Die airbnb-docs nur erwähnen, 'click', nicht z.B., keypress oder keyDown[sic]. Sie sind entlehnt aus der WebAPI irgendwo?

InformationsquelleAutor reectrix | 2016-08-15

  1. 18

    Statt mit einem Schlüsselcode, ich habe einen Schlüssel, bei 'Enter', mit mount: 

    wrapper.find('input').simulate('keypress', {key: 'Enter'})
    Ich habe versucht, es funktioniert nicht
    Es ist für mich gearbeitet, und zu klären, ich bin mit Enzym mit Scherz.
    oh, ich hab das problem. "keyPress" sollte "Tastendruck". Für mich gearbeitet!!
    Ich kämpfte mit diesem, aber dachte ich war mit dem keyDown-Ereignis statt Tastendruck. Gute zu halten, dass im Auge, wenn Sie stecken.
    es nervt, dass es nichts über diese in den offiziellen docs!

    InformationsquelleAutor alexfigtree

  2. 3
    wrapper.find('input').simulate('keydown');

    Es funktioniert für mich...

    InformationsquelleAutor Thomas John

  3. 1

    Ich bin mit 'flachen' mount (Enzym 3.7.0 mit Scherz 23.6.0). Diese Arbeit für mich:

    const input = wrapper.find('input');
input.simulate('change', { target: { value: 'abcdefg'} });
input.simulate('keydown', { keyCode: 13 });

    InformationsquelleAutor Brian Ho

Schreibe einen Kommentar