capybara утверждает атрибуты элемента


87

Я использую RSpec2 и Capybara для приемочного тестирования.

Я хочу заявить, что ссылка отключена или нет в Capybara. Как я могу это сделать?

Ответы:


91

Как вы отключаете ссылку? Вы добавляете этот класс? Атрибут?

# Check for a link that has a "disabled" class:
page.should have_css("a.my_link.disabled")
page.should have_xpath("//a[@class='disabled']")

# Check for a link that has a "disabled" attribute:
page.should have_css("a.my_link[disabled]")
page.should have_xpath("//a[@class='disabled' and @disabled='disabled']")

# Check that the element is visible
find("a.my_link").should be_visible
find(:xpath, "//a[@class='disabled']").should be_visible

Фактические селекторы xpath могут быть неправильными. Я не часто использую xpath!


Спасибо @idlefingers, я тоже хочу утверждать, используя xpath. Как я могу это сделать?
kriysna 02

Я обновил свой ответ. Если селекторы xpath неправильные, вам придется поискать в Google или открыть новый вопрос.
idlefingers 02

Обратите внимание, что это не сработает для тестирования представлений, поскольку капибара не предназначена для работы с представлениями. (Webrat.)
Питер Эрлих,

145

Другое простое решение - получить доступ к искомому атрибуту HTML []:

find('#my_element')['class']
# => "highlighted clearfix some_other_css_class"

find('a#my_element')['href']
# => "http://example.com

# or in general, find any attribute, even if it does not exist
find('a#my_element')['no_such_attribute']
# => ""

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

Вот одно решение, если у вас возникли проблемы с утверждениями для элементов, которые обновляются асинхронно:


4
Очень полезное решение. Благодарность!
Александр Кузнецов

У меня есть строка с местоположением css, например. find('a#my_element[href]'), можно ли получить значение этого атрибута? Попытка использовать такие выражения, как, find('a#my_element[href]').valueно, похоже, не работает :(
mickael

@mickael Попробуйте find('a#my_element[href]').textили find('a#my_element[href]').native. Сообщите мне, если какой-либо из них даст ожидаемые результаты.
Bowsersenior

1
Я понимаю, что эти комментарии действительно старые, но использовал их следующим образом: page.find ('# my_element') ['href = "<href_value>"'], и это сработало,
Доно

Это не будет ждать, пока запрос станет истинным, если вы хотите сделать утверждение об асинхронном изменении.
sj26

4

Было немного запутано найти правильный xpath, вот правильный,
используя capybara 0.4.1.1

# <a href="https://stackoverflow.com/clowns?ordered_by=clumsyness" class="weep">View Clowns</a>  

page.should have_xpath("//a[@class='weep'][@href='/clowns?ordered_by=clumsyness']", :text => "View Clowns")

Если у вас есть только ссылка без класса, используйте

page.should have_link('View Clowns', :href => '/clowns?ordered_by=clumsyness')

Что-то вроде этого, к сожалению, не сработает:

page.should have_link('This will not work!', :href => '/clowns?ordered_by=clumsyness', :class => "weep")

Параметр класса будет проигнорирован.


4

Я рекомендую использовать have_linkи find_link(name)[:disabled]в двух отдельных утверждениях. Хотя выполнение только второго утверждения проще, это делает сообщения об ошибках об отсутствующих ссылках более привлекательными, что упрощает чтение результатов тестирования.

expect(page).to have_link "Example"
expect(find_link("Example")[:disabled]).to be false

Обратите внимание, что "Example"можно изменить имя или идентификатор ссылки.


1
page.should have_link('It will work this way!', {:href => '/clowns?ordered_by=clumsyness', :class => "smile"})

have_link ожидает хэш параметров, который будет пустым, если вы их не предоставите. Вы можете указать любые атрибуты, которые должна иметь ссылка - просто убедитесь, что вы передаете все параметры в ОДНОМ хэше.

Надеюсь это поможет

PS: Для таких атрибутов, как data-method, вы должны передать имя атрибута в виде строки, поскольку дефис разбивает символ.


6
Это никогда не работало и не работает с Capybara. Не знаю, почему за это проголосовали 9 человек.
Андрей Боталов

Это больше не работает в Capybara 2. Люди, использующие Capybara <2, могут использовать вышеупомянутое
Tian

@Tian это не сработало в Capybara <2. Я предлагаю вам проголосовать против этого ответа.
Андрей Боталов

class:недействителен
Амир Раминфар

1

По возможности вам следует попытаться использовать предоставленные Capybara оболочки, которые будут более согласованно работать с драйверами.

В конкретном случае disabledоболочка была представлена ​​в 2.1: https://github.com/jnicklas/capybara/blob/fc56557a5463b9d944207f2efa401faa5b49d9ef/History.md#version-210

Если вы воспользуетесь им, вы получите разумные результаты как на RackTest, так и на Poltergeist:

HTML:

<input type="text" id="disabled-false"            ></div>
<input type="text" id="disabled-true"     disabled></div>
<input type="text" id="disabled-js-true"          ></div>
<input type="text" id="disabled-js-false" disabled></div>
<script>
  document.getElementById('disabled-js-true').disabled = true
  document.getElementById('disabled-js-false').disabled = false
</script>

Тесты:

!all(:field, 'disabled-false',    disabled: false).empty? or raise
 all(:field, 'disabled-false',    disabled: true ).empty? or raise
 all(:field, 'disabled-true',     disabled: false).empty? or raise
!all(:field, 'disabled-true',     disabled: true ).empty? or raise
 all(:field, 'disabled-js-true',  disabled: true ).empty? or raise
 all(:field, 'disabled-js-false', disabled: false).empty? or raise

Capybara.current_driver = :poltergeist
!all(:field, 'disabled-false',    disabled: false).empty? or raise
 all(:field, 'disabled-false',    disabled: true ).empty? or raise
 all(:field, 'disabled-true',     disabled: false).empty? or raise
!all(:field, 'disabled-true',     disabled: true ).empty? or raise
!all(:field, 'disabled-js-true',  disabled: true ).empty? or raise
!all(:field, 'disabled-js-false', disabled: false).empty? or raise

Обратите внимание, как при использовании этого вместо селекторов CSS тесты Javascript будут работать без каких-либо изменений, если вы начнете использовать драйвер с поддержкой Js.

Runnable тестовый файл здесь .


0

Bowsersenior , спасибо за подсказку

Еще одно простое решение - получить доступ к искомому атрибуту HTML с помощью []

Вот пример:

let(:action_items) { page.find('div.action_items') }

it "action items displayed as buttons" do
  action_items.all(:css, 'a').each do |ai|
    expect(ai[:class]).to match(/btn/)
  end
end

0

Используя синтаксис Rspec3, я сделал это так:

expect(page).not_to have_selector(:link_or_button, 'Click here')

0

Просто вы можете использовать page.has_css?метод

page.has_css?('.class_name') 

это вернется, trueесли элемент существует.

Выполните некоторые действия на основе проверки.

page.has_css?('.class_name') do
  #some code
end

0

Согласно документации, вы можете использовать синтаксис аксессора [attribute]:

find('#selector')['class'] => "form-control text optional disabled"

Для инвалидов вы также можете сделать это:

expect(find('#selector').disabled?).to be(true)
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.