7. WebDriver APIをラップしたテストシナリオ
このサンプルは、「6. WebDriver APIを直接使用するテストシナリオ」と同じ処理を、WebDriver APIをラップするCommanderクラスを利用して記述したものです。
直接WebDriver APIを使用する場合に比べ、記述量が少なくなるだけではなく、HTMLエレメントの参照を保存する変数が不要になり1操作が1行で表現されるため全体の見通しが良くなっています。
const {Commander} = require("./commander.js");
const { Builder, Capabilities, Key } = require("selenium-webdriver");
(async function doTest() {
let driver = null;
try {
console.log("capabilitiesの設定");
const capabilities = new Capabilities()
.set("scriptFilter",["\\.html"])
.setBrowserName("safari+G.O");
console.log("WebDriverへ接続");
driver = new Builder()
.usingServer("http://192.168.1.147:7000/wd/hub")
.withCapabilities(capabilities)
.build();
const cmd = new Commander(driver);
console.log("テスト対象アプリのindex.htmlをロード");
await cmd.get("http://dev01.nexaweb.co.jp/GHOST_Operator/demo/index.html");
// 「トップメニュー」のクリックによるalert表示
console.log("「トップメニュー」の表示を待ちクリック");
await cmd.mouseClick("</html/body/div[1]/header/div/h1", null,3000);
console.log("Alertを待機");
await cmd.waitAlert(1000);
console.log("Alertを閉じる");
await cmd.dismissAlert();
// JavaScriptによる値の取得
console.log("appData変数の値を取得");
if(await cmd.executeScript('return appData;')!== "hello") {
throw new Error("appData is not true. appData=" + appData);
}
// アコーディオンメニューの選択
console.log("「問合せボタン」をクリック");
await cmd.mouseClick("</html/body/ul/li[4]/div");
console.log("「ユーザ登録」の表示を待つ");
await cmd.waitVisible("#userreg", 3000);
console.log("「ユーザ登録」の表示OK");
// スクリーンキャプチャによるメニュー表示テスト
console.log("スクリーンキャプチャのために「ユーザ登録」の安定を待つ");
await cmd.delay(700);
console.log("スクリーンキャプチャによるメニュー表示テスト");
await cmd.takeScreenshot({compare:"a4cc7834d3f1df879ee9361eb73943735a05792b6a1ed72671692e83ad074bd8", saveOnError:"images/snapshot.png"});
console.log("「ユーザ登録」をクリック");
await cmd.mouseClick("#userreg");
console.log("ページ遷移を待つ");
await cmd.waitURL(/^http.*\/demo\/reg\.html$/,1000);
console.log("マウス座標をリセット");
await cmd.resetMousePosition();
console.log("「お名前」入力欄の表示をクリック");
await cmd.mouseClick("#name1");
await cmd.delay(100);
console.log("「お名前」の入力");
await cmd.sendKeys(null,["[HanjaMode On]yamada",Key.SPACE,Key.RETURN," "]);
await cmd.sendKeys(null,["tarou",Key.SPACE,Key.RETURN,"[HanjaMode Off]"]);
await cmd.sendKeys(null,Key.TAB);
console.log("「メールアドレス」の入力");
await cmd.sendKeys(null,["Tarou.Yamada@nexaweb.com",Key.COMMAND,"ac"]);
await cmd.sendKeys(null,Key.TAB);
console.log("「メールアドレス（確認用）」の入力");
await cmd.sendKeys(null,[Key.COMMAND, "v"]);
await cmd.sendKeys(null,Key.TAB);
console.log("「電話番号」の入力");
await cmd.sendKeys(null,"080-4321-8765");
console.log("「男性」を選択");
await cmd.mouseClick("</html/body/div[2]/form/div/div[5]/div/label[1]/input");
console.log("「職業」をクリック");
await cmd.mouseClick("#job");
console.log("「職業」のセレクタ表示を待つ");
await cmd.delay(500);
console.log("「Webデザイナ」を選択");
await cmd.mouseClick("#job",{x:250,y:-250});
console.log("「デザインについて」を選択");
await cmd.mouseClick("</html/body/div[2]/form/div/div[7]/div[1]/label/input");
console.log("「マーケティングについて」を選択");
await cmd.mouseClick("</html/body/div[2]/form/div/div[7]/div[3]/label/input");
console.log("「送信する」をクリック");
await cmd.mouseClick("</html/body/div[2]/form/div/button");
console.log("ページ遷移を待つ");
await cmd.waitURL(/^http.*\/demo\/result\.html\?.*$/,3000);
console.log("ページ遷移完了");
console.log("テスト正常終了");
} catch (e) {
console.log(e);
} finally {
if(driver !== null)
await driver.quit();
}
})();
￥※ このサンプルの関連ファイルSeleniumSamples.zipのsec7_wrappedAPIに収められています。