Pular para o conteúdo principal

Métodos

Os seguintes métodos são adicionados ao objeto global browser do WebdriverIO.

Métodos de Salvamento​

DICA

Use os Métodos de Salvamento apenas quando você não quiser comparar telas, mas apenas deseja ter uma captura de elemento/tela.

saveElement​

Salva uma imagem de um elemento.

Uso​

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

Suporte​

  • Navegadores Desktop
  • Navegadores Mobile
  • Aplicativos Híbridos Mobile
  • Aplicativos Nativos Mobile

Parâmetros​

  • element:
    • Obrigatório: Sim
    • Tipo: Elemento WebdriverIO
  • tag:
    • Obrigatório: Sim
    • Tipo: string
  • saveElementOptions:

Saída:​

Veja a página Saída de Teste.

saveScreen​

Salva uma imagem da viewport.

Uso​

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

Suporte​

  • Navegadores Desktop
  • Navegadores Mobile
  • Aplicativos Híbridos Mobile
  • Aplicativos Nativos Mobile

Parâmetros​

  • tag:
    • Obrigatório: Sim
    • Tipo: string
  • saveScreenOptions:

Saída:​

Veja a página Saída de Teste.

saveFullPageScreen​

Uso​

Salva uma imagem da tela completa.

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

Suporte​

  • Navegadores Desktop
  • Navegadores Mobile

Parâmetros​

  • tag:
    • Obrigatório: Sim
    • Tipo: string
  • saveFullPageScreenOptions:

Saída:​

Veja a página Saída de Teste.

saveTabbablePage​

Salva uma imagem da tela completa com as linhas e pontos navegáveis por tab.

Uso​

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

Suporte​

  • Navegadores Desktop

Parâmetros​

  • tag:
    • Obrigatório: Sim
    • Tipo: string
  • saveTabbableOptions:

Saída:​

Veja a página Saída de Teste.

Métodos de Verificação​

DICA

Quando os métodos check são usados pela primeira vez, você verá o aviso abaixo nos logs. Isso significa que você não precisa combinar os métodos save e check se quiser criar sua linha de base.

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

Compara uma imagem de um elemento com uma imagem de referência.

Uso​

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

Suporte​

  • Navegadores Desktop
  • Navegadores Mobile
  • Aplicativos Híbridos Mobile
  • Aplicativos Nativos Mobile

Parâmetros​

  • element:
    • Obrigatório: Sim
    • Tipo: Elemento WebdriverIO
  • tag:
    • Obrigatório: Sim
    • Tipo: string
  • checkElementOptions:

Saída:​

Veja a página Saída de Teste.

checkScreen​

Compara uma imagem da viewport com uma imagem de referência.

Uso​

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

Suporte​

  • Navegadores Desktop
  • Navegadores Mobile
  • Aplicativos Híbridos Mobile
  • Aplicativos Nativos Mobile

Parâmetros​

Saída:​

Veja a página Saída de Teste.

checkFullPageScreen​

Compara uma imagem da tela completa com uma imagem de referência.

Uso​

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

Suporte​

  • Navegadores Desktop
  • Navegadores Mobile

Parâmetros​

Saída:​

Veja a página Saída de Teste.

checkTabbablePage​

Compara uma imagem da tela completa com as linhas e pontos navegáveis por tab com uma imagem de referência.

Uso​

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

Suporte​

  • Navegadores Desktop

Parâmetros​

Saída:​

Veja a página Saída de Teste.

Welcome! How can I help?

WebdriverIO AI Copilot