Мобильное тестирование в Playwright

Мобильное тестирование Playwright, в основном включающее такие функции, как имитация мобильных устройств, геолокация и управление разрешениями.

Помимо имитации десктопных браузеров, Playwright также поддерживаеттестирование мобильных устройств, включая:

• Имитация различных моделей телефонов (размер экрана, разрешение, UA и т. д.)
• Имитация событий касания (тап, свайп, долгое нажатие)
• Имитация геолокации (GPS)
• Имитация разрешений (камера, местоположение, уведомления)

Это позволяет тестировать на ПК с эффектами, близкими к настоящему телефону.

Эмуляция устройств

Playwright предоставляет некоторые распространённые конфигурации устройств (на основе дескрипторов устройствChrome DevTools), и может бытьdevicesвызван.

Что можно эмулировать:

• Разрешение экрана（width、height、deviceScaleFactor）
• User-Agent(эмулируемый мобильный UA)
• Поддержка сенсорных событий
• Переключение альбомной/портретной ориентации

Симуляция сенсорных операций

Playwright включаетсенсорные события。

Обычные операции:

1. Касание

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

2. Свайп/перетаскивание

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

3. Долгое нажатие

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

Симуляция геолокации

Можно имитироватьGPS-позиционирование телефона。

Имитация разрешений

Playwright поддерживает предоставление или отклонение распространённых разрешений, например:

• geolocation(Геолокация)
• camera(Камера)
• microphone(Микрофон)
• notifications(Уведомления)

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

Имитация переключения альбомной/портретной ориентации

Путём измененияviewportконфигурации.

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

Полный пример: тестирование мобильных устройств

Общие API

Распространённые устройства

В Playwright есть встроенный список распространённых устройств, включаясерию iPhone, серию Pixel, iPadи т. д.

Список распространённых устройств Playwright

Playwright включает десятки конфигураций распространённых устройств (на основе данных Chrome DevTools). При использовании — через:

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

Вы можете получить параметры конфигурации этого устройства.

Серия iPhone

Серия Google Pixel

Серия iPad

Другие модели Android

Использование