Работа с несколькими браузерами одновременно

Playwright предоставляет мощные возможности для работы с несколькими браузерами одновременно, что делает его отличным инструментом для параллельного тестирования. Это может существенно ускорить процесс тестирования и повысить его эффективность, особенно когда нужно проверить поведение приложения на разных браузерах или устройствах. В этой главе рассмотрены основные принципы работы с несколькими браузерами в Playwright, а также различные способы организации параллельных запусков.

Запуск нескольких браузеров в одном процессе

Основной концепцией при работе с несколькими браузерами является возможность запуска нескольких инстансов браузеров в одном процессе тестирования. В отличие от других инструментов, Playwright позволяет работать с несколькими браузерами одновременно, используя его возможности для создания новых страниц, контекстов и браузеров.

Чтобы запустить несколько браузеров в одном тесте, можно воспользоваться API Playwright для создания разных браузеров и контекстов, каждый из которых будет работать в отдельной сессии, независимо от других.

Пример создания двух браузеров:

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

(async () => {
  const browser1 = await chromium.launch();
  const browser2 = await chromium.launch();
  
  const page1 = await browser1.newPage();
  const page2 = await browser2.newPage();
  
  await page1.goto('https://example.com');
  await page2.goto('https://example.org');
  
  // Дополнительные действия с браузерами и страницами
  
  await browser1.close();
  await browser2.close();
})();

В данном примере создаются два инстанса браузера Chromium и два окна, каждое из которых работает с разными страницами. Оба браузера запускаются параллельно и могут выполнять действия независимо друг от друга.

Использование контекстов браузера

Playwright предоставляет возможность создавать контексты внутри одного браузера. Контекст браузера — это изолированная сессия, которая включает в себя отдельное хранилище куки, кэш, локальное хранилище и другие настройки, что позволяет запускать параллельные тесты с разными данными.

Контексты можно создавать как в одном браузере, так и в разных браузерах, что помогает организовать тестирование в изолированных средах.

Пример использования нескольких контекстов:

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

(async () => {
  const browser = await chromium.launch();

  const context1 = await browser.newContext();
  const context2 = await browser.newContext();
  
  const page1 = await context1.newPage();
  const page2 = await context2.newPage();
  
  await page1.goto('https://example.com');
  await page2.goto('https://example.org');
  
  await browser.close();
})();

В этом примере два контекста создаются в одном браузере. Они могут работать с независимыми данными, имитируя работу с разными пользователями, но при этом использование одного браузера позволяет экономить ресурсы по сравнению с запуском нескольких экземпляров браузеров.

Параллельное тестирование с использованием тестовых фреймворков

Playwright прекрасно интегрируется с различными тестовыми фреймворками, такими как Jest, Mocha, Jasmine и другими. Эти фреймворки позволяют эффективно организовать параллельное выполнение тестов на нескольких браузерах или контекстах.

Для реализации параллельного тестирования с помощью Playwright можно использовать возможности таких фреймворков, как test.each или специализированные библиотеки для параллельного выполнения тестов.

Пример параллельного тестирования с использованием Jest:

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

describe('Параллельные тесты', () => {
  let browser;

  beforeAll(async () => {
    browser = await chromium.launch();
  });

  afterAll(async () => {
    await browser.close();
  });

  test('Тест для страницы example.com', async () => {
    const page = await browser.newPage();
    await page.goto('https://example.com');
    expect(await page.title()).toBe('Example Domain');
  });

  test('Тест для страницы example.org', async () => {
    const page = await browser.newPage();
    await page.goto('https://example.org');
    expect(await page.title()).toBe('Example Domain');
  });
});

В данном примере тесты выполняются параллельно, каждый в отдельной вкладке браузера, что позволяет одновременно проверять несколько страниц. Jest автоматически распараллеливает выполнение тестов, обеспечивая высокую скорость тестирования.

Разделение тестов на несколько браузеров

Playwright поддерживает работу с несколькими браузерами одновременно, что может быть полезно, если требуется протестировать поведение приложения на различных браузерах. Например, можно запускать один тест на Chrome, второй на Firefox и третий на WebKit. Для этого достаточно создать несколько инстансов разных браузеров и задать необходимые конфигурации для каждого из них.

Пример использования нескольких браузеров:

const { chromium, firefox, webkit } = require('playwright');

(async () => {
  const browsers = [
    { name: 'Chromium', browser: await chromium.launch() },
    { name: 'Firefox', browser: await firefox.launch() },
    { name: 'WebKit', browser: await webkit.launch() }
  ];

  for (const { name, browser } of browsers) {
    const page = await browser.newPage();
    await page.goto('https://example.com');
    console.log(`${name}: ${await page.title()}`);
    await browser.close();
  }
})();

В данном примере каждый браузер запускается отдельно, и тест на одной и той же странице выполняется для всех поддерживаемых браузеров.

Использование параллельного тестирования в CI/CD

При интеграции Playwright в систему непрерывной интеграции (CI) важно учитывать, что тесты могут выполняться параллельно на нескольких машинах или контейнерах. Система CI, такая как GitHub Actions, GitLab CI или Jenkins, может быть настроена для одновременного запуска тестов в разных браузерах.

Пример конфигурации для GitHub Actions:

name: Playwright Test

on: [push]

jobs:
  test:
    runs-on: ubuntu-latest
    strategy:
      matrix:
        browser: [chromium, firefox, webkit]
    steps:
    - name: Checkout code
      uses: actions/checkout@v2
    - name: Set up Node.js
      uses: actions/setup-node@v2
      with:
        node-version: '14'
    - name: Install dependencies
      run: npm install
    - name: Run Playwright tests
      run: npx playwright test --project=$browser

В этом примере используется стратегия матрицы, которая позволяет запускать тесты одновременно для нескольких браузеров. Каждый браузер запускается в отдельном параллельном процессе, что позволяет ускорить тестирование в CI/CD.

Заключение

Работа с несколькими браузерами в Playwright позволяет эффективно тестировать веб-приложения в различных средах и условиях. Использование браузеров и контекстов позволяет создавать изолированные тестовые окружения, а интеграция с фреймворками для параллельного выполнения тестов и системами CI/CD делает процесс тестирования быстрым и удобным.

Оглавление