Сеть в UI-тестах: page.route, MSW и где мок врёт

Савва · продакт, #qa-antrakt

Вчера «ПлатиМ» лежал двадцать минут. В поддержке 140 писем, все одинаковые: «нажимаю “Оплатить”, кнопка мигает, и ничего». Тесты оплаты при этом зелёные. Как так?

Ника · фронтенд, #qa-antrakt

Сообщение «Платёжный шлюз недоступен» у меня есть, я его сама видела: включаю моки в dev, ставлю на оплату ответ 503, и оно показывается.

Вера Ланская · лид QA, #qa-antrakt

Экран «шлюз недоступен» должен проверять тест, а не Ника в dev. И заодно разберитесь, где у нас подменён бэкенд. Я вчера открыла «e2e оплаты» и нашла там подмену всего /api.

В прошлом уроке набор научился входить через API и открывать браузер сразу на странице оплаты. В уроке 59 ты подменял сеть под клиентом «ПлатиМ»: respx и MSW отвечали вместо шлюза, а клиент работал как в бою. Сегодня та же идея, только под перехватом не клиент, а экран. И главный вопрос урока не «как подменить», а «где подмена честна, а где превращает тест в спектакль».

Техническая репетиция и премьера

В театре перед премьерой бывает техническая репетиция. Актёры играют не весь спектакль, а трудные места, и помреж по команде устраивает аварии: гаснет свет, отказывает микрофон, не опускается занавес. Актёры отрабатывают, что делать. На настоящей премьере такую аварию по расписанию не закажешь, а репетировать её надо.

Но премьеру под фонограмму не играют. Зал похлопает, запись звучит чисто, а в антракте выяснится, что микрофоны не работали весь вечер. Фонограмма проверила только то, как певец открывает рот.

Подмена сети в UI-тесте это пульт помрежа. Ею честно устраивать аварии на одной ручке: шлюз лёг, связь оборвалась, ответ задержался. А подменить весь бэкенд в сквозном тесте значит сыграть премьеру под фонограмму.