1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

【Rails】click操作(テストコード)

Last updated at Posted at 2022-03-30

初めに

こんばんは、プログラミング初心者のだいごです。
プログラミングスクールに通い始め1ヶ月くらい経ちました。
最近テストコードを書いたんですが、クリックに関するコードがいっぱいあり混乱しています。
そんなこんなで自身が学んだクリック操作のコードの使い方などをまとめていきたいと思います。

クリックに関するコード

ますは今回まとめるコード達はこんな感じです。

  • find().click
  • click_button
  • click_link
  • click_on

find().click

find('クリックしたい要素').click

と記述します。
クリックしたい要素にはinput要素のname属性を指定する必要があります。

こんなコードがあったとすると、

<input type="submit" name="commit" value="Sign up" data-disable-with="Sign up">

書き方としてはこんな感じになります。

find('input[name="commit"]').click

click_button

click_button 'ボタン名'

と記述します。
これはボタンをクリックするときに使用できます。

こんなコードがあったとすると、

<button>送信</button>
<input type="submit" value="送信">
form_with内の
<%= f.submit "送信" %=>

書き方はこんな感じになります。

click_button '送信'

click_link

click_link 'リンク表示名'

と記述します。
これはリンクをクリックするときに使用できます。

こんなコードがあったとすると、

<a href="#">Progate</a>
<%= link_to "Progate", # %> 

書き方はこんな感じになります。

click_link 'Progate'

click_on

click_on '文字列'

と記述します。
これはボタンもリンクもどちらもクリックできます。

こんなコードがあったとすると、

<a href="/contents/1">詳しくはこちら</a>
<input type="submit" name="commit" value="ログイン">

書き方はこんな感じになります。

click_on ('詳しくはこちら')
click_on ('ログイン')

終わりに

長くなりましたが、まとめるとこんな感じになりました。
これからも備忘を兼ねて時々記事を更新しようと思います。
間違っているとこや付け加え等あればコメントいただけると嬉しいです。
長々とありがとうございました。

1
0
1

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?