Mobile Website Test & Automatisierung mit Playwright

1. Playwright-Projekt vorbereiten

Erstellen Sie Playwright Tests für Ihre Webanwendung und nutzen Sie die von Playwright zur Verfügung gestellte Android Schnittstelle um eine Browser-Session auf dem Gerät zu starten. Eine Dokumentation dazu finden Sie hier .

Der folgende Code startet selbständig eine Session auf dem Android Gerät. Nutzen Sie diese fixture, um sich nicht um die Initialisierung des Android Gerätes kümmern zu müssen.

fixture.js:

const base = require("@playwright/test");
const { _android } = require("playwright");

exports.test = base.test.extend({
	page: async ({ page, playwright }, use, testInfo) => {
		// use the first available device
		const androidDevice = await playwright._android.devices()[0];

		// launch a fresh browser with mandatory flags enabled
		await androidDevice.shell("am force-stop com.android.chrome");
		androidContext = await androidDevice.launchBrowser();

		const androidPage = await androidContext.newPage();
		await use(androidPage);

		await androidPage.close();
		await androidDevice.close();
	},
});

test.js:

const { test } = require("fixture");

test("Sample Test", async ({ page }, testInfo) => {
	/*
	Your test code
	*/
});

2. Remote Debugging-Client installieren

Mithilfe des Remote Debugging-Client können Sie Ihre Playwright-Tests in der Mobile Device Cloud wie auf einem lokalen Gerät ausführen. Laden Sie sich dafür den Remote Debugging-Client herunter (für Windows bzw. für macOS ) und öffnen ein Terminal im Ordner des Clients.

3. Gerät ausleihen

Leihen Sie ein Gerät in der Mobile Device Cloud aus und klicken Sie auf Tools → Remote Debugging. Kopieren Sie den angezeigten Befehl in das Terminal und führen Sie ihn aus. Jetzt wird das Gerät von Playwright wie ein lokales Gerät erkannt und kann auch so verwendet werden.

Weitere Informationen hierzu finden Sie hier .

Möchten Sie eine lokale Webanwendung testen, können Sie zusätzlich das Network Tunneling Tool herunterladen (für Windows bzw. für macOS ), ein Terminal öffnen und den Befehl unter Tools → Network Tunneling ausführen. Dadurch hat das Gerät Zugriff auf Ihren lokalen Entwicklungsserver.

4. Tests starten

Nun können Sie Ihre Tests mit Playwright starten:

npx playwright test

Oder Sie nutzen den GUI Modus für eine interaktive Session mit mehr Debug-Informationen:

npx playwright test --ui