パスファイルの作成
テストシナリオ
以下のテストシナリオを使用して、最初のパスファイルを作成します。
learn.liferay.comの記事に自分の名前が表示されないことをテストします。 下記の手順で行います。 別のブラウザで手動で操作して手順を確認してください。
-
Liferay Learn サイトに移動します。
-
検索入力フィールドをクリックします。
-
検索キーワードに自分の名前を入力してください。
-
Enterキーを押して、検索キーワードを入力します。
-
検索結果がないことをアサートします。 自分の名前で検索して結果が出る場合は、他の名前を選択してください。
-
利用できる記事がないというメッセージが表示されることをアサートします。
ロケーターを集める
与えられたテストシナリオから、テストが相互作用する必要がある要素を集めます。
-
Liferay LearnサイトのURLが必要です。
http://learn.liferay.com. -
ブラウザのWeb Developer Consoleを開きます（F12。これにより、DOMが表示されます）。 コンソールには矢印のついたアイコンが表示され、検索バーを調べてロケーターを取得することができます。 これをセレクターと呼びます。
-
セレクターアイコンで検索バーをクリックし、DOMのハイライト部分からロケーターを決定します。 この場合は、
//input[@placeholder="Search..."]を使用します。 -
名前を検索すると、検索結果ページに移動します。
-
再度、Web 開発者コンソールのセレクター アイコンを使用して、 “結果なし” メッセージをクリックし、パスを決定します。 この場合は、
//h1[contains(.,'結果が見つかりませんでした。')]を使用します。 -
追加のアサーションについては、確実に結果が出る用語を検索します。たとえば、用語 “Staging”を検索します。 検索結果が表示されたら、セレクターアイコンを使って、結果の1つのパスを取得することができます。 この場合、
//input[@data-qa-id='searchInput' and @value='Staging']を使用します。 ‘「ステージング」という用語はこの検索結果に固有のものであり、パスを他のシナリオで使用するには柔軟性が欠けていることに注意してください。 このパスを再利用できるようにするには、テストケースから渡すことができる変数を使用します://input[@data-qa-id='searchInput' and @value='${key_searchTerm}']。 詳細については、 変数の使用 を参照してください。
パスファイルの構築
-
poshi-standalone/poshi-tests/pathsディレクトリにある空のファイルから始め、LiferayLearn.pathという名前を付けます。 -
htmlタグを追加してテーブルを作成し、タイトルとテーブルのヘッダーにファイル名を追加してください。
-
以下の例のように、ロケーターに名前を付けて、各行にxpathを追加します。
<html>
<head>
<title>LiferayLearn</title>
</head>
<body>
<table border="1" cellpadding="1" cellspacing="1">
<thead>
<tr><td rowspan="1" colspan="3">LiferayLearn</td></tr>
</thead>
<tbody>
<tr>
<td>NO_RESULTS_MESSAGE</td>
<td>//h1[contains(.,'No results were found.')]</td>
<td></td>
</tr>
<tr>
<td>SEARCH_BAR</td>
<td>//input[@placeholder="Search..."]</td>
<td></td>
</tr>
<tr>
<td>SEARCH_RESULTS</td>
<td>//input[@data-qa-id='searchInput' and @value='${key_searchTerm}']</td>
<td></td>
</tr>
</tbody>
</table>
</body>
</html>