Pruebas móviles con Playwright

Pruebas móviles con Playwright, principalmente incluye funciones como simulación de dispositivos móviles, ubicación geográfica, control de permisos, etc.

Además de simular navegadores de escritorio, Playwright también admitepruebas en dispositivos móviles, que incluyen:

• Simular diferentes modelos de teléfonos (tamaño de pantalla, resolución, UA, etc.)
• Simular eventos táctiles (toque, deslizamiento, pulsación larga)
• Simular ubicación geográfica (GPS)
• Simular permisos (cámara, ubicación, notificaciones)

Esto nos permite probar en PC efectos similares a los de un teléfono real.

Simulación de dispositivos

Playwright ofrece algunas configuraciones de dispositivos comunes (basadas enChrome DevToolsdescripciones de dispositivos), que se puedendevicesinvocar.

Contenido que se puede simular:

• Resolución de pantalla（width、height、deviceScaleFactor）
• User-Agent(simular UA móvil)
• Soporte de eventos táctiles
• Cambio de orientación horizontal/vertical

Simular operaciones táctiles

Playwright activa el modo de dispositivo móvileventos táctiles。

Operaciones comunes:

1. Tocar

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

2. Deslizar / Arrastrar

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

3. Pulsación larga

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

Simular ubicación geográfica

Puede simular laubicación GPS。

Simular permisos

Playwright admite otorgar o denegar permisos comunes, por ejemplo:

• geolocation(ubicación geográfica)
• camera(cámara)
• microphone(micrófono)
• notifications(notificaciones)

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

Simular cambio de orientación horizontal/vertical

Modificando laviewportconfiguración.

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

Ejemplo completo: Pruebas móviles

API comunes

Dispositivos comunes

Playwright incluye una lista de dispositivos comunes, que incluyeserie iPhone, serie Pixel, iPad, etc.

Lista de dispositivos comunes de Playwright

Playwright incluye decenas de configuraciones de dispositivos comunes (basadas en datos de Chrome DevTools). Para usarlas, mediante:

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

se obtienen los parámetros de configuración de ese dispositivo.

Serie iPhone

Serie Google Pixel

Serie iPad

Otros modelos Android

Método de uso