Auf Englisch lesen

Freigeben über


Verwenden von Playwright zum Automatisieren und Testen in Microsoft Edge

Die Playwright-Bibliothek bietet browserübergreifende Automatisierung über eine einzelne API.

Playwright ist eine Node.js Bibliothek zum Automatisieren von Chromium, Firefox und WebKit mit einer einzigen API. Playwright wurde entwickelt, um browserübergreifende Webautomatisierung zu ermöglichen, die immergrün, fähig, zuverlässig und schnell ist. Da Microsoft Edge auf der Open-Source-Chromium-Webplattform basiert, ist Playwright auch in der Lage, Microsoft Edge zu automatisieren.

Playwright startet standardmäßig headless-Browser . Headless-Browser zeigen keine Benutzeroberfläche an, daher müssen Sie stattdessen die Befehlszeile verwenden. Sie können Playwright auch so konfigurieren, dass Microsoft Edge auch vollständig (ohne Kopf) ausgeführt wird.

Installieren von Playwright und Browsern

Hinweis

Playwright erfordert Node.js Version 12 oder höher. Führen Sie node -v über die Befehlszeile aus, um sicherzustellen, dass Sie über eine kompatible Version von Node.js verfügen. Die Browserbinärdateien für Chromium, Firefox und WebKit funktionieren unter Windows, macOS und Linux. Weitere Informationen finden Sie unter Playwright-Systemanforderungen.

Installieren Sie zunächst Playwright Test , um Ihre Website oder App zu testen:

npm i -D @playwright/test

Führen Sie zum Installieren von Browsern den folgenden Befehl aus, der Chromium, Firefox und WebKit herunterlädt:

npx playwright install 

Ausführen eines grundlegenden Tests

Der von Playwright verwendete Ansatz wird Benutzern anderer Browsertestframeworks wie WebDriver oder Puppeteer vertraut sein. Sie können eine instance des Browsers erstellen, eine Seite im Browser öffnen und die Seite dann mithilfe der Playwright-API bearbeiten.

Playwright Test, der Test-Runner von Playwright, startet einen Browser und Kontext für Sie. Eine isolierte Seite wird dann an jeden Test übergeben, wie im folgenden grundlegenden Test gezeigt:

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

Führen Sie nun Ihre Tests wie folgt aus:

npx playwright test

Weitere Informationen zum Ausführen von Tests finden Sie unter Erste Schritte mit Playwright>.

Ausführen von Tests in Microsoft Edge

Um Ihre Tests in Microsoft Edge auszuführen, müssen Sie eine Konfigurationsdatei für Playwright-Test erstellen, z playwright.config.ts. B. . Erstellen Sie in der Konfigurationsdatei ein Projekt mit 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

Wenn Microsoft Edge noch nicht auf Ihrem System installiert ist, installieren Sie es wie folgt über Playwright:

npx playwright install msedge

Wenn Sie die obige playwright.config.ts Datei verwenden, verwendet Playwright Test Microsoft Edge, um Ihre Tests wie folgt auszuführen:

npx playwright test --headed

Verwenden von Playwright als Bibliothek

Sie können Playwright auch als Bibliothek nutzen, wie im folgenden Code gezeigt. Bei diesem Ansatz können Sie einen anderen Test-Runner verwenden.

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

Die von example.jserzeugte example.png-Datei

example.js ist eine einfache Demonstration der Automatisierungs- und Testszenarien, die von Playwright aktiviert werden. Um Screenshots in anderen Webbrowsern zu erstellen, ändern Sie den obigen Code von in await playwright.chromium.launch den folgenden Code:

Firefox:

  const browser = await playwright.firefox.launch({

Webkit:

  const browser = await playwright.webkit.launch({

Weitere Informationen zum Playwright- und Playwright-Test finden Sie auf der Playwright-Website. Sehen Sie sich das Playwright-Repository auf GitHub an. Um Ihr Feedback zum Automatisieren und Testen Ihrer Website oder App mit Playwright zu teilen, melden Sie ein Problem.

Weitere Informationen