Можно ли проверить порядок элементов через RSpec / Capybara?

Question

Я использую RSpec / Capybara в качестве набора тестов.У меня есть некоторый JavaScript, который динамически добавляет <li> в конец <ul>.Я хочу написать спецификации запроса, чтобы убедиться, что это происходит.

Я пытался использовать метод has_css Capybara и расширенные селекторы CSS для проверки порядка элементов <li>, но Capybara не поддерживает селектор + CSS.

Пример:

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

Кто-нибудь знает другой способ проверки заказа?

Answer 1

Я решил эту проблему, протестировав соответствие регулярному выражению содержимому страницы.Немного клудый, но это работает.

page.body.should =~ /ITEM1.*ITEM2.*ITEM3/

Answer 2

Я нашел более канонический способ тестирования этого поведения с помощью CSS.Вы можете использовать селекторы :first-child, :last-child и :nth-child(n) в зависимости от того, что вам нравится.

В вашем примере я бы попробовал следующие утверждения:

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")

Надеюсь, это кому-нибудь поможет. Подробнее об этом .

Answer 3

в этой статье перечислены несколько способов проверки порядка сортировки в RSpec, лучшим из которых, по-видимому, является этот сопоставитель:

RSpec::Matchers.define :appear_before do |later_content|
  match do |earlier_content|
    page.body.index(earlier_content) < page.body.index(later_content)
  end
end

Answer 4

У меня недавно была такая же проблема, и я нашел это идеальное и идеальное решение: http://launchware.com/articles/acceptance-testing-asserting-sort-order

Это даже упаковано как крошечный драгоценный камень.

Answer 5

Вы можете использовать метод поиска all , чтобы выбрать несколько элементов, а затем использовать команду collect для извлечения текста в массив:

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

Если ваш список не виден на странице, такой как всплывающее меню навигации, вам нужно передать visible: false в метод all.

Answer 6

Эта страница имеет очень умный способ проверки порядка строковых элементов на странице - будь они в списке или нет:

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

Это в форме шага огурца, но вы должны быть в состоянии извлечь то, что вам нужно для шага Rspec. Это похоже на решение Джона «клудги», но немного причудливее из того, что я могу разобрать. Все остальные шаги по тестированию хитрой капибары можно найти здесь:

https://github.com/makandra/spreewald

Answer 7

Используйте orderly драгоценный камень , написанный автором статьи , упомянутой ранее.

Это так же просто, как:

expect(this).to appear_before(that)

Answer 8

В вышеупомянутых решениях было очень трудно проверить порядок, если на странице было несколько элементов. Итак, я нашел другой способ.

Я разместил решение здесь - Тестовый порядок (последовательность) контента с использованием капибары

Отображение массивов, имеющих специфичные для CSS элементы, и затем сопоставление этого массива с ожидаемым массивом (сохраняйте элементы в последовательности)

Answer 9

Используя capybara-ui , вы можете использовать метод #widgets, чтобы получить все элементы в порядке сверху вниз.

# 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)

Answer 10

Капибара должна поддерживать селектор + (я думаю, что он использует Nokogiri, который, безусловно, поддерживает это) Возможно, вы используете старую версию? Или вы используете драйвер Capybara, который не поддерживает JavaScript, чтобы дополнительный элемент вообще не отображался?

Кроме того, не используйте RSpec для тестирования вашего HTML. Огурец гораздо лучше в этом. Для взаимодействия с JavaScript вам нужно использовать Selenium или Capybara-Webkit. Или, если у вас много JavaScript, попробуйте протестировать его с помощью Jasmine.