Hoppa till huvudinnehåll

Metoder

Följande metoder läggs till i det globala WebdriverIO browser-objektet.

Sparmetoder​

TIPS

Använd endast Sparmetoderna när du inte vill jämföra skärmar, utan bara vill ha en element-/skärmbild.

saveElement​

Sparar en bild av ett element.

Användning​

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

Stöd​

  • Desktop-webbläsare
  • Mobila webbläsare
  • Mobila hybridappar
  • Mobila nativa appar

Parametrar​

  • element:
    • Obligatorisk: Ja
    • Typ: WebdriverIO Element
  • tag:
    • Obligatorisk: Ja
    • Typ: string
  • saveElementOptions:

Output:​

Se sidan Testresultat.

saveScreen​

Sparar en bild av en viewport.

Användning​

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

Stöd​

  • Desktop-webbläsare
  • Mobila webbläsare
  • Mobila hybridappar
  • Mobila nativa appar

Parametrar​

  • tag:
    • Obligatorisk: Ja
    • Typ: string
  • saveScreenOptions:

Output:​

Se sidan Testresultat.

saveFullPageScreen​

Användning​

Sparar en bild av hela skärmen.

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

Stöd​

  • Desktop-webbläsare
  • Mobila webbläsare

Parametrar​

  • tag:
    • Obligatorisk: Ja
    • Typ: string
  • saveFullPageScreenOptions:

Output:​

Se sidan Testresultat.

saveTabbablePage​

Sparar en bild av hela skärmen med tabbningsbara linjer och punkter.

Användning​

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

Stöd​

  • Desktop-webbläsare

Parametrar​

  • tag:
    • Obligatorisk: Ja
    • Typ: string
  • saveTabbableOptions:

Output:​

Se sidan Testresultat.

Kontrollmetoder​

TIPS

När check-metoderna används för första gången kommer du att se varningen nedan i loggarna. Detta betyder att du inte behöver kombinera save- och check-metoderna om du vill skapa din baslinje.

#####################################################################################
 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​

Jämför en bild av ett element mot en baslinjesbild.

Användning​

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

Stöd​

  • Desktop-webbläsare
  • Mobila webbläsare
  • Mobila hybridappar
  • Mobila nativa appar

Parametrar​

  • element:
    • Obligatorisk: Ja
    • Typ: WebdriverIO Element
  • tag:
    • Obligatorisk: Ja
    • Typ: string
  • checkElementOptions:

Output:​

Se sidan Testresultat.

checkScreen​

Jämför en bild av en viewport mot en baslinjesbild.

Användning​

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

Stöd​

  • Desktop-webbläsare
  • Mobila webbläsare
  • Mobila hybridappar
  • Mobila nativa appar

Parametrar​

Output:​

Se sidan Testresultat.

checkFullPageScreen​

Jämför en bild av hela skärmen mot en baslinjesbild.

Användning​

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

Stöd​

  • Desktop-webbläsare
  • Mobila webbläsare

Parametrar​

Output:​

Se sidan Testresultat.

checkTabbablePage​

Jämför en bild av hela skärmen med tabbningsbara linjer och punkter mot en baslinjesbild.

Användning​

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

Stöd​

  • Desktop-webbläsare

Parametrar​

Output:​

Se sidan Testresultat.

Welcome! How can I help?

WebdriverIO AI Copilot