Methoden

Die folgenden Methoden werden dem globalen WebdriverIO browser-Objekt hinzugefügt.

Speichermethoden

TIPP

Verwenden Sie die Speichermethoden nur, wenn Sie Bildschirme nicht vergleichen, sondern nur einen Element-/Screenshot haben möchten.

saveElement

Speichert ein Bild eines Elements.

Verwendung

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

Unterstützung

• Desktop-Browser
• Mobile Browser
• Mobile Hybride Apps
• Mobile Native Apps

Parameter

• element:
  • Obligatorisch: Ja
  • Typ: WebdriverIO Element
• tag:
  • Obligatorisch: Ja
  • Typ: string
• saveElementOptions:
  • Obligatorisch: Nein
  • Typ: Ein Objekt mit Optionen, siehe Speicheroptionen

Ausgabe:

Siehe die Seite Testausgabe.

saveScreen

Speichert ein Bild eines Viewports.

Verwendung

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

Unterstützung

• Desktop-Browser
• Mobile Browser
• Mobile Hybride Apps
• Mobile Native Apps

Parameter

• tag:
  • Obligatorisch: Ja
  • Typ: string
• saveScreenOptions:
  • Obligatorisch: Nein
  • Typ: Ein Objekt mit Optionen, siehe Speicheroptionen

Ausgabe:

Siehe die Seite Testausgabe.

saveFullPageScreen

Verwendung

Speichert ein Bild des vollständigen Bildschirms.

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

Unterstützung

• Desktop-Browser
• Mobile Browser

Parameter

• tag:
  • Obligatorisch: Ja
  • Typ: string
• saveFullPageScreenOptions:
  • Obligatorisch: Nein
  • Typ: Ein Objekt mit Optionen, siehe Speicheroptionen

Ausgabe:

Siehe die Seite Testausgabe.

saveTabbablePage

Speichert ein Bild des vollständigen Bildschirms mit den tabulierbaren Linien und Punkten.

Verwendung

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

Unterstützung

• Desktop-Browser

Parameter

• tag:
  • Obligatorisch: Ja
  • Typ: string
• saveTabbableOptions:
  • Obligatorisch: Nein
  • Typ: Ein Objekt mit Optionen, siehe Speicheroptionen

Ausgabe:

Siehe die Seite Testausgabe.

Prüfmethoden

TIPP

#####################################################################################
 Baseline-Bild nicht gefunden, speichern Sie das aktuelle Bild manuell als Baseline.
 Das Bild finden Sie hier:
 /Users/wswebcreation/project/.tmp/actual/desktop_chrome/examplePage-chrome-latest-1366x768.png
 Wenn Sie möchten, dass das Modul ein nicht existierendes Bild automatisch in der Baseline speichert,
 können Sie 'autoSaveBaseline: true' zu den Optionen hinzufügen.
#####################################################################################

checkElement

Vergleicht ein Bild eines Elements mit einem Baseline-Bild.

Verwendung

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

Unterstützung

• Desktop-Browser
• Mobile Browser
• Mobile Hybride Apps
• Mobile Native Apps

Parameter

• element:
  • Obligatorisch: Ja
  • Typ: WebdriverIO Element
• tag:
  • Obligatorisch: Ja
  • Typ: string
• checkElementOptions:
  • Obligatorisch: Nein
  • Typ: Ein Objekt mit Optionen, siehe Vergleichs-/Prüfoptionen

Ausgabe:

Siehe die Seite Testausgabe.

checkScreen

Vergleicht ein Bild eines Viewports mit einem Baseline-Bild.

Verwendung

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

Unterstützung

• Desktop-Browser
• Mobile Browser
• Mobile Hybride Apps
• Mobile Native Apps

Parameter

• tag:
  • Obligatorisch: Ja
  • Typ: string
• checkScreenOptions:
  • Obligatorisch: Nein
  • Typ: Ein Objekt mit Optionen, siehe Vergleichs-/Prüfoptionen

Ausgabe:

Siehe die Seite Testausgabe.

checkFullPageScreen

Vergleicht ein Bild des vollständigen Bildschirms mit einem Baseline-Bild.

Verwendung

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

Unterstützung

• Desktop-Browser
• Mobile Browser

Parameter

• tag:
  • Obligatorisch: Ja
  • Typ: string
• checkFullPageOptions:
  • Obligatorisch: Nein
  • Typ: Ein Objekt mit Optionen, siehe Vergleichs-/Prüfoptionen

Ausgabe:

Siehe die Seite Testausgabe.

checkTabbablePage

Vergleicht ein Bild des vollständigen Bildschirms mit den tabulierbaren Linien und Punkten mit einem Baseline-Bild.

Verwendung

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

Unterstützung

• Desktop-Browser

Parameter

• tag:
  • Obligatorisch: Ja
  • Typ: string
• checkTabbableOptions:
  • Obligatorisch: Nein
  • Typ: Ein Objekt mit Optionen, siehe Vergleichs-/Prüfoptionen

Ausgabe:

Siehe die Seite Testausgabe.