{ "time": 1751977818111, "blocks": [ { "id": "IAawQZSTS4", "type": "paragraph", "data": { "text": "В новом кейсе рассказываем о нашем первом публичном AI R&D проекте: как мы за 2 недели разработали инструмент для автоматической генерации тест-кейсов и автотестов для компании IT Media Service." } }, { "id": "cdxKF-rJZ-", "type": "paragraph", "data": { "text": "Если вам нужно быстро разработать proof of concept или пилот продукта — напишите нам. Связаться с нами можно через чат-бот в Telegram или написать на почту sales@technokratos.com. " } }, { "id": "xGVLQxKOTT", "type": "header", "data": { "text": "Интро", "level": 3 } }, { "id": "XduZr6ylAT", "type": "paragraph", "data": { "text": "IT Media Service — компания, помогающая другим бизнесам поддерживать порядок и прозрачность в ИТ-проектах. Однако даже внутри такой команды рутинные задачи занимали непропорционально много времени: каждый релиз — это десятки новых задач, аналитика, макеты, комментарии, а также тест-кейсы и автотесты, которые нужно согласовать между собой вручную. Всё это увеличивало время реакции на изменения и отвлекало специалистов от более ценных для бизнеса задач." } }, { "id": "T6_w2VNSJP", "type": "image", "data": { "caption": "", "withBorder": false, "withBackground": false, "stretched": false, "file": { "url": "https://storage.yandexcloud.net/technokratos/images/articles/attachments/ckZU8wo4WFVj9qtbrw6Ssy.png" } } }, { "id": "FIeA6cSanJ", "type": "paragraph", "data": { "text": "Главная задача, которую поставил перед нами заказчик, — освободить команду от рутинной работы по созданию тест-кейсов и автотестов." } }, { "id": "wpnKxwb9J4", "type": "quote", "data": { "text": "Мы занимаемся IT-консалтингом и заказной разработкой для клиентов из сферы IT. Несколько лет мы разрабатываем и поддерживаем один продукт. С его ростом и количеством новых фич качество приходилось поддерживать вручную. Регрессия увеличивалась — и либо мы нанимали всё больше тестировщиков, либо искали способ ускорить процесс без потери качества.

С каждым релизом у нас рос объём ручного тестирования. Проверять все старые и новые сценарии вручную — это всё больше времени и людей. Поэтому мы задумались: а можем ли мы автоматизировать создание тест-кейсов и автотестов с помощью ИИ и сократить издержки?", "authorName": "Степан Русаков", "authorPosition": "Руководитель департамента качества IT Media Service", "authorAvatarPath": "/assets/images/default_avatar.webp" } }, { "id": "-e0VPTRGTO", "type": "paragraph", "data": { "text": "Хотелось, чтобы искусственный интеллект брал на себя все шаблонные и повторяющиеся действия, а люди могли больше времени тратить на решение действительно важных задач. При этом важно было не просто ускорить процесс подготовки тестовой документации, но и добиться такого качества автоматической генерации, чтобы результат не уступал работе опытных специалистов — с той же внимательностью к деталям и прозрачностью." } }, { "id": "sY1_gPpxyn", "type": "header", "data": { "text": "Цели и ожидаемый результат", "level": 3 } }, { "id": "r1tP7M4Y5-", "type": "paragraph", "data": { "text": "Перед стартом проекта мы вместе с командой IT Media Service определили, к чему хотим прийти:" } }, { "id": "u5PSG1i1gj", "type": "list", "data": { "style": "unordered", "items": [ "Автоматизировать рутинное: чтобы тест-кейсы формировались на основе аналитики и проектной документации практически «по кнопке», без долгих ручных операций.", "Сделать автотесты доступнее: чтобы автотесты создавались сразу вместе с тест-кейсами, а не появлялись неделями спустя — и их можно было быстро подключать к существующим процессам.", "Достичь качества «как у профи»: важно было, чтобы автоматически сгенерированные тест-кейсы по точности и структуре не уступали тем, что делает опытный специалист. В качестве ориентира мы поставили планку не ниже 80% совпадения с ручной работой.", "Обеспечить прозрачность: хотелось, чтобы любой участник — аналитик, тестировщик или разработчик — мог легко разобраться, как формировался тот или иной тест-кейс, и всегда знал, где найти нужную информацию." ] } }, { "id": "4mu4LseuOn", "type": "quote", "data": { "text": "«Но главная метрика — чтобы тест-кейсы, которые выдаёт ИИ, были человеку понятны и их реально можно было использовать в работе. Мы не гнались за красивыми цифрами — главное, чтобы тест-кейсы был корректными и читались так же, как если бы его написал опытный тестировщик»", "authorName": "Степан Русаков", "authorPosition": "руководитель департамента качества IT Media Service", "authorAvatarPath": "/assets/images/default_avatar.webp" } }, { "id": "nZzeLGZNkK", "type": "paragraph", "data": { "text": "Всё это должно было не только сэкономить время, но и дать команде уверенность, что качество и прозрачность тестовой документации останутся на высоком уровне" } }, { "id": "G-pH3ZJ0UM", "type": "header", "data": { "text": "Подход и решение", "level": 3 } }, { "id": "MtoRGY9j1i", "type": "header", "data": { "text": "Этап 1. Архитектура как строительные леса — и искусственный интеллект в роли прораба", "level": 4 } }, { "id": "AxU97Vgkjx", "type": "paragraph", "data": { "text": "Работу мы начали с архитектуры — словно строили дом, в котором должны свободно «жить» и данные, и логика, и интерфейс. Всё разложили по этажам: хранилище данных — один уровень, бизнес-правила и «мозги» — на другом, а «парадный вход» для пользователя — отдельно. Это дало нам свободу двигаться быстро: если нужно надстроить новый функционал или внести изменения, не приходится рушить весь дом до основания." } }, { "id": "Ur4jwzzbfU", "type": "paragraph", "data": { "text": "Для серверной части выбрали Python и FastAPI. Это как хороший швейцарский нож: позволяет быстро собрать нужный инструмент и легко поддерживать работу с большими объёмами данных, а ещё — организовать асинхронную обработку задач, чтобы система не «подвисала», даже когда нагрузка растёт." } }, { "id": "Bw2yOT3pKx", "type": "paragraph", "data": { "text": "Настоящим «прорабом» на стройке стал искусственный интеллект: мы интегрировали OpenAI ChatGPT через API, и теперь именно нейросеть анализирует документацию, вытаскивает главное из аналитики и по сути сама предлагает, как должны выглядеть тест-кейсы. Такой подход не только ускорил генерацию, но и сделал систему гибкой для любых будущих доработок." } }, { "id": "nE1xPF7apQ", "type": "paragraph", "data": { "text": "Всё это мы упаковали в Docker-контейнеры, чтобы сервис можно было легко развернуть в разных средах — тестировать, масштабировать или обновлять буквально в пару команд." } }, { "id": "DgQd640wd6", "type": "image", "data": { "caption": "Блочная архитектура проекта", "withBorder": false, "withBackground": false, "stretched": false, "file": { "url": "https://storage.yandexcloud.net/technokratos/images/articles/attachments/PBuBtq6CRe3mXbjzhfUeYC.png" } } }, { "id": "AMwsqotViI", "type": "paragraph", "data": { "text": "В результате у нас получился прочный фундамент для дальнейшей работы: архитектура уже на старте была рассчитана на развитие и любые новые интеграции." } }, { "id": "L36K967nJl", "type": "header", "data": { "text": "Этап 2. Сценарии как маршрутные карты: вся история под рукой", "level": 4 } }, { "id": "G-LKRVAIy5", "type": "paragraph", "data": { "text": "На втором этапе мы решили: хватит путаться в бесконечных ветках переписок, файлах и комментариях. Для этого ввели понятие «сценарий» — это как маршрутная карта для каждой задачи. Теперь вся история работы над конкретной фичей хранится в одном месте: аналитика, документы, сгенерированные тест-кейсы и автотесты, комментарии — всё собрано в «папку», которую удобно открыть в любой момент." } }, { "id": "SA_ryUnwhS", "type": "image", "data": { "caption": "Экран со сценариями тестирования", "withBorder": false, "withBackground": false, "stretched": false, "file": { "url": "https://storage.yandexcloud.net/technokratos/images/articles/attachments/8nKFdQNNzjYd8W8K4nqJHA.png" } } }, { "id": "Wrj5SLFAun", "type": "paragraph", "data": { "text": "Появилась прозрачность: не нужно вспоминать, почему было принято то или иное решение, или искать, где и кто что менял — вся цепочка изменений под рукой. Даже если проект вдруг резко поменяет направление, можно быстро откатиться к нужной итерации и восстановить ход мыслей." } }, { "id": "Q5NbmOqise", "type": "paragraph", "data": { "text": "Для хранения таких сценариев мы выбрали PostgreSQL, добавили уникальные идентификаторы (UUID) — теперь система легко «разруливает» сотни задач одновременно и не путается в данных. А чтобы никто не мог «потерять» или случайно изменить чужую работу, реализовали прозрачный аудит действий: любой шаг фиксируется, и всегда видно, кто и что делал." } }, { "id": "YQImaFUxIW", "type": "paragraph", "data": { "text": "В результате команда получила единый инструмент для командной работы, где все видят актуальную картину — это ускоряет принятие решений и помогает держать качество на высоте." } }, { "id": "eTChXtpw5q", "type": "header", "data": { "text": "Этап 3. Не только читать, но и видеть: как ИИ научился работать с изображениями", "level": 4 } }, { "id": "Ux8-t7srUi", "type": "paragraph", "data": { "text": "Мы прекрасно понимали: в современных проектах один макет экрана иногда говорит больше, чем десяток описаний. Поэтому решили — пусть система научится понимать не только слова, но и картинки." } }, { "id": "mkAH2s6GSD", "type": "paragraph", "data": { "text": "Добавили поддержку загрузки изображений во всех популярных форматах — от PNG до WebP. Причём работать с файлами можно максимально удобно: просто перетащить мышкой («drag & drop») или воспользоваться классическим способом через меню. Автоматическая проверка формата и размера избавила команду от случайных ошибок и долгих объяснений «почему файл не загрузился»." } }, { "id": "3vHC58Egwv", "type": "image", "data": { "caption": "Изображения для генерации тест-кейсов можно добавлять при помощи drag-n-drop", "withBorder": false, "withBackground": false, "stretched": false, "file": { "url": "https://storage.yandexcloud.net/technokratos/images/articles/attachments/fTFEJvNVUctXfNQR6vgpwL.png" } } }, { "id": "0FPrym2Ve_", "type": "paragraph", "data": { "text": "Главное нововведение — подключение Vision API от OpenAI. Теперь система умеет «смотреть» на макеты, схемы и скриншоты, анализировать интерфейс и детали, которые невозможно достать из текста. Это позволило собирать для тест-кейсов больше реальных пользовательских сценариев — с учётом всех «мелочей» на экране." } }, { "id": "0qm7EiqshP", "type": "paragraph", "data": { "text": "К каждому сценарию теперь можно прикрепить неограниченное количество изображений — так что работа над задачей стала напоминать живую дискуссию, где важна каждая деталь. Итог: тест-кейсы стали ещё ближе к реальности, а команда получила инструмент, который учитывает всё, что важно конечному пользователю." } }, { "id": "QaxZ-vl8xN", "type": "header", "data": { "text": "Этап 4. Гибкие тест-кейсы: стандарт качества и удобства", "level": 4 } }, { "id": "BBK5-kUAZr", "type": "paragraph", "data": { "text": "На этом этапе мы создали не просто «заготовку» для тест-кейсов, а полноценную, гибкую модель, которая учитывает все детали рабочего процесса. Каждый тест-кейс строится по принципу AAA (Arrange–Act–Assert): что нужно подготовить, что делать и какой результат ожидать. Плюс — приоритеты, предусловия, подробные шаги и ожидаемые результаты. Всё это теперь не надо держать в голове — система сама подскажет нужную структуру и поможет ничего не упустить." } }, { "id": "7hYqgZyj75", "type": "paragraph", "data": { "text": "Для управления тест-кейсами мы сделали удобный API — как пульт управления для сложной техники: можно создавать, редактировать, просматривать, удалять, искать и фильтровать кейсы буквально в несколько кликов, и всё это работает просто и предсказуемо для каждого члена команды." } }, { "id": "Njfm56OsLr", "type": "image", "data": { "caption": "Экран со сгенерированными тест-кейсами", "withBorder": false, "withBackground": false, "stretched": false, "file": { "url": "https://storage.yandexcloud.net/technokratos/images/articles/attachments/aCU4XErY8jPuhpw4Z4nV48.png" } } }, { "id": "94Wk3WF5OL", "type": "paragraph", "data": { "text": "Мы специально продумали защиту от дублирования и связали каждый тест-кейс с его «корнями»: аналитикой, макетами и историей правок. Теперь, если что-то меняется в проекте, не нужно вручную отслеживать каждую деталь — система сама помогает сохранять актуальность и быстро вносить правки." } }, { "id": "zWZQDGb_jS", "type": "paragraph", "data": { "text": "В итоге команда получила инструмент, который не только ускоряет автоматизацию, но и даёт полный контроль — можно как доверять ИИ, так и дорабатывать вручную, не теряя качество и прозрачность." } }, { "id": "Yz1uhhUHoB", "type": "header", "data": { "text": "Этап 5. Собрали простой, но приятный UI", "level": 4 } }, { "id": "FdQz1WI1Np", "type": "paragraph", "data": { "text": "Следующим шагом мы занялись интерфейсом. Наша задача была простой и амбициозной одновременно: сделать веб-приложение таким, чтобы с ним мог работать любой участник команды, не тратя время на инструкции и лишние вопросы." } }, { "id": "I125YPXB_2", "type": "paragraph", "data": { "text": "В основе приложения — React и TypeScript, что позволило добиться не только скорости и надёжности, но и гибкости. Мы продумали логику так, чтобы вся структура сценариев и тест-кейсов была всегда «под рукой». Пользователь может загрузить аналитику или изображения в один клик, тут же переключиться на другую задачу или просмотреть результаты генерации без долгих переходов." } }, { "id": "tNSrQPtbxO", "type": "image", "data": { "caption": "Экран генерации автотестов ", "withBorder": false, "withBackground": false, "stretched": false, "file": { "url": "https://storage.yandexcloud.net/technokratos/images/articles/attachments/byDM6YzQeg3nAa4kjxhCpc.png" } } }, { "id": "nqly7r31es", "type": "paragraph", "data": { "text": "Особое внимание уделили мелочам, которые экономят время каждый день: загрузка файлов простым перетаскиванием, мгновенная фильтрация и поиск по тест-кейсам, поддержка светлой и тёмной темы — всё это делает работу комфортной, независимо от предпочтений пользователя." } }, { "id": "Gzi1GSweQA", "type": "paragraph", "data": { "text": "В итоге получилось «единое рабочее пространство», где всё организовано логично: можно пройти весь цикл работы с тестовой документацией, не переходя между разными системами и не отвлекаясь на лишние действия. Благодаря этому команда быстрее адаптируется, меньше ошибается и просто работает эффективнее." } }, { "id": "VVZ6VYYFjw", "type": "header", "data": { "text": "Этап 6. Продукт становится ближе к жизни: собираем обратную связь и улучшаем детали", "level": 4 } }, { "id": "fl31HeUvMj", "type": "paragraph", "data": { "text": "Когда первая версия системы заработала, мы не ограничились формальной сдачей работ — вместо этого организовали постоянный диалог с командой IT Media Service. Для нас было важно не просто «выпустить продукт», а сделать так, чтобы он по-настоящему помогал в реальной работе." } }, { "id": "8uf8K2V4sF", "type": "paragraph", "data": { "text": "Команда заказчика сразу начала использовать инструмент на своих реальных задачах и делилась свежими впечатлениями: что удобно, а что требует доработки. Такой открытый обмен позволил оперативно находить слабые места и усиливать сильные стороны." } }, { "id": "jGTL3L9M9d", "type": "paragraph", "data": { "text": "С помощью регулярной обратной связи мы быстро внедрили важные улучшения:" } }, { "id": "ESCsHufMXz", "type": "list", "data": { "style": "unordered", "items": [ "Добавили защиту от дублирования тест-кейсов и научили систему учитывать уже существующие сценарии;", "Ввели отдельное поле для AAA-заголовков, чтобы документация стала ещё более структурированной и наглядной;", "Реализовали генератор end-to-end кейсов для комплексного покрытия бизнес-процессов и сложных пользовательских сценариев;", "Переписали логику генерации шагов: теперь каждое разветвление сценария формируется в отдельный тест-кейс, что заметно повышает точность и управляемость результата." ] } }, { "id": "s12UWF-Mn7", "type": "paragraph", "data": { "text": "Такой подход позволил сделать систему не просто технически корректной, а действительно полезной для повседневной работы — теперь она быстро подстраивается под реальные процессы и требования команды." } }, { "id": "S854lS8mr0", "type": "header", "data": { "text": "Этап 7. От документации — к реальной автоматизации: автотесты за пару кликов", "level": 4 } }, { "id": "t7NwrpeSiv", "type": "paragraph", "data": { "text": "Следующий шаг — научить систему не только формировать тест-кейсы, но и автоматически превращать их в готовые автотесты. Мы хотели, чтобы тестировщики и разработчики могли не только быстро получать документацию, но и запускать проверки продукта почти мгновенно." } }, { "id": "-qewwoCAx-", "type": "image", "data": { "caption": "Сгенерированные автотесты можно редактировать", "withBorder": false, "withBackground": false, "stretched": false, "file": { "url": "https://storage.yandexcloud.net/technokratos/images/articles/attachments/XCWMuhHKDaG329WVtsVRtW.png" } } }, { "id": "296jov7r0u", "type": "paragraph", "data": { "text": "Для этого реализовали технологию генерации автотестов на основе уже созданных тест-кейсов. Система подстраивается под разные языки программирования и тестовые фреймворки — не важно, на чём работает команда, автотесты всегда получаются в привычном для них формате. Мы заранее продумали структуру данных и все связи, чтобы отслеживать и искать автотесты было легко, а копирование кода не занимало лишнего времени." } }, { "id": "sHSKNr3tP_", "type": "paragraph", "data": { "text": "В интерфейсе появился отдельный раздел для автотестов — теперь достаточно открыть нужную задачу, чтобы сразу увидеть статус генерации и получить готовый код для дальнейшей работы. Такой подход позволил быстро внедрить автоматизацию в привычные процессы тестирования и заметно ускорил запуск новых фич." } }, { "id": "SL1L4Oi4fD", "type": "paragraph", "data": { "text": "В результате команда получила полный цикл работы: от аналитики и тест-кейсов — до автотестов, готовых к запуску." } }, { "id": "JyG6xkRhRN", "type": "header", "data": { "text": "Проверка гипотез и результаты: что изменилось на практике", "level": 3 } }, { "id": "9rCA8qzIUN", "type": "paragraph", "data": { "text": "ITMS изначально пришли с вопросом: сможет ли искусственный интеллект генерировать тест-кейсы такого уровня, чтобы их можно было брать в работу почти без доработок?" } }, { "id": "SJS_ucE8YK", "type": "paragraph", "data": { "text": "Для ответа на этот вопрос загрузили в систему настоящие аналитические документы и проектные материалы, а получившиеся тест-кейсы сравнили с примерами, которые раньше готовили опытные специалисты вручную. В качестве «планки» поставили реальную цифру — не менее 80% совпадения с ручными результатами." } }, { "id": "aADEvuYY0Y", "type": "paragraph", "data": { "text": "Фактические результаты приятно удивили: сгенерированные кейсы практически не требовали доработки, а команда заказчика отметила, что большую часть можно было использовать сразу «как есть». Автоматизация сработала и для автотестов: система формирует код самостоятельно, что может ускорить процесс запуска новых задач." } }, { "id": "P2DGKXbm6l", "type": "quote", "data": { "text": "Эксперимент подтвердил: ИИ способен генерировать качественные тест-кейсы и автотесты, которые можно сразу использовать. Мы попробовали разные промпты и объёмы документов — и система справилась лучше, чем ожидали", "authorName": "Степан Русаков", "authorPosition": "руководитель департамента качества IT Media Service", "authorAvatarPath": "/assets/images/default_avatar.webp" } }, { "id": "djTQTazows", "type": "paragraph", "data": { "text": "Постоянная обратная связь с командой позволила быстро подстроить алгоритмы — убрать дублирующиеся сценарии и учесть нюансы разных типов проектной документации. В результате система стала предсказуемой и надёжной — именно то, чего ждали на старте." } }, { "id": "9FGM8yAz_q", "type": "header", "data": { "text": "Вывод: появилось больше времени для новых фич", "level": 3 } }, { "id": "GYWUkQSZhS", "type": "paragraph", "data": { "text": "Этот проект стал наглядным подтверждением того, что современные ИИ-инструменты способны не просто сэкономить время на рутинных задачах, но и открыть новые возможности для команды. IT Media Service получили систему, которая выводит процесс тестирования на принципиально другой уровень: документация формируется автоматически, автотесты появляются практически по требованию, а качество и прозрачность сохраняются." } }, { "id": "KDH-TrIrzh", "type": "quote", "data": { "text": "Работать с вашей командой было приятно: не думал, что получится так быстро и что всё заработает. Сделали и UI, и backend, и реализовали фичи, о которых даже не просили — но они оказались полезными", "authorName": "Степан Русаков", "authorPosition": "руководитель департамента качества IT Media Service", "authorAvatarPath": "/assets/images/default_avatar.webp" } }, { "id": "Dum9OF6n3t", "type": "paragraph", "data": { "text": "Мы видим, что такие проекты не просто разгружают команду, но и дают бизнесу уверенность: процессы будут идти быстрее, качество останется высоким, а специалисты смогут сосредоточиться на том, что действительно важно." } }, { "id": "8VgOBSIaFh", "type": "delimiter", "data": {} }, { "id": "yyaB4uS6gh", "type": "paragraph", "data": { "text": "А если вам нужно разработать аналогичный или похожий инструмент для своей команды, то напишите нам через чат-бот в Telegram или на почту sales@technokratos.com. " } } ], "version": "2.30.5" }

Когда GenAI приходит на помощь: как мы разработали генератор тест-кейсов для IT Media Service