Comment puis-je simuler en appuyant sur entrée dans un champ de saisie avec Capybara et ChromeDriver?

J'ai le texte suivant méthode d'aide à la saisie d'une chaîne de caractères dans un champ de saisie et appuyez sur la touche entrée, mais il semble que la touche entrée n'est jamais pressé. Je vois la chaîne saisie dans le champ de saisie, mais les événements qui ont lieu à appuyer sur la touche enter n'est jamais arrivé.

Je l'ai testé dans un navigateur sur la touche entrer correctement les feux de la événements attendus. Je ne suis pas sûr de ce que je suis absent.

def fill_and_trigger_enter_keypress(selector, value)
  page.execute_script %Q(
                          var input = $('#{selector}');
                          input.val('#{value}');
                          input.trigger("keypress", [13]);
                         )
end

EDIT:

J'ai aussi essayé le suivant en vain:

find('#q_name').native.send_keys(:return)
find('#q_name').native.send_keys(:enter)

Ils ne provoquent pas d'erreur, mais toujours pas de touche entrée enfoncée.

InformationsquelleAutor Eric M. | 2012-06-03
  1. 75
    find('#q_name').native.send_keys(:return)

    fonctionne pour moi. Je n'ai pas de nom ou l'id de mon domaine, mais le type est entrée alors j'ai utilisé quelque chose comme 

    find('.myselector_name>input').native.send_keys(:return)

    fonctionne parfaitement bien!

    • Un complément d'info, Selinium n'est pas de simuler des événements clés sur les éléments cachés, alors que cette solution fonctionne très bien, même avec les éléments cachés.
    • Homme Cette solution ne fonctionne pas avec le Capybara 2.5. Il jette NoMethodError: undefined method send_keys " pour "5":String` erreur.
    InformationsquelleAutor Mysterio Man
  2. 18

    Ces jours-ci (Capybara version 2.5+), vous pouvez simuler <enter> clé de la façon suivante:

    find('.selector').set("text\n")

    La \n est très important ici.

    InformationsquelleAutor Paweł Gościcki
  3. 6

    Habituellement, lorsque vous exécutez la page.execute_script, vous obtenez les mêmes résultats que si vous étiez en cours d'exécution que dans la page de la console. Essayez d'exécuter manuellement dans la console et voir si vous obtenez les résultats escomptés. C'est généralement ce que je fais.. le métier le besoin du code js dans le navigateur de la fenêtre de console et le coller dans le capybara code quand il est au travail, à l'aide de execute_script.

    • Travailler sur cela. Je ne reçois pas toutes les erreurs quand je fais $('#input_selector').trigger('touche', [13]), mais toujours rien ne semble déclenchée que si je devais frapper entrer dans le navigateur.
    • ouais donc, vous avez probablement de modifier l'événement de déclenchement. essayez de déclencher une manifestation thématique tout d'abord, pour simuler que vous avez cliqué sur l'entrée pour y entrer, et ensuite la pression de touche.. ce que j'ai trouvé, c'est que vous avez généralement à jouer avec le droit des événements
    • c'est ce que je fais pour remplir une saisie semi-automatique, par exemple: page.execute_script %Q{$('#{sélecteur de}').val('#{valeur}').focus().keydown()}
    InformationsquelleAutor Felipe Lima
  4. 4

    Capybara n'a pas de support natif pour une send_keys type d'événement. Vous pourriez être en mesure de descendre en sélénium de le faire, ou vous pouvez essayer ce petit bijou https://github.com/markgandolfo/send-keys

    • Super, je vais vérifier que le gem. Mais Capybara ne devrait pas être le problème, puisque je suis l'envoi de l'jQuery directement le sélénium, droit?
    InformationsquelleAutor DVG
  5. 1

    Il fonctionne pour moi

    page.execute_script("$('form.css-class/#form_id').submit()")
    • $('form.css-class/#form_id') n'est pas valide jQuery - en cours d'exécution, il renvoie une erreur.
    • Je pense qu'elle doit être formatée sans le slash, donc $('form.css-class#form_id')
    InformationsquelleAutor Mary Dear
  6. 0

    @Page.selector.send_keys :return

    Cela fonctionne pour moi, où selector est l'élément dans votre page objet
    élément :selector, '<css selector>'

    InformationsquelleAutor Murali K