Tests mobiles avec Playwright

Tests mobiles Playwright, incluant principalement des fonctionnalités telles que la simulation d'appareils mobiles, la géolocalisation et le contrôle des autorisations.

En plus de simuler des navigateurs de bureau, Playwright prend également en chargeles tests sur appareils mobiles, notamment :

• Simulation de différents modèles de téléphones (taille d'écran, résolution, UA, etc.)
• Simulation d'événements tactiles (tap, swipe, appui long)
• Simulation de la géolocalisation (GPS)
• Simulation des autorisations (caméra, localisation, notifications)

Cela nous permet de tester sur un PC avec des effets proches de ceux d’un vrai téléphone.

Simulation d’appareils

Playwright fournit quelques configurations d’appareils courantes (basées sur les descripteurs d’appareils deChrome DevTools), et peut êtredevicesinvoqué.

Ce qui peut être simulé :

• Résolution de l’écran（width、height、deviceScaleFactor）
• User-Agent(UA mobile simulé)
• Prise en charge des événements tactiles
• Basculement paysage/portrait

Simulation des opérations tactiles

Playwright activeles événements tactiles。

Opérations courantes :

1. Appui

await page.tap('button#submit');

2. Balayage/Glisser

await page.touchscreen.tap(200, 300); // 点击指定坐标
await page.touchscreen.swipe(200, 300, 200, 800); // 自定义封装，模拟滑动

3. Appui long

await page.touchscreen.down(200, 300);
await page.waitForTimeout(1000); // 按住 1 秒
await page.touchscreen.up();

Simulation de la géolocalisation

Peut simuler lepositionnement GPS du téléphone。

Simulation des autorisations

Playwright prend en charge l'octroi ou le refus des autorisations courantes, par exemple :

• geolocation(Géolocalisation)
• camera(Caméra)
• microphone(Microphone)
• notifications(Notifications)

const context = await browser.newContext({
  permissions: ['geolocation', 'notifications']
});

Simulation du basculement paysage/portrait

En modifiantviewportla configuration.

await context.newPage({
  viewport: { width: 812, height: 375 }, // 横屏
  isMobile: true
});

Exemple complet : tests mobiles

API courantes

Appareils courants

Playwright dispose d'une liste intégrée d'appareils courants, y comprisla série iPhone, la série Pixel, iPad, etc.

Liste des appareils courants Playwright

Playwright inclut des dizaines de configurations d'appareils courants (basées sur les données de Chrome DevTools). Lors de l'utilisation, via :

const { devices } = require('playwright');
const iphone = devices['iPhone 12'];

Vous pouvez obtenir les paramètres de configuration de cet appareil.

Série iPhone

Série Google Pixel

Série iPad

Autres modèles Android

Utilisation