【RSpec】CSSのクラスではなくtypeからinput要素を操作する方法

概要

• RSpecでclick_on '文字列'の文字列を今後変更しても対応できるようにRSpecを書く場合に調べたことのメモ
• findでCSSのクラス名を使わずにtypeから要素を選択する方法

該当のHTML

<div class="auth-form__submit">
  <input type="submit" name="commit" value="確認" data-disable-with="送信中...">
</div>

RSpecのコード

Before

click_on '送信'

After

find('input[type="submit"]').click

まとめ

これでHTML側で文言が変更されても対応できるようにRSpecを改修することができました。

参考記事

RSpec Capybara name / id のない input の fill_in にハマる