css - capybara 如何检查给定链接的 'li' 是否具有正确的 css 类

Question

你好，我有这样的导航:

<nav class="navbar navbar-inverse">
    <div class="container">
      <ul class="nav navbar-nav">
        <li  >
          <a href="/">Strona Główna</a>
        </li>
        <li  class="active"  >
          <a href="/legendopedia">Legendopedia</a>
        </li>
        <li  ><a href="/pages/web_scrolls">Zwoje z Sieci</a></li>
        <li  >
            <a href="/users/sign_in">Zaloguj się</a>
        </li>
        <li>
            <a href="/users/sign_up">Zarejestruj się</a>
        </li>
      </ul>
    </div>
  </nav>

我想与 CAPYBARA 检查包含“/legendopedia”链接的“li”是否具有 css class: active。

Answer 1

如果 .container div 中只能有一个事件的 li 你可以这样做

expect(page.find('div.container li.active')).to have_selector(:link, '', href: '/legendopedia')

这与您提到的有点落后，因为它正在检查具有 active 类的 li 是否具有与其中相关 href 的链接，但实际上是相同的。

另一种方法是使用 xpath

expect(page).to have_xpath("//li[.//a[@href='/legendopedia']][@class='active']")