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

メソッド

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

保存メソッド​

ヒント

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

saveElement​

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

使用方法​

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

サポート​

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

パラメータ​

  • element:
    • 必須: はい
    • 型: WebdriverIO Element
  • tag:
    • 必須: はい
    • 型: string
  • saveElementOptions:

出力:​

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

saveScreen​

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

使用方法​

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

サポート​

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

パラメータ​

  • tag:
    • 必須: はい
    • 型: string
  • saveScreenOptions:

出力:​

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

saveFullPageScreen​

使用方法​

完全なスクリーンの画像を保存します。

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

サポート​

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

パラメータ​

  • tag:
    • 必須: はい
    • 型: string
  • saveFullPageScreenOptions:

出力:​

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

saveTabbablePage​

タブ可能なラインとドットを含む完全なスクリーンの画像を保存します。

使用方法​

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

サポート​

  • デスクトップブラウザ

パラメータ​

  • tag:
    • 必須: はい
    • 型: string
  • 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 Element
  • tag:
    • 必須: はい
    • 型: string
  • 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
    {
        // ...
    }
);

サポート​

  • デスクトップブラウザ

パラメータ​

出力:​

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

Welcome! How can I help?

WebdriverIO AI Copilot