Est-il possible de tester l'ordre des éléments via RSpec/Capybara?

Je suis en utilisant RSpec/Capybara que mon test de suite. J'ai un peu de javascript qui ajoute dynamiquement <li> à la fin d'une <ul>. Je veux écrire une spécification de requête pour s'assurer que ce qui se passe.

J'ai essayé d'utiliser le has_css Capybara méthode et les sélecteurs CSS avancés pour tester pour la commande de la <li> éléments, mais Capybara ne prend pas en charge la + sélecteur CSS.

Exemple:

page.should have_css('li:contains("ITEM #1")')
pseuo_add_new_li
page.should have_css('li:contains("ITEM #1")+li:contains("ITEM #2")')

Personne ne sait d'une autre façon de tester pour la commande?

InformationsquelleAutor John | 2011-12-07
  1. 33

    J'ai résolu ce problème en testant une regex match contre le contenu du corps de la page. Un peu encombrants, mais cela fonctionne.

    page.body.should =~ /ITEM1.*ITEM2.*ITEM3/
    • Et avec brut Minitest: assert page.body =~ /ITEM1.*ITEM2.*ITEM3/
    • Vous pouvez aussi vérifier pour la fin d'une balise: expect(page) =~ >ITEM1<.*>ITEM2<.*>ITEM3<
    InformationsquelleAutor John
  2. 29

    J'ai trouvé un plus canonique moyen de tester ce comportement avec les CSS. Vous pourriez utilisateur :first-child, :last-child et :nth-child(n) sélecteurs en terme d'affirmer que vous aimez.

    Dans votre exemple, je voudrais essayer ces affirmations: 

    page.should have_tag("ul:last-child", :text => "ITEM #1")
pseuo_add_new_li
page.should have_tag("ul:nth-last-child(2)", :text => "ITEM #1")
page.should have_tag("ul:last-child", :text => "ITEM #2")

    J'espère que cela aide quelqu'un. Lire plus à ce sujet.

    InformationsquelleAutor dgilperez
  3. 26

    cet article listes de plusieurs façons de tester l'ordre de tri dans RSpec, le meilleur de ce qui semble être ce matcher:

    RSpec::Matchers.define :appear_before do |later_content|
  match do |earlier_content|
    page.body.index(earlier_content) < page.body.index(later_content)
  end
end
    • À l'aide de Webrat-je obtenir "undefined variable locale ou de la méthode `page'"
    • désolé, je ne peux pas y aider. j'ai seulement utilisé le capybara jusqu'à présent.
    • Je l'ai fait fonctionner avec webrat. Déjà forké le projet sur github, à diffuser mon code quand j'ai le temps de changer les docs et de publier la gemme
    • Je suis avec cela, et il fonctionne. Je veux vérifier l'ordre des éléments dans une div, ce qui devrait le faire?
    InformationsquelleAutor Finn MacCool
  4. 4

    J'ai eu le même problème récemment et j'ai trouvé ce neat & solution idéale:
    http://launchware.com/articles/acceptance-testing-asserting-sort-order

    C'est encore emballé comme un petit bijou.

    • Merci - que l'article m'a vraiment aidé (nous utilisons Minitest, pas RSpec)
    InformationsquelleAutor TomTaila
  5. 2

    Cette page a une manière très intelligente de tests de l'ordre de la chaîne des éléments sur une page, qu'elles soient dans une liste ou non:

    https://makandracards.com/makandra/789-match-strings-in-a-given-order-with-cucumber-and-capybara

    C'est sous la forme d'un concombre étape, mais vous devriez être capable d'extraire ce dont vous avez besoin pour un Rspec étape. Il est similaire à l'université Johns 'encombrants' solution - mais un peu plus évolué à partir de ce que je peux faire. Tous les autres ruse capybara étapes de tests peuvent être trouvés ici:

    https://github.com/makandra/spreewald

    InformationsquelleAutor charlesdeb
  6. 2

    Vous pouvez utiliser le tous méthode de recherche pour sélectionner plusieurs éléments, puis utiliser recueillir leur tirer les vers du texte dans un tableau:

    assert_equal page.all('#navigation ul li').collect(&:text), ['Item 1', 'Item 2', 'Item 3']

    Si votre liste n'est pas visible sur la page comme un popup menu de navigation, vous devez passer visible: false dans le all méthode.

    InformationsquelleAutor Jay P.
  7. 1

    Utiliser le orderly gem, écrit par l'auteur de la l'article mentionné précédemment.

    C'est aussi simple que:

    expect(this).to appear_before(that)
    InformationsquelleAutor Jan Klimo
  8. 0

    Capybara devrait soutenir la + sélecteur (je crois qu'il utilise Nokogiri, qui prend en charge ce). Vous êtes peut-être en utilisant une ancienne version? Ou êtes-vous à l'aide d'un Capybara pilote qui ne prend pas en charge JavaScript, de sorte que l'élément supplémentaire n'est pas rendu à tous?

    Aussi, n'utilisez pas de RSpec pour tester votre code HTML. Le concombre est beaucoup mieux à ce niveau. Pour interagir avec JavaScript, vous aurez envie d'utiliser le Sélénium ou Capybara-Webkit. Ou si vous avez beaucoup de JavaScript, envisager de le tester avec le Jasmin.

    • Je ne sais pas pourquoi vous l'avez obtenu un downvote, mais vous êtes tout à fait correct sur le Capybara (bien, Nokogiri) d'appui à la + sélecteur. Mon soupçon est le nouveau li n'a pas été ajouté adjacentes pour ITEM #1, et il aurait utilisé le ~ sélecteur à la place.
    • Intéressant deviner. Cela semble plausible.
    • Comment est-concombre mieux à l'essai de html?
    • Le concombre est mieux à faire des affirmations à propos de l'utilisateur face à un contenu de l'utilisateur face à des conditions. RSpec est au mauvais niveau d'abstraction pour les tests de l'INTERFACE utilisateur.
    InformationsquelleAutor Marnen Laibow-Koser
  9. 0

    À l'aide de capybara-ui vous pouvez utiliser le #widgets méthode pour obtenir tous les éléments dans l'ordre de haut en bas.

    # First define the widget,
# or reusable dom element reference.
# In this case in a role
class UserRole < Capybara::UI::Role
  widget :list_item, '.list-item'
end

# Then test the expected order using #widgets
role = UserRole.new
expected_order = ['buy milk', 'get gas', 'call dad']
actual_order = role.widgets(:list_item).map(&:text)

expect(actual_order).to eq(expected_order)
    InformationsquelleAutor steel
  10. 0

    Dans les solutions ci-dessus, il est très difficile de tester la commande si le fait d'avoir plusieurs éléments sur la page. Donc, j'ai trouvé un autre moyen.

    J'ai posté la solution ici - Test de l'ordre(séquence) de contenu à l'aide de capybara

    Cartographie des tableaux ayant css des éléments spécifiques, et puis le match de ce tableau avec les array(garder ces éléments dans la séquence)

    InformationsquelleAutor Rhunal