Metodi

I seguenti metodi vengono aggiunti all'oggetto globale browser di WebdriverIO.

Metodi di salvataggio

SUGGERIMENTO

Utilizza i metodi di salvataggio solo quando non vuoi confrontare schermate, ma desideri solo avere uno screenshot di un elemento/schermata.

saveElement

Salva un'immagine di un elemento.

Utilizzo

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

Supporto

• Browser Desktop
• Browser Mobile
• App Ibride Mobile
• App Native Mobile

Parametri

• element:
  • Obbligatorio: Sì
  • Tipo: Elemento WebdriverIO
• tag:
  • Obbligatorio: Sì
  • Tipo: string
• saveElementOptions:
  • Obbligatorio: No
  • Tipo: un oggetto di opzioni, vedi Opzioni di salvataggio

Output:

Vedi la pagina Output di Test.

saveScreen

Salva un'immagine di una viewport.

Utilizzo

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

Supporto

• Browser Desktop
• Browser Mobile
• App Ibride Mobile
• App Native Mobile

Parametri

• tag:
  • Obbligatorio: Sì
  • Tipo: string
• saveScreenOptions:
  • Obbligatorio: No
  • Tipo: un oggetto di opzioni, vedi Opzioni di salvataggio

Output:

Vedi la pagina Output di Test.

saveFullPageScreen

Utilizzo

Salva un'immagine della schermata completa.

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

Supporto

• Browser Desktop
• Browser Mobile

Parametri

• tag:
  • Obbligatorio: Sì
  • Tipo: string
• saveFullPageScreenOptions:
  • Obbligatorio: No
  • Tipo: un oggetto di opzioni, vedi Opzioni di salvataggio

Output:

Vedi la pagina Output di Test.

saveTabbablePage

Salva un'immagine della schermata completa con le linee e i punti tabbabili.

Utilizzo

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

Supporto

• Browser Desktop

Parametri

• tag:
  • Obbligatorio: Sì
  • Tipo: string
• saveTabbableOptions:
  • Obbligatorio: No
  • Tipo: un oggetto di opzioni, vedi Opzioni di salvataggio

Output:

Vedi la pagina Output di Test.

Metodi di controllo

SUGGERIMENTO

Quando i metodi check vengono utilizzati per la prima volta, vedrai l'avviso sottostante nei log. Questo significa che non è necessario combinare i metodi save e check se vuoi creare la tua baseline.

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

Confronta un'immagine di un elemento con un'immagine di riferimento.

Utilizzo

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

Supporto

• Browser Desktop
• Browser Mobile
• App Ibride Mobile
• App Native Mobile

Parametri

• element:
  • Obbligatorio: Sì
  • Tipo: Elemento WebdriverIO
• tag:
  • Obbligatorio: Sì
  • Tipo: string
• checkElementOptions:
  • Obbligatorio: No
  • Tipo: un oggetto di opzioni, vedi Opzioni di confronto/controllo

Output:

Vedi la pagina Output di Test.

checkScreen

Confronta un'immagine di una viewport con un'immagine di riferimento.

Utilizzo

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

Supporto

• Browser Desktop
• Browser Mobile
• App Ibride Mobile
• App Native Mobile

Parametri

• tag:
  • Obbligatorio: Sì
  • Tipo: string
• checkScreenOptions:
  • Obbligatorio: No
  • Tipo: un oggetto di opzioni, vedi Opzioni di confronto/controllo

Output:

Vedi la pagina Output di Test.

checkFullPageScreen

Confronta un'immagine della schermata completa con un'immagine di riferimento.

Utilizzo

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

Supporto

• Browser Desktop
• Browser Mobile

Parametri

• tag:
  • Obbligatorio: Sì
  • Tipo: string
• checkFullPageOptions:
  • Obbligatorio: No
  • Tipo: un oggetto di opzioni, vedi Opzioni di confronto/controllo

Output:

Vedi la pagina Output di Test.

checkTabbablePage

Confronta un'immagine della schermata completa con le linee e i punti tabbabili con un'immagine di riferimento.

Utilizzo

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

Supporto

• Browser Desktop

Parametri

• tag:
  • Obbligatorio: Sì
  • Tipo: string
• checkTabbableOptions:
  • Obbligatorio: No
  • Tipo: un oggetto di opzioni, vedi Opzioni di confronto/controllo

Output:

Vedi la pagina Output di Test.