わかりました｡
そろそろseleniumドライバで何か便利なことをしたいですね｡
この入力を取得し､ テキストを入力し､ Webサイトのようにshow
messageをクリックします｡
どうすればいいのでしょうか｡
さて､ まずこれをクリアにします｡
ただ､ パレットをきれいにして､ いくつかのものから始めるようにします｡
Seleniumで作業するときに最初にしたいことは､ コードを進めるときに､ これらのassertコマンドを使用して､
物事が正しく行われていることを確認することです｡
そこで､ assert と言って､ これから使う show message というボタンテキストが､
実際に show message を表示することを表明したいのです｡
当ページに存在する｡
さて､ これを簡単に確認する方法は､ Chromeブラウザと言い､ タイトルではなく､ ページだけを確認したいのです｡
出典
そして､ ピッチソースは､ ここを右クリックして､ ビューページソースを見ると､ 簡単にわかります｡
は､ 単に私たちが見ているウェブサイト全体のHTML版です｡
どちらがショーを持つべきでしょうか｡
こうすることで､ うまくいけば12行目までがうまくいけば､ 何のエラーもなくtrueが得られるはずです｡
では､ それを実行してみましょう｡
わかりました｡
エラーは出ない｡
すべてが順調です｡
では､ 次に進みましょう｡
まず､ この入力を取り込みたいのです｡
だから検査するんです｡
あるいは､ これを閉じて､ もっと見やすくしましょう｡
そして使う｡
入力で検査する｡
ここの入力にはユーザーメッセージというIDがあるので､ これをIDで取得することができます（覚えていれば）｡
そして､ このチートシートにスクロールアップします｡
find element by IDメソッドを使って､ IDで要素を取得できることがわかります｡
では､ そうしましょう｡
と言うことにしています｡
Chromeブラウザ｡
Dot find element by IDで､ 取り出したいID名はユーザーメッセージでした｡
では､ そうしましょう｡
ユーザーメッセージということで
そして､ このIDを取得したら､ 最初にしたいことは､ ここに以前のユーザーのテキストがないことを確認することです｡
そこで､ 通常はインプットを取得する際に､ ユーザーメッセージのようなものを作成します｡
ここで､ user messageという新しい変数を作ってみましょう｡
そして､ 入力のどこにいてもユーザーメッセージドットクリア→クリアと言い､ そこから先は
あ､ これはこんな感じでアンダースコアにしましょうね｡
ユーザーメッセージの中で､ ユーザーがタイプしているようにこれらのキーストロークを送信して､
文字列を与えてください｡
Let's do I am extra cool.
それはちょっとバカバカしいけど､ それでいいはずだ｡
だから､ タイピングの真似をするんです｡
クリアした後のその入力に､ 余計に冷静になってしまうんです｡
では､ これがうまくいくかどうか見てみましょう｡
私は走ります｡
おっと
なんてかっこいいんでしょう｡
見えますか？
ボックスに自動入力するだけで､ 「私は特別にクールです」と表示されるのです｡
すごい｡
次のステップでは､ このボタンを取得し､ クリックをシミュレートして､ メッセージがここに表示されるようにしたいと思います｡
show messageをクリックすると､ このように印刷されるのがわかりますね｡
今､ たくさんのSeleniumブラウザを開いているようなので､ いくつかのブラウザを閉じましょう｡
そのほうがいい｡
これでもう一度､ ボタンを選択することができるようになったわけです｡
ですから､ このようにボタンを選択することができると覚えておいてください｡
でもまあ､ ボタンテキストと呼ぶのはやめましょう｡
ここでは､ 具体的に説明するのが好きなので､ これをショーメッセージボタンと呼ぶことにします｡
さて､ このショーメッセージボタンですが､ これは前にも掴んだことがありますね｡
まず､ やりたいこと｡
それは､ まあ､ クリックをシミュレートすることです｡
ただ､ それだけなんです｡
だから､ キーを送って､ クリックするんです｡
では､ その効果を見てみましょう｡
これを保存して走ります｡
うーん｡
うまくいかなかったようですね｡
何が起きたか確認させてください｡
名前をもらう｡
エラーボタンのテキストが定義されていません｡
ああ､ それはここのネーミングをプリント機能で修正しなかったからですね｡
では､ ここで名前を変えてみましょう｡
もう印刷する必要がないので､ 実はこれをコメントアウトすればいいんです｡
そして､ もう一度実行してみましょう｡
おっと
それも見えますか？
その速さに気づきましたか？
余計にカッコよくなりました｡
メッセージを表示するをクリックすると､ 私のメッセージが表示されるようになりました｡
とても､ かっこいいです｡
この情報を掴みたいと思ったとしよう｡
私たちにできることは何だろう？
もう一度言いますが､ 右クリックができるので､ デフォルトを使いましょう｡
右クリックでインスペクトしよう｡
そして､ もうお分かりだと思いますが､ これが簡単にできるようになってきたんです｡
displayのIDがあることがわかったので､ それを取得する｡
そして､ これが出力されるメッセージになると言ってください｡
そして､ 出力されるメッセージは､ 次のようになります｡
Chromeブラウザ｡
IDで要素をドット検索し､ 表示させる｡
そしておそらく､ これが機能していることを確認するために､ assertメソッドを実行して､
ちょっと､ I amを断言したいと思います｡
エクストラクール
Oはいくつあるんだ？
正しく見える4つのOが出力メッセージにあります｡
そして､ 実際にテキストを表示させたいので､ ここでget属性で行ったように内部のHTMLを表示させたり､
単にテキストと表示させたりすることができます｡
だから､ これを実行すると
放送はありません｡
今はすべてうまくいっています｡
これは簡単な例ですが､ すべてがあっという間に終わってしまったことにお気づきでしょうか？
つまり､ 人間がやるとしたら､ ここを選択して､ これを入力することになるんです｡
その後､ show messageをクリックすると､ ようやくメッセージが表示されます｡
テスト自動化がソフトウェア開発において重要な役割を果たす理由は､ 本当に､ 本当に速く物事を行うことができるからです｡
機械に極めて高速にブラウザを制御させるわけですから､ 何百万回でもテストができるわけです｡
クリックのシミュレーション､ 情報の入力など､ 人間ができることは何でもできます｡
Seleniumも同様に使用できます｡
さて､ もうひとつ､ ごく一般的な選択方法を紹介したいと思います｡
これまで､ IDによる要素の検索､ クラス名による要素の検索について見てきました｡
しかし､ もう一つ非常に便利なのが､ Chromeブラウザでクラス名の代わりに要素を見つけるドット検索というものです｡
CSSというものを使っています｡
そしてCSEセレクター｡
ここでCSISを学ぶのではなく､ ブラウザでCSISを学ぶのです｡
得られるスタイリングか｡
例えば､ ボタンを見てインスペクトすると､ このクラスはボタンボタンデフォルトを持っていることがわかります｡
そして､ 授業ではこれをCSISと呼んでいます｡
これは､ 私たちが求めるスタイルであることを伝えるものです｡
スタイル」タブの中に､ ボタン､ デフォルト､ ボタンがありますが､ これはウェブページのスタイルを制御するもので､
例えば､ このチェックを外すと､ ボタンが表示されます｡
私のボタン
さて､ 今はスタイリングがありません｡
これも一部チェックを外すと｡
ここでも､ ボタンのスタイリングは消えます｡
CSSセレクタは､ 自分でググるか､ 私が他のコースで教えているもので､ 実際にこれを使用することができるのです｡
このように､ デフォルトでボタンを取得する方法は､ CSSのクラス「dot」を使用することです｡
しかし､ これはCSSセレクタですが､ 例えば､ フォームの下にあるすべてのボタンを取得し､
入力を取得したい場合､ IDの略であるLBを使用します｡
入力を得る｡
そして､ IDがget inputであるフォームと､ 子ボタンであるものをすべて取得するように言います｡
ユーザーをやってもいいように｡
メッセージまたはユーザー｡
ボタンです｡
ここで､ 今これをプリントアウトして､ これに対するユーザーボタンはselectではなくselectorであるべきだったと言うことにします｡
それを解決しよう｡
見たか？
この要素もそのようにつかむことができるようになりました｡
わかりました｡
ちょっと休憩しましょう｡ 今､ 開いたばかりのウィンドウをご覧ください｡
これはちょっと正気とは思えませんね｡
そこで､ 次のビデオでは､ これらすべてを閉じる方法を紹介します｡
次回作で見ます｡
バイバイ｡