メインコンテンツへスキップ

メソッド

以下のメソッドは、グローバルな WebdriverIO の browser オブジェクトに追加されます。

保存メソッド​

ヒント

画面を比較するのではなく、要素やスクリーンショットのみを取得したい場合は、保存メソッドのみを使用してください。

saveElement​

要素の画像を保存します。

使用方法​

await browser.saveElement(
    // element
    await $('#element-selector'),
    // tag
    'your-reference',
    // saveElementOptions
    {
        // ...
    }
);

サポート​

  • デスクトップブラウザ
  • モバイルブラウザ
  • モバイルハイブリッドアプリ
  • モバイルネイティブアプリ

パラメータ​

  • element:
    • 必須: はい
    • 型: WebdriverIO要素
  • tag:
    • 必須: はい
    • 型: 文字列
  • saveElementOptions:

出力:​

テスト出力のページを参照してください。

saveScreen​

ビューポートの画像を保存します。

使用方法​

await browser.saveScreen(
    // tag
    'your-reference',
    // saveScreenOptions
    {
        // ...
    }
);

サポート​

  • デスクトップブラウザ
  • モバイルブラウザ
  • モバイルハイブリッドアプリ
  • モバイルネイティブアプリ

パラメータ​

  • tag:
    • 必須: はい
    • 型: 文字列
  • saveScreenOptions:

出力:​

テスト出力のページを参照してください。

saveFullPageScreen​

使用方法​

画面全体の画像を保存します。

await browser.saveFullPageScreen(
    // tag
    'your-reference',
    // saveFullPageScreenOptions
    {
        // ...
    }
);

サポート​

  • デスクトップブラウザ
  • モバイルブラウザ

パラメータ​

  • tag:
    • 必須: はい
    • 型: 文字列
  • saveFullPageScreenOptions:

出力:​

テスト出力のページを参照してください。

saveTabbablePage​

タブ移動可能な線と点を含む画面全体の画像を保存します。

使用方法​

await browser.saveTabbablePage(
    // tag
    'your-reference',
    // saveTabbableOptions
    {
        // ...
    }
);

サポート​

  • デスクトップブラウザ

パラメータ​

  • tag:
    • 必須: はい
    • 型: 文字列
  • saveTabbableOptions:

出力:​

テスト出力のページを参照してください。

チェックメソッド​

ヒント

checkメソッドを初めて使用すると、ログに以下の警告が表示されます。これは、ベースラインを作成したい場合にsaveメソッドとcheckメソッドを組み合わせる必要がないことを意味します。

#####################################################################################
 Baseline image not found, save the actual image manually to the baseline.
 The image can be found here:
 /Users/wswebcreation/project/.tmp/actual/desktop_chrome/examplePage-chrome-latest-1366x768.png
 If you want the module to auto save a non existing image to the baseline you
 can provide 'autoSaveBaseline: true' to the options.
#####################################################################################

checkElement​

要素の画像をベースライン画像と比較します。

使用方法​

await browser.checkElement(
    // element
    '#element-selector',
    // tag
    'your-reference',
    // checkElementOptions
    {
        // ...
    }
);

サポート​

  • デスクトップブラウザ
  • モバイルブラウザ
  • モバイルハイブリッドアプリ
  • モバイルネイティブアプリ

パラメータ​

  • element:
    • 必須: はい
    • 型: WebdriverIO要素
  • tag:
    • 必須: はい
    • 型: 文字列
  • checkElementOptions:

出力:​

テスト出力のページを参照してください。

checkScreen​

ビューポートの画像をベースライン画像と比較します。

使用方法​

await browser.checkScreen(
    // tag
    'your-reference',
    // checkScreenOptions
    {
        // ...
    }
);

サポート​

  • デスクトップブラウザ
  • モバイルブラウザ
  • モバイルハイブリッドアプリ
  • モバイルネイティブアプリ

パラメータ​

出力:​

テスト出力のページを参照してください。

checkFullPageScreen​

画面全体の画像をベースライン画像と比較します。

使用方法​

await browser.checkFullPageScreen(
    // tag
    'your-reference',
    // checkFullPageOptions
    {
        // ...
    }
);

サポート​

  • デスクトップブラウザ
  • モバイルブラウザ

パラメータ​

出力:​

テスト出力のページを参照してください。

checkTabbablePage​

タブ移動可能な線と点を含む画面全体の画像をベースライン画像と比較します。

使用方法​

await browser.checkTabbablePage(
    // tag
    'your-reference',
    // checkTabbableOptions
    {
        // ...
    }
);

サポート​

  • デスクトップブラウザ

パラメータ​

出力:​

テスト出力のページを参照してください。

ようこそ！何かお手伝いできることはありますか？

WebdriverIO AI Copilot