Имитация ответов сервера

В автоматизации тестирования веб-приложений имитация ответов сервера играет важную роль, позволяя эмулировать различные состояния серверных ответов без необходимости изменять реальное серверное окружение. Puppeteer, как мощный инструмент для работы с браузером через Node.js, предоставляет удобные средства для подмены сетевых запросов и ответов, что значительно облегчает создание тестов и улучшает их стабильность.

Основы работы с Puppeteer и сетью

Puppeteer предлагает интерфейс для управления браузером через DevTools Protocol, который позволяет не только взаимодействовать с DOM, но и работать с сетевыми запросами и ответами. Для имитации ответов сервера используется метод page.setRequestInterception(true), который позволяет перехватывать все запросы, отправляемые страницей, и на основе их характеристик модифицировать или подменять их.

Пример базовой настройки перехвата запросов: 

const puppeteer = require(&

(async () => {
  const browser = await puppeteer.launch();
  const page = await browser.newPage();

  await page.setRequestInterception(true);

  page.on('request', (request) => {
    // Логика обработки запросов
    request.continue();
  });

  await page.goto('https://example.com');
  await browser.close();
})();

Когда перехват запросов активирован, можно фильтровать запросы по типу (например, только XHR запросы или изображения) и, в зависимости от требований теста, модифицировать их или замещать ответами.

Подмена ответов с использованием request.respond()

Основным методом для имитации ответов сервера является использование request.respond(). Этот метод позволяет вернуть кастомный ответ, который будет передан браузеру вместо реального ответа от сервера. Это очень полезно для тестирования определённых сценариев, таких как ошибки сервера (например, 500) или нестандартные данные.

Пример подмены ответа на запрос с фальшивым JSON: 

const puppeteer = require('puppeteer');

(async () => {
  const browser = await puppeteer.launch();
  const page = await browser.newPage();

  await page.setRequestInterception(true);

  page.on('request', (request) => {
    if (request.url().includes('data.json')) {
      request.respond({
        status: 200,
        contentType: 'application/json',
        body: JSON.stringify({ key: 'value' })
      });
    } else {
      request.continue();
    }
  });

  await page.goto('https://example.com');
  await browser.close();
})();

В этом примере для всех запросов к ресурсу data.json возвращается заранее определённый JSON, имитируя успешный ответ сервера. Для всех других запросов продолжается обычная обработка.

Ошибки сервера и другие статусы

Иногда необходимо имитировать ошибочные ответы, такие как 404 или 500. Puppeteer позволяет легко настроить такие ответы, указывая статус код и тело ответа. Это позволяет проверять, как приложение обрабатывает различные ошибки и как оно реагирует на нестандартные ситуации.

Пример имитации ошибки 404: 

const puppeteer = require('puppeteer');

(async () => {
  const browser = await puppeteer.launch();
  const page = await browser.newPage();

  await page.setRequestInterception(true);

  page.on('request', (request) => {
    if (request.url().includes('nonexistent.png')) {
      request.respond({
        status: 404,
        contentType: 'text/plain',
        body: 'Not Found'
      });
    } else {
      request.continue();
    }
  });

  await page.goto('https://example.com');
  await browser.close();
})();

Этот пример подменяет запросы к несуществующему ресурсу на ответ с кодом 404, что позволяет проверить, как приложение реагирует на отсутствие нужных данных.

Работа с динамическими данными

Иногда тесты требуют динамической генерации ответа сервера, в зависимости от параметров запроса. Например, для тестирования логики сессий можно подменить ответы на основе куки или других данных, передаваемых в запросах. Puppeteer позволяет это сделать с помощью условной логики в обработчике запросов.

Пример имитации ответа с изменяющимися данными: 

const puppeteer = require('puppeteer');

(async () => {
  const browser = await puppeteer.launch();
  const page = await browser.newPage();

  await page.setRequestInterception(true);

  page.on('request', (request) => {
    if (request.url().includes('user.json')) {
      const userData = {
        userId: Math.random() > 0.5 ? 1 : 2,
        name: 'Test User'
      };
      request.respond({
        status: 200,
        contentType: 'application/json',
        body: JSON.stringify(userData)
      });
    } else {
      request.continue();
    }
  });

  await page.goto('https://example.com');
  await browser.close();
})();

Здесь генерируется случайное значение для userId при каждом запросе к ресурсу user.json, что позволяет эмулировать различные данные, поступающие с сервера.

Работа с подменой запросов для тестирования API

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

Пример подмены запросов API с задержкой: 

const puppeteer = require('puppeteer');

(async () => {
  const browser = await puppeteer.launch();
  const page = await browser.newPage();

  await page.setRequestInterception(true);

  page.on('request', (request) => {
    if (request.url().includes('/api/data')) {
      setTimeout(() => {
        request.respond({
          status: 200,
          contentType: 'application/json',
          body: JSON.stringify({ message: 'Delayed response' })
        });
      }, 1000); // имитация задержки
    } else {
      request.continue();
    }
  });

  await page.goto('https://example.com');
  await browser.close();
})();

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

Подведение итогов

Имитация серверных ответов в Puppeteer — это мощный инструмент для тестирования веб-приложений. Она позволяет контролировать и изменять поведение серверных взаимодействий, что даёт разработчикам и тестировщикам возможность тестировать самые разные сценарии без необходимости изменять или зависеть от реального серверного окружения. Понимание тонкостей работы с перехватами и подменами запросов и ответов позволяет проводить более гибкие и надёжные тесты, улучшая качество и стабильность веб-приложений.

Оглавление