Рандомизация задержек

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

Зачем нужна рандомизация задержек

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

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

  • Тестирование с реальными интервалами: Пользователи часто не действуют строго по времени, их поведение менее предсказуемо.
  • Меньше фальшивых срабатываний: Боты, использующие фиксированные задержки, могут быть легко обнаружены системами, мониторящими активность на сайте. Рандомизация помогает избежать этого.
  • Реалистичность: Рандомизация помогает выявить потенциальные проблемы, которые могут возникнуть из-за переменных факторов, таких как скорость интернета или состояние браузера.

Как реализовать рандомизацию задержек в Puppeteer

Puppeteer предоставляет гибкость в настройке задержек между действиями, используя метод page.waitForTimeout(). Для того чтобы добавить рандомизацию в задержки, можно сгенерировать случайное значение с использованием стандартных функций JavaScript.

Пример рандомизации задержки между действиями: 

const puppeteer = require(&

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

  // Ожидание с рандомной задержкой от 500 до 1500 миллисекунд
  const randomDelay = Math.floor(Math.random() * (1500 - 500 + 1)) + 500;
  console.log(`Задержка: ${randomDelay} мс`);

  await page.goto('https://example.com');
  await page.waitForTimeout(randomDelay);  // Рандомная задержка

  await page.click('button');  // Пример клика по кнопке
  await page.waitForTimeout(randomDelay);  // Еще одна рандомная задержка

  await browser.close();
})();

В данном примере рандомизация задержки между действиями происходит с использованием Math.random() и Math.floor(). Функция Math.random() генерирует число от 0 до 1, которое затем масштабируется в диапазон от 500 до 1500 миллисекунд. В зависимости от полученного значения пауза будет варьироваться.

Рандомизация ожиданий для элементов

В Puppeteer для ожидания появления элементов на странице используется метод page.waitForSelector(). Чтобы добавить рандомизацию в такие ожидания, можно передать параметр timeout, который будет изменяться случайным образом.

Пример рандомного ожидания элемента: 

const randomWaitForSelector = async (page, selector) => {
  const randomDelay = Math.floor(Math.random() * (2000 - 1000 + 1)) + 1000;
  await page.waitForSelector(selector, { timeout: randomDelay });
  console.log(`Ожидание элемента с задержкой: ${randomDelay} мс`);
};

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

  await page.goto('https://example.com');
  
  await randomWaitForSelector(page, '#someElement');

  await browser.close();
})();

В этом примере задержка между ожиданиями появления элемента также рандомизирована. Мы генерируем случайное значение времени для timeout, которое позволяет варьировать время, в течение которого Puppeteer будет ожидать появления нужного элемента.

Использование рандомных задержек для имитации поведения пользователя

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

Пример заполнения формы с рандомизированными задержками: 

const fillFormWithRandomDelays = async (page) => {
  await page.type('#name', 'John Doe');
  await page.waitForTimeout(Math.floor(Math.random() * (1000 - 500 + 1)) + 500);  // Рандомная задержка

  await page.type('#email', 'johndoe@example.com');
  await page.waitForTimeout(Math.floor(Math.random() * (1000 - 500 + 1)) + 500);  // Рандомная задержка

  await page.type('#message', 'Hello, I am interested in your services.');
  await page.waitForTimeout(Math.floor(Math.random() * (1000 - 500 + 1)) + 500);  // Рандомная задержка

  await page.click('#submit');
};

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

  await page.goto('https://example.com/contact');
  await fillFormWithRandomDelays(page);

  await browser.close();
})();

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

Балансировка между реалистичностью и производительностью

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

Рекомендуется выбирать задержки в пределах от 200 до 3000 миллисекунд в зависимости от типа действия. Например, для кликов и переходов между страницами достаточно задержки от 500 до 1000 миллисекунд, в то время как для длительных операций (загрузка данных или обработка большого количества информации) можно увеличить время ожидания до 3 секунд.

Использование асинхронных задержек

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

Пример асинхронной рандомизации задержек: 

const randomAsyncDelay = async (min, max) => {
  const delay = Math.floor(Math.random() * (max - min + 1)) + min;
  return new Promise(resolve => setTimeout(resolve, delay));
};

const performActionWithDelay = async (page) => {
  await page.click('#button1');
  await randomAsyncDelay(500, 1500);  // Рандомная задержка

  await page.click('#button2');
  await randomAsyncDelay(500, 1500);  // Рандомная задержка
};

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

  await page.goto('https://example.com');
  await performActionWithDelay(page);

  await browser.close();
})();

Здесь randomAsyncDelay асинхронно возвращает задержку, и выполнение последующих действий с учетом рандомизации задержек происходит с использованием промисов.

Заключение

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

Оглавление