はじめに
皆さん、UIに関するテスト、自動化してますか？
自分で打鍵したほうが早いと思ってないでしょうか？
その概念を覆すべく、Selenium（今日はSelenium IDEのみ）を紹介したいと思います。
Seleniumに関する情報はネット上に多数あるのですが、最新どうなっているのか？という観点も含めQiitaに残します。
急いでいる人へのまとめ
- Selenium IDEをダウンロードして実行するだけで自動化できます
- record-and-playback形式をサポートしているので、一度打鍵操作で記録するだけで
何度でも同じ操作を再生、テストとして値の確認ができるので楽です
始め方
Seleniumのサイト( https://www.selenium.dev/ )に行き,Selenium IDEのダウンロードボタンを押します。
下の方にSelenium IDEに関して、ChromeかFireFox向けのダウンロードリンクがあるので
お好きなブラウザの方リンクから、ブラウザの拡張機能/アドオンとしてインストールして取り込みます。
右側のChromeに追加、ボタン押下でOKです。
権限を確認して導入します。
導入すると、ツールバーに「Se」のアイコンが表示されます。
押すと、以下画面が出ますので、これでSelenium IDEの立ち上がりとなります。
インストール完了です！
新規テストプロジェクトの記録として、Record a new test in a new projectを押します。
名前は、テストファイル保存の際の論理名となります。ここではsampleとしておきます。
次にBaseURLを聞かれます。これは、テストしたいシステム、サイトの初期画面のURLを入れます。
ここではgoogleのサイトのURLを入れておきます。
その後、Start Recordingを押すと、ブラウザの右下に以下表示がでます。
ブラウザ上での操作を記録していますよ、、のサインです。
過去のバージョンでは出てなかったので、わかりやすくなってますね。
MDCという文字列を検索してみます。
アサーション（出た結果の確認）については、右クリックでSelenium IDEというメニューから実施することができます。
ここでは、ブラウザのタイトル（表示）を確認します。
これで録画（record)は終了にします。
ブラウザのウィンドウから、IDEを選んで、正しく録画できているか確認してみましょう。
Commandがブラウザの一つ一つの操作や、Asersionを示しています。
録画を終えるために、右上の録画停止ボタンを押します。
これです。
押すとテストに名前をつけて、と言われるので適当にいれて、OK押します。
テストの実行は再生ボタンを押します。これです。
押してみると、ブラウザが立ち上がり、勝手に操作されるかと思います。
できましたね！
このあと
テストファイルをファイルとして保存、次回取り込むことで再実施できます。
コマンドライン上でも実行できます。
その先
Selenium IDEによるレコードは簡単な一方、この表示ならどうするといった分岐や
大量生産には不向きです。エンジニアであれば、コードで書きましょう。その場合はIDEではなく
WebDriverを使います。
また、Selenium IDEは前のバージョンまでは画面キャプチャが取れるコマンドがあったのですが、今は無いです。
テスト結果を画面キャプチャを残すためにも、コード書きましょう。
さらに、前のバージョンではあった、IDEからソースコードのエクスポート機能が現在は無くなっています。
record → ソースエクスポート → ソースとして編集、展開
みたいなことをしたい場合は、現状であれば、Katalonを使うとよいかと思います。（それなりにユーザーは多そうです）
UIはSeleniumIDEに似てますし、画面キャプチャも撮れます。
気になるのは、Selenium公式では無いということでしょうか・・・
以上です。