質問内容
下部に書いています、「実現したいこと」を実現するにあたってテストコードを書くにあたり、どのようなツールを使うと、実現できるのかどなたかお教えいただけると嬉しいです。
概要
以下のような挙動において、それが正しく動作しているか?という観点でテストを行えるテストコードを書きたいのですが、恥ずかしながらテストコードはこれまでに書いた経験がなく、はじめてのことなので、どのようなツールを使うのがいいのか、調査を重ねてもいまいち理解できず、こちらを利用させてもらいました。
尚、このコンテンツ自体はvue.js
で作られているものです。
挙動内容
---以前---
プルダウンメニューの中から何か一つアイテム名を選択します(プルダウンのメニューは最低1個から最大は無制限まで存在します)
ページがリダイレクトされ、トップページに戻ります
トップページに戻りますが、選択したアイテムは記憶されているので、そのまま再度アイテムページへ遷移します
ページ遷移後、選択されているアイテムの詳細情報を
api
から取得し画面に表示されます
---今後---
※以前との変更点は、アイテム選択後リダイレクト処理ではなく、そのままapi
から情報を取得し画面に表示するようになったことです。
プルダウンメニューの中から何か一つアイテム名を選択します(プルダウンのメニューは最低1個から最大は無制限まで存在します)
アイテム名を選択後、
api
を叩いてそのアイテムに関する詳細情報を取得します取得された詳細情報が画面に表示されます
再度プルダウンメニューからアイテムを選択し直した場合、上記の処理を繰り返します
実現したいこと
挙動内容に書いた「今後」の処理について、『リダイレクト処理がなされてないか?』ということが問題なく行われているか?をテストしたい。
『リダイレクト処理がなされてないか?』は、『アイテム選択前のURL
とアイテム選択後のURL
は同一か?』で判断したいと考えています。