rspecでアクティブなタブをテストしたい

Question

タブがアクティブかどうかをテストしたいのですが、
具体的な記述がわかりません(;_;)

「have_selector」を使えば出来そうなんですが・・・分かりませんでした。

２つ<li>があり、いずれかがclass="active"になります。

HTML側

<ul class="nav nav-tabs">
  <li class=""><a href="#send-tab" data-toggle="tab">送ったリクエスト</a></li>
  <li class="active"><a href="#get-tab" data-toggle="tab">もらったリクエスト</a></li>
</ul>

Rspec側

it "リンクに対応したタブが正常に表示されること" do
    sign_in_as(@user)
    visit mypage_path
    
    click_link "もらったリクエスト"
    expect(page).to have_current_path(reqs_path(tab_type: "get"))
    #↓ここが分からない
    #expect(page).to have_selector(".li active", "もらったリクエスト")
    
    click_link "送ったリクエスト"
    expect(page).to have_current_path(reqs_path(tab_type: "send"))
    #↓ここが分からない
    #expect(page).to have_selector(".li active", "送ったリクエスト")
    

  end

諸先輩方アドバイス宜しくお願いします。

Answer 1

expect(page).to have_selector(".active",text: 'もらったリクエスト')