Тестировать интерфейс не так уж и сложно!

Некоторые люди боятся тестирования внешнего интерфейса, другие думают, что это рутинная работа, потому что они видят, что оно уже работает. Не говоря уже о людях, которые вообще не тестируют.

Одна из проблем, с которой я столкнулся при тестировании интерфейса, в основном из-за используемой структуры. Повсюду одни div, множество порталов и атрибутов, которые ведут неизвестно куда.

Если запрос завершается неудачно, он предоставляет визуализируемый HTML-код, чтобы вы могли его проверить. Но мы не роботы, поэтому проще посмотреть, КАК это выглядит.

Входит: https://testing-playground.com/

Вы можете просто скопировать HTML и вставить его туда, чтобы он показывал то, что «видит» тест. Это позволяет легче выяснить, почему запрос не работает.

Вместо ожидания ошибок вы также можете использовать screen.debug() для печати текущего HTML.

У него также есть расширения для браузера, которые вы можете использовать непосредственно на веб-сайтах. Например, вы можете просто запустить свой фронтенд и проверить там все с помощью расширения.

Вот тут-то и приходит этот маленький большой помощник:

screen.logTestingPlaygroundURL()

Вы можете просто протестировать это, и он напечатает ссылку на игровую площадку со всем, что вы можете протестировать.

Если оставить в стороне стили, вы, вероятно, сможете использовать его даже как способ реализации TDD! На каждом этапе вы можете видеть, что именно визуализируется. Таким образом, вы, вероятно, сможете разработать все, не запуская start или dev ни разу! После этого останется только стайлинг!

Некоторые люди, которые не тестируют, могут сказать или подумать, что это «медленно». Но когда в вашем приложении много логики, вам приходится делать одно и то же много раз, чтобы добраться до той части, с которой у вас возникли проблемы, и сделать еще одну попытку.

С помощью тестов вы позволяете ему выполнять все этапы и даже больше! Вместо того, чтобы верить, что вы не сломаете что-то еще, когда исправляете, вы знаете, что все по-прежнему работает.

Он существует уже давно, я узнал о нем недавно, и это уже изменило то, как я провожу тесты!