Reporter — десктопний застосунок для професійного тестування сайтів і веб-додатків. Він об’єднує браузер, інструменти візуальної перевірки та систему звітів, щоб тестувальник міг фіксувати помилки без перемикання між десятком окремих сервісів.
Ми розробляли продукт як робоче середовище для QA-команди: зручне для щоденного тестування, зрозуміле для менеджерів і корисне для розробників, які отримують структуровані звіти з контекстом проблеми.
Завдання
Потрібно було створити інструмент, який скорочує шлях від знайденої проблеми до готового звіту для команди розробки. Тестувальник має бачити структуру сайту, перевіряти сторінки в різних розмірах екрана, записувати відео, робити скріншоти, працювати з елементами сторінки й одразу оформлювати помилки.
Окрема вимога — не ламати звичний процес тестування. Reporter мав відчуватися як браузер, але давати більше спеціалізованих можливостей для QA: від оверлеїв макетів до командної дошки звітів.
Робочий простір тестувальника
Ми побудували застосунок навколо вбудованого браузера. У верхній панелі зібрано ключові інструменти: навігацію сторінками, вибір пристрою та роздільної здатності, запис відео, створення скріншотів, інспектор елементів і режим накладання макетів.
Завдяки цьому тестувальник може перевірити адаптивність, порівняти верстку з дизайном, зафіксувати проблему й не втратити контекст сторінки, на якій її знайдено.
Звіти про помилки
Кожен звіт прив’язується до конкретної сторінки сайту. У звіті можна зберегти опис, скріншот або відеозапис, роздільну здатність екрана, браузер, дату створення та інші деталі, які потрібні розробнику для швидкого відтворення помилки.
Для роботи з великою кількістю задач ми реалізували дошку статусів. Помилки проходять шлях від нової знахідки до перевірки й завершення, а команда бачить навантаження по сторінках, пріоритетах і станах.
Автоматичні перевірки
Щоб зняти з тестувальника частину рутинної роботи, ми додали автоматичні перевірки сторінок. Застосунок знаходить HTML-помилки, попередження, проблемні тексти та інші повторювані дефекти, після чого їх можна додати до звітів або відфільтрувати за типом і пріоритетом.
Перевірку можна запускати для поточної сторінки або для поточної сторінки разом із вкладеними. Це корисно для швидкого аудиту розділів сайту перед передачею задачі в розробку.
Командна робота
Reporter допомагає синхронізувати тестувальників і розробників. QA-команда формує звіти прямо під час перевірки, а розробники отримують не абстрактний опис, а конкретну сторінку, стан, вкладення та технічні умови, в яких проблема проявилася.
Ми заклали в інтерфейс просту модель роботи зі статусами: нові помилки, задачі в роботі, перевірка виправлень і завершені звіти. Це робить процес прозорим і допомагає не губити дрібні, але важливі дефекти.
Результат
У результаті вийшов продукт, який перетворює тестування сайту на цілісний процес: знайти проблему, зафіксувати її, доповнити матеріалами, передати команді та проконтролювати виправлення можна в одному застосунку.
Для користувача це економія часу на рутині. Для команди розробки — зрозуміліші задачі, менше уточнень і швидше відтворення помилок. Саме так ми й проєктували Reporter: як практичний інструмент для якості веб-продуктів.
