Обработка prompt

Обработка prompt в Puppeteer

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

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

В частности, prompt представляет собой модальное окно, которое запрашивает ввод от пользователя. После того как пользователь вводит данные и нажимает «ОК», эти данные передаются обратно в код, который вызывает prompt.

Взаимодействие с prompt

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

Перехват prompt

Чтобы обработать prompt, необходимо воспользоваться функцией page.on(‘dialog’). Этот метод позволяет перехватывать события, связанные с диалоговыми окнами, такими как alert, confirm и prompt. 

const puppeteer = require(&

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

  page.on('dialog', async (dialog) => {
    if (dialog.type() === 'prompt') {
      console.log('Prompt message:', dialog.message());
      await dialog.accept('Тестовый ввод');
    }
  });

  await page.goto('https://example.com'); // Страница, которая вызывает prompt
  await page.evaluate(() => {
    setTimeout(() => {
      prompt('Введите ваше имя:', '');  // Вызываем prompt через JavaScript
    }, 1000);
  });

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

В этом примере создается обработчик для событий диалоговых окон на странице. Когда вызывается prompt, Puppeteer перехватывает его и автоматически отвечает на запрос. Метод dialog.accept() принимает один аргумент — значение, которое будет введено в поле prompt.

Усложненные сценарии

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

Получение текста из prompt

Если необходимо получить текст из окна prompt (например, для последующей проверки), можно использовать метод dialog.message(): 

const puppeteer = require('puppeteer');

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

  page.on('dialog', async (dialog) => {
    if (dialog.type() === 'prompt') {
      const promptMessage = dialog.message();
      console.log('Текст в prompt:', promptMessage);
      await dialog.accept('Проверка ответа');
    }
  });

  await page.goto('https://example.com');
  await page.evaluate(() => {
    prompt('Введите код подтверждения:');
  });

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

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

Важные моменты при работе с prompt

  1. Асинхронность: Все действия с диалоговыми окнами происходят асинхронно. При перехвате окна следует помнить о том, что необходимо ждать завершения обработки. Использование await на действиях с диалогами гарантирует, что выполнение будет корректным.

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

  3. Реализация кастомных окон: Если тестируемое приложение использует кастомные окна, а не стандартные prompt, confirm, alert, Puppeteer не сможет их обработать напрямую. В таких случаях необходимо использовать другие методы для взаимодействия с элементами DOM, например, путем имитации кликов или ввода текста через page.type().

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

await page.evaluate(() => {
  setTimeout(() => {
    prompt('Введите имя пользователя:');
  }, 2000); // Задержка в 2 секунды
});

Заключение

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

Оглавление