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 criado para ativar a automatização Web entre browsers que é sempre verde, capaz, fiável e rápida. Uma vez que o Microsoft Edge é criado na plataforma Web Chromium open source, o Playwright também é capaz de automatizar o Microsoft Edge.

O Playwright inicia browsers sem cabeça por predefinição. Os browsers sem cabeça não apresentam uma IU, pelo que, em vez disso, tem de utilizar a linha de comandos. Também pode configurar o Playwright para executar o Microsoft Edge completo (sem cabeça).

Instalar o Playwright e browsers

Primeiro, instale o Playwright Test para testar o seu site ou aplicação:

npm i -D @playwright/test

Para instalar browsers, execute o seguinte comando, que transfere Chromium, Firefox e WebKit:

npx playwright install 

Executar um teste básico

A abordagem utilizada pelo Playwright será familiar para os utilizadores de outras arquiteturas de teste do browser, como o WebDriver ou o Puppeteer. Pode criar uma instância do browser, abrir uma página no browser e, em seguida, manipular a página com a API do Playwright.

O Playwright Test, que é o test-runner da Playwright, inicia um browser e contexto para si. Em seguida, uma página isolada é transmitida para todos os testes, 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 os testes da seguinte forma:

npx playwright test

Para obter mais informações sobre a execução de testes, consulte o artigo Introdução ao Playwright>.

Executar testes no Microsoft Edge

Para executar os testes no Microsoft Edge, tem de criar um ficheiro de configuração para o Playwright Test, como playwright.config.ts. Dentro do ficheiro de configuração, crie um projeto com 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 no seu sistema, instale-o através do Playwright, da seguinte forma:

npx playwright install msedge

Ao utilizar o ficheiro acima playwright.config.ts , o Playwright Test utiliza o Microsoft Edge para executar os seus testes, da seguinte forma:

npx playwright test --headed

Utilizar o Playwright como biblioteca

Também pode consumir o Playwright como uma biblioteca, conforme mostrado no seguinte código. Esta abordagem permite-lhe utilizar um test-runner 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 automatização e teste que são ativados pelo Playwright. Para efetuar capturas de ecrã noutros browsers, altere o código acima de await playwright.chromium.launch para 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 Playwright and Playwright Test, aceda ao site do Playwright. Veja o repositório do Playwright no GitHub. Para partilhar o seu feedback sobre como automatizar e testar o seu site ou aplicação com o Playwright, envie um problema.

Consulte também

• Utilizar o Playwright para automatizar e testar no WebView2