Блог и новости

Полный контроль над синтетическими проверками с собственными Playwright-сценариями

Мы в Pingera постоянно работаем над улучшением наших инструментов, чтобы вы могли еще глубже погружаться в мониторинг своих веб-ресурсов. Сегодня мы рады объявить о значительном обновлении наших Синтетических проверок (в бета-версии)! Теперь вы получаете гибкость и контроль, ведь мы даем вам возможность писать собственные Playwright-сценарии для имитации реального поведения пользователей.

Что изменилось и почему это важно?

Раньше наши синтетические проверки выполнялись на основе предопределенных скриптов. Это было удобно для базового мониторинга, но ограничивало возможности имитации сложных пользовательских взаимодействий.
Теперь все иначе! Мы перешли на совершенно новый подход, который позволяет вам:
  • Писать собственные Playwright-скрипты: На JavaScript или TypeScript, что открывает практически безграничные возможности для создания самых детализированных сценариев.
  • Имитировать любое поведение пользователя: От простого перехода по странице до многошаговых процессов, таких как регистрация, оформление заказа, отправка форм и многое другое.
  • Глубоко анализировать производительность: Ваши скрипты могут включать проверки конкретных элементов, временные задержки и многое другое, чтобы точно определить "узкие места".
Это изменение, которое выводит синтетический мониторинг в Pingera на качественно новый уровень. Теперь вы не просто проверяете доступность, а по-настоящему симулируете реальный путь пользователя по вашему сайту или сервису.

Ваши существующие проверки продолжат работать!

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

Зачем нужны новые синтетические проверки?

Новые возможности синтетических проверок делают их незаменимым инструментом для проактивного мониторинга и обеспечения высокого качества ваших веб-приложений. Они позволяют:
  • Мониторить критические пользовательские сценарии: Убедитесь, что основные бизнес-функции, такие как вход в систему, процесс покупки или заполнение форм, работают безупречно 24/7.
  • Выявлять проблемы до того, как они затронут пользователей: Обнаруживайте медленную загрузку, неработающие кнопки или ошибки рендеринга задолго до того, как клиенты столкнутся с ними.
  • Оценивать производительность и время отклика: Регулярно измеряйте время загрузки веб-страниц и выполнение асинхронных запросов, оперативно реагируя на любые ухудшения пользовательского опыта.
  • Обеспечивать глобальную доступность: Запускайте проверки из различных географических локаций, чтобы подтвердить доступность и стабильную работу сервиса для пользователей по всему миру.
Эти проверки являются ключевым инструментом для Site Reliability Engineers (SRE), DevOps-специалистов и QA-инженеров в обеспечении высокого качества и надежности веб-приложений.

Пример Playwright-сценария

Создавать сценарии для синтетических проверок очень просто. Вот пример скрипта, который проверяет доступность главной страницы Pingera, наличие определенного текста и делает скриншот:
const { test, expect } = require('@playwright/test');

test('Проверка доступности и заголовка главной страницы Pingera', async ({ page }) => {

  await page.goto('https://pingera.ru/');

  // Подождать полную загрузку страницы
  await page.waitForLoadState('networkidle');
  
  // Проверим, есть ли у страницы нужный тайтл
  await expect(page).toHaveTitle(/Pingera/);

  // Сделаем скриншот
  await page.screenshot({ path: 'screenshot.jpg', fullPage: false });

  console.log('Успешно сделали скриншот страницы');
});
Этот сценарий можно загрузить в наш редактор, и он будет выполняться с заданной периодичностью. Вы также можете запускать его по запросу для быстрой диагностики.

Как добавить новую проверку в интерфейсе?

Процесс создания синтетической проверки остался интуитивно понятным:
  1. Перейдите в раздел "Проверки" в вашем личном кабинете.
  2. Нажмите кнопку "Добавить проверку" и выберите "Синтетическая проверка".
  3. Теперь у вас появится выбор: использовать один из наших готовых шаблонов для типовых задач или вставить свой собственный скрипт в редактор.
Шаблоны синтетических проверок в Pingera
Выбери шаблон или напиши свой Playwright код
После настройки скрипта вы сможете запустить проверку немедленно для отладки или создать регулярную проверку, которая будет выполняться с заданной периодичностью.

Детальные результаты проверок

Каждый запуск синтетической проверки предоставляет подробный отчет, который поможет вам проанализировать не только успешность выполнения, но и производительность вашего приложения:
  • Сводка и скриншоты: Общее время выполнения скрипта и галерея всех скриншотов, сделанных во время теста (до 10 скриншотов за запуск).
  • Детализация навигации и производительности: Подробная информация о каждом переходе по страницам, включая сетевые тайминги (DNS-запрос, TCP-соединение, SSL-соединение, время запроса и ответа) и список загруженных ресурсов.
  • Web Vitals: Ключевые метрики Google, такие как TTFB (Time to First Byte), FCP (First Contentful Paint) и LCP (Largest Contentful Paint), для оценки реального пользовательского опыта.
  • Логи выполнения: Весь вывод в консоль из вашего Playwright-скрипта (например, console.log) будет перехвачен и отображен здесь, что крайне полезно для отладки.

Вот как это выглядит в app.pingera.ru:

Синтетические проверки и API

Как и другие типы проверок, синтетические чеки полностью доступны через наш API. Вы можете автоматизировать создание, запуск и получение результатов проверок, интегрируя их в ваши CI/CD пайплайны или другие инструменты. Подробную информацию вы найдете в нашей документации по API.

Дополнение к пошаговым API-проверкам

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

Заключение

Новые синтетические проверки в Pingera с поддержкой ваших собственных Playwright-сценариев — это мощный инструмент, который дает вам полный контроль над мониторингом доступности и производительности ваших веб-ресурсов. Начните использовать их уже сегодня, чтобы обеспечить безупречный пользовательский опыт и оперативно выявлять любые проблемы.
Готовы попробовать? Создайте свою первую Синтетическую проверку на app.pingera.ru!
Блог Новости Проверки