Тестирование локального веб-приложения и исправление ошибок с Claude Code и Claude in Chrome
Авторы блога Test-Lab подключили Claude in Chrome к Claude Code. Агент пишет код, открывает localhost, прокликивает интерфейс, читает ошибки в консоли и сам их исправляет, а разработчику не нужно трогать браузер.
Что сделали
Расширение Claude in Chrome подключается к Claude Code командой `claude --chrome` или `/chrome`. Оно работает в настоящей сессии Chrome разработчика со всеми логинами, а новые домены нужно один раз одобрить. Агента попросили добавить фильтр в таблицу на дашборде. Claude написал компонент, открыл страницу и попробовал фильтр. Он заметил, что параметры запроса в URL не обновляются, исправил логику роутера и проверил исправление перезагрузкой страницы.
Что получилось
Пример с фильтром занял три итерации, и разработчикам не пришлось ничего делать в браузере. Схема работает только на рабочей машине разработчика. Нужно видимое окно Chrome, поэтому в CI и в headless-режиме она не запускается, и поддерживаются только Chrome и Edge.
На что обратить внимание
Работа с браузером съедает много токенов, около 7,7% контекста на одно действие. Авторы называют оплату через API бездонной ямой и считают, что для активной работы нужна подписка Max.
Пояснение
Headless это запуск браузера без окна, так обычно гоняют автотесты в CI. Max это тариф подписки Claude с повышенными лимитами.
Кому пригодится
Фронтенд-разработчикам, которые устали переключаться между редактором и браузером при отладке.
Попробуйте сами с Claude Code
Запусти моё приложение локально командой [команда запуска], открой его в Chrome по адресу [адрес localhost] и пройди [функция или сценарий]. Прочитай ошибки в консоли браузера и в сетевых запросах, найди их причину в коде и исправь. Повторяй, пока сценарий не заработает без ошибок в консоли. Потом кратко опиши, что изменил. Ничего не коммить и не пушь, не спросив меня.
Нужна помощь с запуском? Вступайте в сообщество AI Pack ↗
Ещё 4 источника
- Тестирование веб-приложений из терминала в своём Chrome с открытыми аккаунтами · paddo.dev ↗
- Прогон плана ручного QA для локального приложения браузерным агентом · tgvashworth.com ↗
- Тестирование и починка веб-приложения в Chrome силами Claude · Reddit ↗
- Прогон планов ручного тестирования в браузере · tgvashworth.substack.com ↗
Источник: test-lab.ai · · обновлено