Die Simulation von Benutzereingaben für TDD JavaScript

Ich bin es zunehmend schwierig, zu simulieren eigentliche Benutzer-Ereignisse mit jQuery oder native element-Funktionen auslösen. Zum Beispiel, wenn Sie eine text-Eingabe-und Sie nicht möchten, dass der Benutzer in der Lage sein, um ein Zeichen hinzuzufügen, rufen Sie e.preventDefault() mit dem jQuery-normalisiert event-Objekt auf der keydown Veranstaltung. Jedoch, es gibt keine Möglichkeit, programmgesteuert überprüfen Sie mit diesem test-Szenario.

Den folgenden test geht auch ohne den Anruf zu preventDefault weil die jQuery keydown-Auslöser nicht um eine "echte" Veranstaltung.

input.val('test').trigger(jQuery.Event({
    which: 68
});
expect(input).toHaveValue('test');

Ohne den richtigen code, wird dieser test sollte fehlschlagen, da der Eingang sollte einen Wert von 'testd' (68, ist der Zeichen-code für 'd').

Kennt jemand irgendwelche Methoden oder Bibliotheken zu simulieren real browser UI-Ereignisse?

InformationsquelleAutor Matty F | 2011-07-21
  1. 4

    Simulieren Reale Ereignis ist ziemlich kompliziert. Sie müssen zuerst bestimmen, welche Art der Veranstaltung Sie benötigen, und erstellen Sie es mit Dokument.createEvent. Dann rufen Sie verschiedene init*Event zu initialisieren das event-Objekt. Schließlich verwenden - element.dispatchEvent Versendung der Veranstaltung auf das Zielobjekt.

    • Ich hab das versucht, aber Sie keyCode und charCode immer wieder bei 0, obwohl ich angegeben Sie in initKeyboardEvent. Irgendwelche Ideen, warum? Es wäre fantastisch, wenn es eine Bibliothek, die dies tun könnte für die A-spec-Browser... schreiben kann ich selbst, wenn ich über diese Hürde.
    • Dies scheint zu sein, a bug von Chrom aus dem upstream-code von WebKit, das Ereignis initialisiert initKeyboardEvent hat immer keyCode und charCode auf 0 gesetzt. Ich denke, Sie sollten sich auf FF anstelle von WebKit-basierten Browsern.
    InformationsquelleAutor Ghostoy
  2. 2

    Werden Sie wahrscheinlich wollen, zu versuchen, mit Selen: http://seleniumhq.org/

    Hier ist eine gute übersicht: http://blog.frontendforce.com/2010/05/unit-testing-in-javascript-selenium/

    • Ich hatte einen Blick auf das gestern - gibt es eine Möglichkeit zur Nutzung von Selen mittels JavaScript, so dass ich integrieren kann es mit meinem automatisierten tests (JsTestDriver + Jasmin)?
    • Ich glaube nicht, dass Sie Sie verwenden können, 'gemeinsam'. Viele Menschen würden erwägen, Ihre JsTestDriver-tests "unit-tests" vs. Selen-seins "integration tests".
    • Nicht genau das, was Sie suchen, aber vielleicht von nutzen: stackoverflow.com/questions/5091935/...
    InformationsquelleAutor brendan
  3. 0

    Ich glaube YUI hatte ein paar code zu tun. Laden Sie Ihren code ein und schauen Sie. Ich glaube, es heißt simulate.js oder etwas ähnliches. Alternativ können Sie sich, wie Selen tut es.

    InformationsquelleAutor airportyh
  4. 0

    Hier ein repo zu sein scheint, dass immer ziemlich gut up to date: https://github.com/mmonteleone/jquery.autotype

    InformationsquelleAutor Nick Budden
Schreibe einen Kommentar