Веб-сервер

Введение​

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://127.0.0.1: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://127.0.0.1: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://127.0.0.1:3000 и перейдя по адресу /login в своих тестах, Playwright выполнит тест, используя http://127.0.0.1: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://127.0.0.1:3000',
    reuseExistingServer: !process.env.CI,
  },
  use: {
    baseURL: 'http://127.0.0.1:3000',
  },
});

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

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

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

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

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

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

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