Веб-сервер

Введение​

Playwright включает параметр webServer в файле конфигурации, который позволяет запустить локальный сервер разработки перед запуском тестов. Это особенно удобно при написании тестов во время разработки, а также когда у вас нет URL-адреса промежуточного или рабочего окружения для тестирования.

Настройка веб-сервера​

Используйте свойство webServer в конфигурации Playwright, чтобы запустить веб-сервер разработки во время выполнения тестов.

import { defineConfig } from '@playwright/test';

export default defineConfig({
  // Run your local dev server before starting the tests
  webServer: {
    command: 'npm run start',
    url: 'http://localhost:3000',
    reuseExistingServer: !process.env.CI,
    stdout: 'ignore',
    stderr: 'pipe',
  },
});

Увеличение времени ожидания запуска сервера​

Иногда запуск веб-серверов занимает больше времени. В этом случае можно увеличить время ожидания запуска сервера.

import { defineConfig } from '@playwright/test';

export default defineConfig({
  // Rest of your config...

  // Run your local dev server before starting the tests
  webServer: {
    command: 'npm run start',
    url: 'http://localhost:3000',
    reuseExistingServer: !process.env.CI,
    timeout: 120 * 1000,
  },
});

Добавление baseURL​

Также рекомендуется указать baseURL в разделе use: {} конфигурации, чтобы тесты могли использовать относительные URL-адреса и вам не приходилось каждый раз указывать полный URL.

При использовании page.goto(), page.route(), page.waitForURL(), page.waitForRequest() или page.waitForResponse() учитывается базовый URL: для построения соответствующего URL используется конструктор URL(). Например, если задать baseURL равным http://localhost:3000 и перейти в тестах по адресу /login, Playwright выполнит тест, используя http://localhost:3000/login.

import { defineConfig } from '@playwright/test';

export default defineConfig({
  // Rest of your config...

  // Run your local dev server before starting the tests
  webServer: {
    command: 'npm run start',
    url: 'http://localhost:3000',
    reuseExistingServer: !process.env.CI,
  },
  use: {
    baseURL: 'http://localhost:3000',
  },
});

Теперь при переходе по страницам можно использовать относительный путь:

import { test } from '@playwright/test';

test('test', async ({ page }) => {
  // This will navigate to http://localhost:3000/login
  await page.goto('./login');
});

Несколько веб-серверов​

Можно одновременно запустить несколько веб-серверов (или фоновых процессов), указав массив конфигураций webServer. Подробнее см. в разделе testConfig.webServer.

import { defineConfig } from '@playwright/test';

export default defineConfig({
  webServer: [
    {
      command: 'npm run start',
      url: 'http://localhost:3000',
      name: 'Frontend',
      timeout: 120 * 1000,
      reuseExistingServer: !process.env.CI,
    },
    {
      command: 'npm run backend',
      url: 'http://localhost:3333',
      name: 'Backend',
      timeout: 120 * 1000,
      reuseExistingServer: !process.env.CI,
    }
  ],
  use: {
    baseURL: 'http://localhost:3000',
  },
});