Анна Кириенко — Процесс автоматизации тестирования микрофронтенда, или Как сделать все удобно

Опубликовано: 11 Май 2025
на канале: Heisenbug — конференция по тестированию
1,212
27

Ближайшая конференция — Heisenbug 2025 Autumn, 19—20 октября, Санкт-Петербург + online. Подробности и билеты: https://jrg.su/D6uGC9
— —
Скачать презентацию с сайта Heisenbug — https://jrg.su/QxbPtM

Tinkoff FormBuilder — это библиотека для построения интерактивных форм на React и TypeScript, которая поставляет готовые компоненты (инпуты, кнопки и другие). Эти компоненты используют различные команды Tinkoff для составления форм (к примеру, кредитная, дебетовая формы).

Отсутствовал единый подход к тестированию компонентов FormBuilder, в связи с чем был разработан Component Object-подход.

Component Object — это объект, который содержит все нужные методы и локаторы для тестирования компонента.

Применение Component Object-подхода позволило унифицировать подход к тестированию компонентов с разной версткой, а также в целом подход к тестированию для всех команд в отделе разработки публичных веб-приложений. Появились единый интерфейс построения и единый способ расширения локаторов, исчезла зависимость кода тестов от изменений верстки компонентов.