Rails Rspec ページ内に同じボタンが２つ以上ある場合

Question

Rspecを勉強中です。

ページ内に２つ”ログイン”という文字があります。（一つはヘッダー、もう一つはviewのなかにあります）

click_on 'hogehoge', match: :first

このコードで最初に該当する”ログイン”を選択できるそうですが、２番目の”ログイン”はどのようにすれば良いでしょうか？調べていると、おそらくクラス名で指定するそうですが、よくわかりません。よろしくお願いいたします。

Failure/Error: click_on "ログイン"
     
     Capybara::Ambiguous:
       Ambiguous match, found 2 elements matching visible link or button "ログイン"

 scenario "ログインとログアウトができるか" do
    staff = create(:staff)
    
    visit stafflogin_path
    fill_in "staff_email", with: "[e-mail]"
    fill_in "staff_password", with: "password"
    click_on "ログイン"
    click_on "アカウント"
    click_on "ログアウト"
    
    expect(page).to have_content 'Thank you for comming!!'
  end

<h1>ログイン（スタッフ専用）</h1>

<div class="row">
  <div class="col-md-6 col-md-offset-3">
    <%= form_for(:session, url: stafflogin_path) do |f| %>
      
      <%= f.label :email ,"登録したメールアドレス" %>
      <%= f.email_field :email, class: 'form-control', id: 'staff_email' %>

      <%= f.label :password, "パスワード" %>
      <%= f.password_field :password, class: 'form-control', id: 'staff_password' %>
      
      <%= f.label :remember_me, class: "checkbox inline" do %>
        <%= f.check_box :remember_me %>
        <span>この端末に記憶する</span>
      <% end %>

      <%= f.submit "ログイン", class: "btn btn-primary" %> ←ここのログインを指定したいです！
    <% end %>

    <p>スタッフ登録されていない場合は? <%= link_to "こちらから登録してください", signup_path %></p>
  </div>
</div>

<div class="jumbotron">
  <h3>製作者からのコメント</h3><br>
  <h5>
    ・特にありません。普通のログイン画面です。
  </h5>
</div>

Answer 1

<%= f.submit "ログイン", class: "btn btn-primary" %>

これに

<%= f.submit "ログイン", class: "btn btn-primary", id: "hoge" %>

というふうにidをrspecの為だけに書き、

click_on "ログイン"

の部分を

find('#hoge').click

と書き直すことでうまくいきました。