レスポンシブ Web デザインのテスト

レスポンシブ Web デザインに基づいて構築されたデスクトップ Web アプリケーションは、アプリケーションを表示する画面や Web ブラウザーのサイズに応じて、その外観が変化します。このようなテストでは、再生するウィンドウのサイズを適切に選択できないと、その安定性に多大な影響を与える可能性があります。

Silk Test Workbench では、次のタイミングでブラウザーウィンドウの正確なサイズを指定することができます。

Web アプリケーションに対して新しいプロジェクトを作成する時点
新しいビジュアルテストや .NET スクリプトを作成する時点
新しいテストを記録する時点
既存のテストに操作を記録する時点
Web アプリケーションに対するテストを再生する時点

次の設定を使用して、ブラウザーウィンドウのサイズを指定することができます。

ブラウザーサイズリストには、あらかじめ定義されたブラウザーウィンドウのサイズとカスタマイズしたサイズの両方が表示され、ここからテストで使用するサイズを選択できます。
向きリストでは、ブラウザーウィンドウの向きが横向きか縦向きかを選択できます。
ブラウザーサイズの編集をクリックすると、ブラウザーサイズリストにカスタムブラウザーサイズを追加したり、リストに表示するブラウザーサイズを選択することができます。
- 新しいカスタムブラウザーサイズをリストに追加するには、ブラウザーサイズの追加をクリックします。
- リストにサイズを表示しないようにするには、対応するチェックボックスをオフにします。
- 特定の Web アプリケーションのビジュアルブレークポイントをブラウザーサイズリストに追加するには、ビジュアルブレークポイントの検出をクリックします。

コマンドラインや Silk Central から Web アプリケーションに対するテストを再生する場合は、silktest.browserViewportSize 環境変数を設定してブラウザービューポートのサイズを指定できます。ブラウザーサイズリストで定義したブラウザーの名前や特定のサイズを指定することができます。

Imports SilkTest.ntf.Mobile をテストスクリプトで定義すると、テストスクリプトで直接ブラウザーのサイズを変更できます：

' VB .NET code
With .BrowserWindow("BrowserWindow")
  .SetViewportName("Google Pixel 2")
  .SetViewportSize(800, 300)
End With

例：自動再生するブラウザーサイズに名前を使用して指定する場合

ブラウザーサイズリストの SVGA エントリを使用して、ブラウザーサイズを SVGA (800, 600) に設定するサンプルコードを以下に示します。

SET silktest.browserViewportSize=name=SVGA;orientation=landscape
STW.exe –script MyScript

次のコマンドを使用して、特定のブラウザーとビューポートサイズを指定することもできます。

STW –dsn silktest –browser InternetExplorer –script MyScript -viewportname SVGA

例：自動再生するブラウザーサイズに幅と高さを使用して指定する場合

width と height パラメータをを使用して、ブラウザーサイズを SVGA (800, 600) に設定するサンプルコードを以下に示します。

SET silktest.browserViewportSize=width=800;height=600;orientation=landscape
STW.exe –script MyScript

次のコマンドを使用して、特定のブラウザーとビューポートサイズを指定することもできます。

STW –dsn silktest –browser InternetExplorer –script MyScript -viewportwidth 800 -vieportheight 600

レスポンシブ Web デザインのテスト

例：自動再生するブラウザー サイズに名前を使用して指定する場合

例：自動再生するブラウザー サイズに幅と高さを使用して指定する場合

例：自動再生するブラウザーサイズに名前を使用して指定する場合

例：自動再生するブラウザーサイズに幅と高さを使用して指定する場合