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

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

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

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

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