More than 3 years have passed since last update.

【Rails】Ratyを用いた星評価機能のテスト【Rspec】

Posted at 2020-12-13

はじめに

Ratyを用いて評価機能を実装したのですが、結合テスト実行時に手間取ったので記事として残しておきます。
知っていればなんということはないのですが、初学者の方の助けになれば幸いです。

[Raty](https://github.com/wbotelhos/raty)を用いて実装された評価機能。実装方法については割愛しますが最後に参考になりそうな記事を紹介しているのでトライしてみたい方はぜひ。

それぞれの項目のいずれかの星マークをクリックする動作をさせたいので検証ツールを使って要素をみていきます。

なるほどimgタグを見つけてクリックしてあげればいいんですね。

rspec.rb

find("img").click

当たり前ですが「どのimgなのかハッキリしろ」と怒られました。 imgタグは他にも存在するのでどの要素なのかプログラムが判別できるようにしてあげないといけません。

rspec.rb

find('#taste_star').find("img[alt='5']").click

最終的にこのコードでテストをクリアできました◎ １つずつ見ていきましょう。

普段それぞれの要素に一意のidを指定することが多く一発で要素を拾えることばかりだったので個人的に盲点だったのですが、findは重ねて使えます。
まずは親要素に指定しているid="taste_star"を拾うことでその後ろに続くimgタグの該当範囲を絞り込めます。

まだ同一の親要素の中にimgタグが複数存在しているので個別に振り分けられているalt属性を利用します。
属性を指定したい場合は角カッコで括ってあげればOKです。

あとは画像をクリックさせたら完成です！

ちなみにclick_onを使ってリンクやボタンをクリックさせることもできますが、画像の場合はalt属性を指定します。今回の場合はalt属性の値が一意でないのでエラーが出ると思います。

記事に纏めながら改めて簡単なところで躓いてしまったなと反省しました。