TDD JavaScriptのユーザー入力をシミュレートする

Question

jQueryまたはネイティブ要素トリガー関数を使用して実際のユーザーイベントをシミュレートすることがますます困難になってきています。たとえば、テキスト入力があり、ユーザーが文字を追加できないようにするには、イベントでjQuery-normalizedイベントオブジェクトを使用してe.preventDefault()を呼び出すことができます。ただし、このテストシナリオをプログラム的に検証する方法はありません。

preventDefaultを呼び出さなくても、jQueryのkeydownトリガーは「実際の」イベントではないため、次のテストは成功します。正しいコードなし

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

、入力が「TESTD」の値を有していなければならないため、このテストは失敗する（68は「D」の文字コードです）。

誰でもシミュレーションする方法やライブラリを知っていますか？realブラウザのUIイベント？

Answer 1

シミュレートリアルイベントは非常に複雑です。まず、必要なイベントの種類を決定し、document.createEventで作成する必要があります。次に、異なるinit*Eventを呼び出して、イベントオブジェクトを初期化します。最後に、element.dispatchEventを使用して、イベントをターゲットオブジェクトにディスパッチします。

Answer 2

はおそらく、セレンを使用して試してみたい：

http://seleniumhq.org/はここでまともな概要です：http://blog.frontendforce.com/2010/05/unit-testing-in-javascript-selenium/

Answer 3

私はYUIにそれを行うためのコードがあると思います。コードをダウンロードして見てください。私はそれがsimulate.jsまたは類似のものと呼ばれると信じています。あるいは、セレンがどのようにそれをするのか見ることができます。ここで

Answer 4

は最新の状態に非常によく保たれているように見えるレポです：https://github.com/mmonteleone/jquery.autotype