Use o Playwright para automatizar e testar no Microsoft Edge

A biblioteca Playwright fornece automação entre navegadores por meio de uma única API.

O Playwright é uma biblioteca Node.js para automatizar Chromium, Firefox e WebKit com uma única API. O Playwright foi desenvolvido para permitir a automação da web entre navegadores que é perene, capaz, confiável e rápida. Como o Microsoft Edge é criado na plataforma web de código aberto Chromium, o Playwright também é capaz de automatizar o Microsoft Edge.

O Playwright inicia navegadores headless por padrão. Os navegadores headless não exibem uma interface do usuário, portanto, você deve usar a linha de comando. Você também pode configurar o Playwright para executar o Microsoft Edge completo (sem periféricos).

Instalar o Playwright e os navegadores

Observação

O Playwright requer Node.js versão 12 ou superior. Execute node -v a partir da linha de comando para verificar se você tem uma versão compatível do Node.js. Os binários do navegador para Chromium, Firefox e WebKit funcionam no Windows, macOS e Linux. Para obter mais informações, consulte Requisitos de sistema do Playwright.

Primeiro, instale o Playwright Test para testar seu site ou aplicativo:

npm i -D @playwright/test

Para instalar navegadores, execute o seguinte comando, que baixa o Chromium, o Firefox e o WebKit:

npx playwright install 

Executar um teste básico

A abordagem usada pela Playwright será familiar para usuários de outras estruturas de teste de navegador, como WebDriver ou Puppeteer. Você pode criar uma instância do navegador, abrir uma página no navegador e manipular a página usando a API Playwright.

O Playwright Test, que é o corredor de testes do Playwright, inicia um navegador e um contexto para você. Uma página isolada é então passada em cada teste, conforme mostrado no seguinte teste básico:

// tests/foo.spec.ts
import { test, expect } from '@playwright/test';

test('basic test', async ({ page }) => {
  await page.goto('https://playwright.dev/');
  const title = page.locator('.navbar__inner .navbar__title');
  await expect(title).toHaveText('Playwright');
});

Agora, execute seus testes, da seguinte maneira:

npx playwright test

Para obter mais informações sobre como executar testes, consulte Playwright > Getting started.

Executar testes no Microsoft Edge

Para executar seus testes no Microsoft Edge, você precisa criar um arquivo de configuração para o Playwright Test, como playwright.config.ts. Dentro do arquivo de configuração, crie um projeto usando o Microsoft Edge.

// playwright.config.ts
import { PlaywrightTestConfig } from '@playwright/test';

const config: PlaywrightTestConfig = {
  projects: [
    {
      name: 'Microsoft Edge',
      use: {
        // Supported Microsoft Edge channels are: msedge, msedge-beta, msedge-dev, msedge-canary
        channel: 'msedge',
      },
    },
  ],
};

export default config

Se o Microsoft Edge ainda não estiver instalado em seu sistema, instale-o por meio do Playwright, da seguinte maneira:

npx playwright install msedge

Ao usar o arquivo acima playwright.config.ts , o Playwright Test usa o Microsoft Edge para executar seus testes, da seguinte maneira:

npx playwright test --headed

Use o Playwright como uma biblioteca

Você também pode consumir o Playwright como uma biblioteca, conforme mostrado no código a seguir. Essa abordagem permite que você use um executor de teste diferente.

// example.js
const playwright = require('playwright');

(async () => {
  const browser = await playwright.chromium.launch({
    channel: 'msedge',
  });
  const context = await browser.newContext();
  const page = await context.newPage();
  await page.goto('https://www.microsoft.com/edge');
  await page.screenshot({ path: 'example.png' });

  await browser.close();
})();

example.js é uma demonstração simples dos cenários de automação e teste habilitados pela Playwright. Para fazer capturas de tela em outros navegadores da Web, altere o código acima para await playwright.chromium.launch o seguinte código:

Firefox:

  const browser = await playwright.firefox.launch({

WebKit:

  const browser = await playwright.webkit.launch({

Para obter mais informações sobre o Dramaturgo e o Teste do Dramaturgo, acesse o site do Dramaturgo. Confira o repositório Playwright no GitHub. Para compartilhar seus comentários sobre como automatizar e testar seu site ou aplicativo com a Playwright, registre um problema.

Consulte também

• Use o Playwright para automatizar e testar no WebView2