Use Playwright para automatizar y probar en Microsoft Edge

Playwright es una biblioteca Node.js para automatizar Chromium, Firefoxy WebKit con una única API. Playwright está creado para habilitar la automatización web entre exploradores que es perenne, capaz, confiable y rápida. Dado que Microsoft Edge se basaen la plataforma web de código Chromium de código abierto, Playwright también es capaz de automatizar Microsoft Edge.

Playwright inicia exploradores sin cabeza de forma predeterminada. Los exploradores sin cabeza no muestran una interfaz de usuario, por lo que debes usar la línea de comandos. También puedes configurar Playwright para que se ejecuten en modo completo (sin Microsoft Edge).

Instalar Playwright y exploradores

En primer lugar, instala Playwright Test para probar tu sitio web o aplicación:

npm i -D @playwright/test

Para instalar exploradores, ejecute el siguiente comando, que descarga Chromium, Firefoxy WebKit:

npx playwright install 

Ejecutar una prueba básica

El enfoque usado por Playwright será familiar para los usuarios de otros marcos de prueba de explorador, como WebDriver o Puppeteer. Puede crear una instancia del explorador, abrir una página en el explorador y, a continuación, manipular la página mediante la API de Playwright.

Playwright Test, que es el ejecutor de pruebas de Playwright, inicia un explorador y un contexto para ti. A continuación, se pasa una página aislada a todas las pruebas, como se muestra en la siguiente prueba básica:

// 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');
});

Ahora ejecute las pruebas de la siguiente manera:

npx playwright test

Para obtener más información acerca de la ejecución de pruebas, vea Playwright > Getting started.

Ejecutar pruebas en Microsoft Edge

Para ejecutar las pruebas en Microsoft Edge, debe crear un archivo de configuración para Playwright Test, como playwright.config.ts . Dentro del archivo de configuración, cree un proyecto mediante el canal beta de Microsoft Edge. (Actualmente, no hay un canal estable de Microsoft Edge para Linux).

// 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-beta',
      },
    },
  ],
};

export default config

Si Microsoft Edge Beta no está instalado en el sistema, instálelo a través de Playwright, como se muestra a continuación:

npx playwright install msedge-beta

Al usar el archivo playwright.config.ts anterior, Playwright Test usa Microsoft Edge para ejecutar las pruebas, de la siguiente manera:

npx playwright test --headed

Usar Playwright como biblioteca

También puede usar Playwright como biblioteca, como se muestra en el código siguiente. Este enfoque le permite usar un ejecutor de prueba diferente.

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

(async () => {
  const browser = await playwright.chromium.launch({
    channel: 'msedge-beta',
  });
  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 es una demostración sencilla de los escenarios de automatización y pruebas habilitados por Playwright. Para realizar capturas de pantalla en otros exploradores web, cambie el código anterior await playwright.chromium.launch del código siguiente:

Firefox:

  const browser = await playwright.firefox.launch({

WebKit:

  const browser = await playwright.webkit.launch({

Para obtener más información sobre Playwright y Playwright Test, vaya al sitio web de Playwright. Echa un vistazo al repositorio de Playwright en GitHub. Para compartir sus comentarios sobre cómo automatizar y probar su sitio web o aplicación con Playwright, presente un problema.