Klicken Sie auf das Bild, mit Capybara in Gurke

Ich bin versucht, klicken Sie auf ein Bild mit Capybara für eine Gurke testen, aber kann nicht einen Weg finden, wie Capybara, um das Bild als link.

Mein code für das Bild:

link_to(image_tag('ico_edit_16.png', alt: 'Edit', class: 'icon16', title: "Edit #{qualification.title}"), edit_qualification_path(qualification))

Denen zeigt sich, wie

<a href="/qualifications/1/edit">
    <img class="icon16" title="Title" src="/images/ico_edit_16.png?1279303992" alt="Edit">
</a>

in die html, und ich habe nicht in der Lage zu finden, ein guter Weg, um zu verwenden, capybara, um klicken Sie auf das Bild.

Irgendwelche Vorschläge?

InformationsquelleAutor Josh Johnson | 2011-11-17
  1. 13

    Sollte dies funktionieren:

    find('img.icon16').click

    Alternativ-lookup basierend auf dem alt-text:

    find("img[alt='Edit']").click
    • Es scheint, dass der code nicht auf den link klicken, in Verbindung mit dem Bild - Sie können klicken Sie auf das Bild an sich aber nicht nehmen mich überall hin mit dem link. Ich landete die übergabe einer ID in den link hinter dem Bild, und dann click_link für diese ID-Namen, die funktioniert.
    • Welchen Treiber benutzt du? Es sollte in Selen, aber headless-Treiber möglicherweise nicht intelligent genug, um zu verbreiten, die auf den übergeordneten link.
    • entfernen Sie das '@' (um es ein Gültiger css-Selektor)
    InformationsquelleAutor Andy Waite
  2. 1

    Hatte ich ein problem, wenn das Bild nicht erkannt wurde, weil es mehrere Elemente, die versteckt in der Seite mit der gleichen id. Versuchen Sie mit so etwas wie dieses.

    with_scope("#modal_window") do
  find("#close").click
    InformationsquelleAutor Dev S
  3. 1

    Diesem Schritt löst das problem für mich. Sie haben die Verwendung von XPath-Ausdrücken übereinstimmen, ein element, dann finden seine Eltern. Ein Nachteil, obwohl, ist, dass dies möglicherweise nicht synchronisiert werden:

    Wenn /^ich den link mit(?:| ein| eine| der|) "([^\"])" Bild(?:| innerhalb "([^\"])")$/

    do |*args|
  alt = args[0] ; within = args[1]

  outer = find(within)
  outer.find(:xpath, "//img[@alt='#{alt}']/..").click
end
    InformationsquelleAutor user1158559
  4. 0

    Beachten Sie auch, in Schienen (3.1.1 in meinem Fall), für Bilder, die ohne einen bestimmten :alt-Wert, ein Standard-alt-wird von der image_tag Helfer:

    :alt - Wenn kein alt-text gegeben, den Namen der Datei ein Teil der Quelle verwendet wird (groß geschrieben und ohne die Erweiterung)
    [Aus dem Rails-API]

    So zum Beispiel für die image-Datei "kitten.jpg" verwenden Sie find("img[@alt='Kitten']").click (beachten Sie groß - /Kleinschreibung und entfernen der Erweiterung).

    Verwendung dieses rails-Konvention, die Sie suchen können für beliebige Bild-links in Gurke/capybara.

    • ...außer, dass jedes Bild sollte eine aussagekräftige alt-text, so sollten Sie nie tun müssen.
    InformationsquelleAutor adarsh
  5. 0

    ja, wenn man wie in meinem Fall in haml:

    %div{id: "23", class: 'operations'}
  %a.delete{ href: '#', class: 'smallbtn'}
    %img{ src: 'assets/delete.png', alt: 'Delete'}

 %a.edit{ href: "#", class: 'smallbtn'}
   %img{ src: 'assets/edit.png', alt: 'Editar Producto'}

    ist und Sie nicht wollen, verwenden Sie die id auf den link klicken und Sie werden mit Bildern, z.B. in meinem Fall, klicken Sie auf den link löschen müssen Sie deklarieren Sie eine Klasse und später können Sie die nächste code-klicken Sie auf das element, und zusätzlich, um zu bestätigen, modal-Betrieb:

      within '#23' do
    find('.delete').click
    page.driver.browser.switch_to.alert.accept
  end
    InformationsquelleAutor heriberto perez
Schreibe einen Kommentar