カピバラを使ってWebkitにキーを送る方法はありますか？

Question

CapybaraとWebKitを使用した統合テストで、Webアプリケーションにキープレスを送る必要があります。セレン（webdriverをとFirefox）を使用すると、私はこのようにそれを達成することができます

find("#element_id").native.send_keys :tab 

が、WebKitのネイティブ要素ノードはsend_keysメソッドを持っていません。実際にWebKitのネイティブは、数値を含む文字列を返しました。 WebKitにキーストロークを送信する別の方法はありますか？たぶん、JavaScript/jQueryを使用していくつかの回避策ですか？

Answer 1

あなたはそのようにそれを行うことができます。

keypress_script = "var e = $.Event('keydown', { keyCode: #{keycode} }); $('body').trigger(e);" 
page.driver.browser.execute_script(keypress_script) 

Answer 2

私は成功せず、マルクの答えを実装しようとしてきたが、私は同様の質問からいくつかの助けが見つかりました：capybara: fill in form field value with terminating enter keyを。そして明らかにこの問題に対処していると思われるカピバラのpull requestがありました。

何が私のために働いた。

before { fill_in "some_field_id", with: "\t" } 

私の例では、フィールド内のテキストを消去し、タブを押します。フィールドを'foobar'と入力する場合は、"\t"を"foobar\t"に置き換えます。 には"\n"を入力してください。を入力してください。ご例えば

、あなたが使用できます。

find("#element_id").set("\t") 

Answer 3

私は次のことをやってしまった：

Capybara.current_driver = Capybara.javascript_driver 
keypress_script = "$('input#my_field').val('some string').keydown();" 
page.driver.browser.execute_script(keypress_script) 

私は実際にkeyCodeで$.Eventを作成したりすることを、私はJavaScriptをテストし、Chromeで発見charCodeそれから私の入力フィールドでそれを引き起こして、入力に文字を入れなかった。私は入力フィールドにいくつかの文字が必要なオートコンプリートをテストしていたので、オートコンプリートを​​に開始します。そこで私はvalで手動で入力値を設定し、次に​​をトリガーしてオートコンプリートスクリプトを開始させます。ここで

Answer 4

はカピバラ2.1.0で動作します私のソリューションです：

fill_in('token-input-machine_tag_list', :with => 'new tag name') 
page.evaluate_script("var e = $.Event('keydown', { keyCode: 13 }); $('#token-input-machine_tag_list').trigger(e);") # Press enter 

してください、ノート、新しいカピバラにあなたがpage.evaluate_scriptを使用する必要があること。

def press(code) 
    page.execute_script("$('#my-input').trigger($.Event('keypress', {keyCode: #{code}}))") 
end 

より一般的かつ堅牢な答えのために、すなわち​​右のイベントを（トリガーのトラブルを通過するこのgreat libraryを使用し、そして：JSでkeypressイベントが動作するトリガ簡単な例については

Answer 5

、 keypress、最後にkeyup）。

def type(string) 
    page.execute_script("Syn.click({}, 'my-input').wait().type(#{string.to_json})") 
end 

より複雑な例は、これは、アスタリスクキートリガするために、ポルターガイストと私のために働いたhere

Answer 6

見つけることができます：私は他のソリューションとは運がなかった

find("body").native.send_key("*") 

を。 Synでさえない。

これはangular-hotkeysイベントをトリガーするためのものです。カピバラWebkitのために

Answer 7

、これは私が使用したソリューションです。

def press_enter(input) 
    script = "var e = jQuery.Event('keypress');" 
    script += "e.which = 13;" 
    script += "$('#{input}').trigger(e);" 
    page.execute_script(script); 
end 

その後、私はのように私のテストできれいにそれを使用する：カピバラ-のWebKitを使用して、送信することができます1.9.0以降

今

press_enter("textarea#comment") 

Answer 8

send_keysを使用して入力し、他の人のようにキーを押す：

find("textarea#comment").send_keys(:enter) 

が出典：https://github.com/thoughtbot/capybara-webkit/issues/191#issuecomment-228758761

カピバラAPIドキュメント：http://www.rubydoc.info/github/jnicklas/capybara/Capybara%2FNode%2FElement%3Asend_keys