Тестирование сайтов на автопилоте с Vibetest и AI-агентами

02 Sep, 2025

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

Последнее обновление было 10 месяцев назад.

807
🔱 82
👥 7

Знакомая картина: вы часами пишете код, выкатываете новую фичу и... начинается долгое и нудное ручное тестирование. Нужно проверить все кнопки, все ссылки, убедиться, что верстка не поехала на разных экранах. А если что-то пропустил? Привет, гневные тикеты от пользователей. Что, если я скажу, что эту рутину можно поручить команде неутомимых AI-агентов, которые сами "прокликают" ваш сайт и найдут проблемы?

Сегодня мы посмотрим на Vibetest — любопытный проект, который превращает тестирование из ручной работы в одну команду в вашем редакторе кода.

Что такое Vibetest и зачем он нужен?

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

Именно это и делает Vibetest, только вместо людей он использует AI-агентов на базе Browser-Use. Это не просто скрипт, который проходит по заранее заданному сценарию. Это MCP-сервер (Multi-Agent Control Plane), который запускает несколько автономных агентов. Они, как настоящие пользователи, исследуют ваш сайт, пытаясь найти:

  • Битые ссылки: Больше никаких "404 Not Found".
  • Баги в UI: Элементы, которые накладываются друг на друга, криво отображаются или просто не работают.
  • Проблемы с доступностью (accessibility): То, о чем мы часто забываем, но что очень важно для части пользователей.
  • Другие технические ошибки: Например, проблемы с загрузкой ресурсов или ошибки в консоли.

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

Реклама

Как это работает? Ключевые возможности

Давайте разберемся, что делает Vibetest таким интересным инструментом.

1. Рой AI-тестировщиков вместо скриптов

Главное отличие от классических инструментов вроде Selenium или Playwright в том, что вы не пишете код для тестов. Вы просто даете команду.

> Vibetest my website with 5 agents: browser-use.com

И все! Vibetest запускает пять независимых AI-агентов, которые начинают параллельно изучать сайт. Чем больше агентов — тем более тщательной и быстрой будет проверка. Они действуют не по жесткому алгоритму, а принимают решения на лету, что позволяет находить неочевидные баги.

Демонстрация работы Vibetest

2. Интеграция прямо в редактор кода

Vibetest создан для работы внутри современных AI-редакторов, таких как Cursor или Claude Code. Он подключается как MCP-сервер, и вы можете управлять им прямо из чата редактора. Это невероятно удобно: не нужно переключаться между окнами, запускать отдельные утилиты или открывать терминал. Написали код — тут же отдали команду на тестирование.

Процесс подключения довольно прост. Например, для Claude Code достаточно одной команды в терминале:

claude mcp add vibetest /full/path/to/vibetest-use/.venv/bin/vibetest-mcp -e GOOGLE_API_KEY="your_api_key"

А в Cursor это делается через графический интерфейс настроек.

3. Простота и гибкость в использовании

Несмотря на мощь под капотом, пользоваться Vibetest очень просто. Все управление происходит через текстовые команды. Хотите проверить локальный сайт? Пожалуйста:

> Run vibetest on localhost:3000

Нужно запустить тесты в "тихом" режиме, без открытия окон браузера? Нет проблем:

> Run a headless vibetest on localhost:8080 with 10 agents

Вы можете управлять тремя основными параметрами:

  • URL: Любой адрес, включая localhost.
  • Количество агентов: Чем их больше, тем быстрее и глубже будет тест.
  • Режим отображения: headless (без GUI) или non-headless (с видимым окном браузера).

Под капотом: на чем все держится?

Vibetest — это проект на Python, который объединяет несколько мощных технологий:

  • Playwright: для управления браузером (в данном случае Chromium). Это надежный и быстрый инструмент для автоматизации действий в вебе.
  • Google Gemini: в качестве "мозгов" для AI-агентов используется модель gemini-2.0-flash. Именно она анализирует страницы и решает, что делать дальше. Для работы потребуется ваш Google API ключ.
  • MCP (Multi-Agent Control Plane): это архитектурная концепция, которая позволяет внешним инструментам (вроде вашего редактора кода) управлять сервером с агентами.

Проект является частью экосистемы Browser-Use, нацеленной на создание автономных AI-агентов для работы в браузере.

Практическое применение: быстрый старт

Хотите попробовать? Процесс установки довольно стандартный для Python-проекта.

  1. Устанавливаем зависимости. Проект рекомендует использовать uv — современный и быстрый менеджер пакетов.

    # Создаем и активируем виртуальное окружение
    uv venv
    source .venv/bin/activate
    # Устанавливаем проект
    uv pip install -e .
    
  2. Устанавливаем браузер. Playwright сделает это за вас.

    playwright install chromium --with-deps --no-shell
    
  3. Подключаем к редактору. Добавляем Vibetest как MCP-сервер в Claude или Cursor, не забыв указать свой GOOGLE_API_KEY.

После этого можно сразу приступать к тестированию, как показано в демо.

Полная демонстрация Vibetest

Выводы: кому стоит присмотреться?

Vibetest — это не замена полноценной QA-команде для большого и сложного продукта. Однако это фантастически полезный инструмент для:

  • Инди-разработчиков и небольших команд, у которых нет выделенных QA-инженеров.
  • Фронтенд-разработчиков, которые хотят быстро проверять свою работу перед коммитом.
  • Тех, кто устал от написания и поддержки сложных e2e-тестов для простых сайтов и лендингов.

Проект предлагает свежий взгляд на автоматизированное тестирование, смещая акцент с написания скриптов на управление "умными" исполнителями. Если вы часто работаете с вебом и ищете способ ускорить рутинные проверки, обязательно загляните на GitHub-страницу Vibetest и дайте ему шанс. Возможно, ваша рутина станет чуточку проще.

🍪 Мы используем файлы cookie и сервис аналитики Яндекс.Метрика, чтобы сайт работал лучше. Продолжая пользоваться devtrends.ru, вы соглашаетесь с обработкой данных согласно Политике конфиденциальности.