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

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

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

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

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

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

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

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

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

// C# code
BrowserApplication webBrowser = _desktop.BrowserApplication("demo_borland_com");
BrowserWindow browserWindow = webBrowser.BrowserWindow("BrowserWindow");
browserWindow.SetViewportName("Google Pixel 2", SilkTest.Ntf.Mobile.DisplayOrientation.Landscape);
browserWindow.SetViewportSize(800, 300);

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

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

SET silktest.browserViewportSize=name=SVGA;orientation=landscape

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

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

SET silktest.browserViewportSize=width=800;height=600;orientation=landscape

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

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

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

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

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