Est-il possible d'interagir avec les éléments cachés avec capybara?

J'ai un fichier de champ qui a opacity: 0 et est la superposition d'un faux bouton. Sa commune css technique pour de faux une sorte de bouton "Upload", qui affiche de manière cohérente à travers les différents navigateurs.

Capybara ne me permet de l'appeler attach_file sur cette entrée. L'erreur est Selenium::WebDriver::Error::ElementNotVisibleError: Element is not currently visible and so may not be interacted with.

Quelqu'un sait de toute façon à force de capybara pour interagir avec les éléments invisibles?

La réponse est toujours sans réponse, mais j'ai trouvé un travail autour de. Rien d'intelligent, juste rendre visible l'élément avec un simple script

  page.execute_script %Q{
    $('#photos').css({opacity: 1, transform: 'none'});
  }

Je l'ai poster pour l'enregistrement.

  • Il peut être difficile de le faire. Essayez de démarrer à partir de JS ici. Mais il peut ne pas fonctionner dans tous les cas, et que les navigateurs
  • On dirait que vous n'êtes pas à l'aide de capybara-webkit (à cause de "Sélénium::WebDriver::message d'Erreur" dans le message d'erreur) j'ai donc enlevé le capybara-webkit tag de votre question
  • C'est peut-être déjà répondu ici: stackoverflow.com/a/10805128/914986
  • Le travail autour de fonctionne bien! Merci
InformationsquelleAutor miguel.camba | 2013-03-25
  1. 72

    Vous pouvez interagir avec les éléments cachés à l'aide de la visible: false propriété dans le Capybara.

    Si vous souhaitez, cliquez sur l'élément masqué utilisation:

    find("#photos", visible: false).click

    Ne pas utiliser click_button('#photo') directement

    • donne encore ici
    • L'habitude de travailler, avec message peut pas cliquer sur un élément masqué
    • Sur quel élément vous r'cliquant sur la pâte, de la structure ici
    • Cela ne fonctionne que parce que l'élément a opacity: 0 pas visibility: hidden (ou similaire). Vous ne pouvez pas cliquer sur les éléments cachés directement
    • La réponse de @Thomas Walpole (ici: stackoverflow.com/a/44443849/2809881) est beaucoup plus utile et la réponse directe au problème de joindre un fichier à un fichier invisible d'entrée.
    • Notez également que find("#photos", visible: false) va correspondre à visible #photos, trop. Si vous souhaitez faire correspondre les éléments invisibles seulement, vous avez besoin find("#photos", visible: :hidden) comme décrit par Thomas Walpole ici stackoverflow.com/questions/53361214/...

    InformationsquelleAutor Vijay Chouhan
  2. 19

    L'auteur de Capybara recommande la configuration de Capybara.ignore_hidden_elements immédiatement avant d'avoir besoin de voir l'invisible élément, et de le rétablir par la suite:

    Capybara.ignore_hidden_elements = false
click_button 'my invisible button'
Capybara.ignore_hidden_elements = true
    • Quand vous le lisez, il recommande seulement cela comme une solution à un problème particulier. En général, ce n'est pas une bonne solution parce que certains tests ne devraient pas modifier une option comme ça. Voir makandracards.com/makandra/...
    InformationsquelleAutor user664833
  3. 5

    En général interaction avec les non-visible éléments ne doivent pas être possible lors de l'utilisation de Capybara (vous pouvez les trouver à l'aide de la visible: false/hidden option dans la plupart des inventeurs, mais pas réellement faire quelque chose pour eux). Toutefois, le fichier d'entrée est un cas particulier, car de la façon commune, il est de cacher l'élément et, en raison des restrictions de sécurité, pas d'autre moyen pour ajouter un fichier en interagissant avec les pages les éléments visibles. En raison de cette attach_file a un make_visible option, qui peut être utilisé pour avoir Capybara faire l'élément visible, joindre le fichier, puis réinitialiser le CSS pour le réglage d'origine.

    attach_file('photos', file_path, make_visible: true)
    • Cela devrait être le nouveau accepté de répondre.
    InformationsquelleAutor Thomas Walpole
  4. 0

    Miquel, merci pour workaraund.

    J'ai même question pour interagir avec les fichiers cachés d'entrée sur le C# de liaison pour Selenium Webdriver 2,35 et Firefox 24. Pour faire la sélection de fichier de travail n'a astuce similaire:

    ((IJavaScriptExecutor)webdriver).ExecuteScript("$('#fileUploadInput').css({opacity: 1, transform: 'none'});");

IWebElement e = webdriver.FindElement(By.CssSelector("input#fileUploadInput")));

e.SendKeys("c:\\temp\\inputfile.txt");
    InformationsquelleAutor Alexander Kobets
  5. 0

    J'ai fini par résoudre un itinéraire différent.

    execute_script() était de me donner un moment difficile (il aurait pour effet de geler l'exécution d'un test sur FireFox), donc c'est ce que j'ai fait:

    J'ai déjà avait un fichier javascript. J'ai ajouté les éléments suivants

    <% if ENV["RAILS_ENV"] == "test" %>
  $('#photos').show()
<% end %>

    J'ai également eu à ajouter .erb à mon fichier javascript pour la bonne Rails de l'actif de la manipulation.

    Et dans mon fichier de test, j'ai été déjà mise en ENV["RAILS_ENV"] = "test"

    De cette façon, je pouvais juste abrutir l'INTERFACE utilisateur pour le test, et encore de maintenir l'apparence de la production.

    • C'est la seule solution qui a fonctionné pour moi.
    InformationsquelleAutor Jay
  6. 0

    Je l'ai fait de cette façon avec des éléments qui a le style CSS display:none; ensemble:

    page.execute_script("$('.all-hidden-elements').show();");
all('.all-hidden-elements').first.click
    InformationsquelleAutor karlingen
  7. 0

    Si l'élément masqué est imbriqué dans un parent visible de l'élément (par exemple un caché d'entrée à l'intérieur d'une étiquette visible), vous pouvez cliquer sur le parent à la place. Si vous souhaitez trouver l'entrée par ID, vous pouvez traverser le parent comme suit:

    find('#hidden_input').find(:xpath, '..').click
    InformationsquelleAutor Kevin Qi