🌠
テスト自動化学習向けのデモサイトを作成しました
テスト自動化[1]を学習する人向けに、テスト対象として使えるデモサイトを作成しました！ サンプルコードも作成しているのであわせてお使いください！
サイト
先日作成中のものを公開したときとはURLが変わっているのでご注意ください。
サンプルコード
サイトのイメージ
解説
サイトは以前のテスト自動化カンファレンスハンズオンで使われたホテルの予約サイト（STAR HOTEL）をベースにしています。
このサイトは『Selenium実践入門』など書籍のコード例でも使われていました。
変更点としては
- サイトの外観をアップデート、モバイルにも対応
- 会員登録、ログインなどのデータが永続する機能を追加（Local Storageでクライアント側に保存）
- HTML5で追加されたinput要素（date, rangeなど）をはじめ各種のinputが一通り出現するように
- Ajax、iframe、新規ウィンドウ、ダイアログなどツールの使い方を覚えるときに必要になる要素の追加
と行った感じです。詳しくはこちらのページをご覧ください。
サンプルコードはJavaとJavaScriptの二つを作成しました。Javaの方は素のSeleniumしか使っていないのでやや冗長な書き方になっています。
また、Github Actionsでテスト実行できるようにしています。（Javaは2ブラウザ3OSの6環境、JavaScriptは1環境）
まとめると以下のリソースが現在揃っている状態です。
- テスト対象のウェブサイト
- サンプルコード（2言語）
- CI環境（Github Actions）
リポジトリはOpenになっています。サイトやサンプルコードを見ていて気になったところはissuesで報告をいただけるとありがたいです。
以上となります。このプロジェクトが自動化をはじめる最初の一歩の助けになれば幸いです。
-
ここではブラウザを通したE2Eテストを指します ↩︎
Discussion