Verwenden von Playwright zum Automatisieren und Testen in Microsoft Edge

[Playwright][|::ref1::|Main] ist eine Node.jsBibliothek zum Automatisieren von Chromium, Firefoxund [WebKit][|::ref2::|Main] mit einer einzigen API. Playwright wurde entwickelt, um browserübergreifende Webautomatisierung zu ermöglichen, die immer grün, fähig, zuverlässig und schnell ist. Da Microsoft Edge auf der Open Source Chromium Webplattform basiert,kann Playwright auch Microsoft Edge automatisieren.

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

Standardmäßig lädt das Installationsprogramm bei der Installation von Playwright Chromium, Firefoxund [WebKit][|::ref3::|Main]herunter. Wenn sie auch Microsoft Edge (Chromium) installiert haben, benötigt Playwright nur eine einzeilige Codeänderung, um Ihre Website oder App in Microsoft Edge zu testen. Um Microsoft Edge (Chromium) herunterzuladen, navigieren Sie zum Download Microsoft Edge.

Installieren von Playwright

Installieren Sie [Playwright,][|::ref4::|Main] um Ihre Website oder App mit dem folgenden Befehl zu testen.

npm i playwright

Starten Microsoft Edge mit Playwright

Hinweis

[Playwright][|::ref5::|Main] erfordert Node.js Version 10.17 oder höher. Führen Sie node -v die Ausführung ü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 in Windows, macOS und Linux. Navigieren Sie zu Playwright-Systemanforderungen,um weitere Informationen zu erfahren.

Playwright sollte Benutzern anderer Browsertestframeworks wie WebDriver oder Demenzervertraut sein. Sie erstellen eine Instanz des Browsers, öffnen eine Seite und bearbeiten sie dann mit der Playwright-API. Im folgenden Codeausschnitt startet Playwright Microsoft Edge (Chromium), navigiert zu https://www.microsoft.com/edge und speichert einen Screenshot als example.png .

Kopieren Sie den folgenden Codeausschnitt, und speichern Sie ihn unter example.js .

const { chromium } = require('playwright');

(async () => {
  const browser = await chromium.launch({
    executablePath: 'C:\\Program Files (x86)\\Microsoft\\Edge Dev\\Application\\msedge.exe'
  });
  const page = await browser.newPage();
  await page.goto('https://www.microsoft.com/edge');
  await page.screenshot({path: 'example.png'});

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

Wechseln Sie executablePath so, dass sie auf Ihre Installation von Microsoft Edge (Chromium) verweist. For example, on macOS, the executablePath for Microsoft Edge Canary should be set to /Applications/Microsoft\ Edge\ Canary.app/ . Navigieren Sie zum Suchen zu und kopieren Sie executablePath edge://version den ausführbaren Pfad auf dieser Seite, oder installieren Sie das Edgepfadpaket mit dem folgenden Befehl.

npm i edge-paths

Der folgende Codeausschnitt verwendet das Edgepfadpaket, um den Pfad zur Installation von Microsoft Edge (Chromium) auf Ihrem Betriebssystem programmgesteuert zu finden.

const edgePaths = require("edge-paths");

const EDGE_PATH = edgePaths.getEdgePath();

Legen Sie abschließend executablePath: EDGE_PATH example.js in . Speichern Sie Ihre Änderungen.

Hinweis

Microsoft Edge (EdgeHTML) funktioniert nicht mit Playwright. Sie müssen Microsoft Edge (Chromium) installieren, um mit diesem Beispiel fortzufahren.

Führen Sie nun example.js über die Befehlszeile aus.

node example.js

Playwright startet Microsoft Edge, navigiert zu https://www.microsoft.com/edge und speichert einen Screenshot der Seite. Sie können die Seitengröße mit page.setViewportSize()anpassen.

Die von example.js erstellte example.png datei

example.js ist nur eine einfache Demonstration der Automatisierungs- und Testszenarien, die von Playwright aktiviert werden. Um Screenshots in mehreren Webbrowsern zu erstellen, ändern Sie den folgenden Code.

  • Chromium await chromium.launch()
  • Firefox await firefox.launch()
  • Webkit await webkit.launch()

For more information about Playwright, navigate to the [Playwright website][|::ref6::|Main]. Sehen Sie sich das Playwright-Repository auf GitHub an. Wenn Sie Ihr Feedback zum Automatisieren und Testen Ihrer Website oder App mit Playwright teilen möchten, melden Sie ein Problem.