Wszyscy już przyzwyczailiśmy się do tego, że w zależności od przeglądarki sposób wyświetlenia naszej strony może się nieznacznie różnić. Wprawdzie w ostatnich latach zrobiono wiele, aby kod HTML i CSS był renderowany w taki sam sposób na wszystkich przeglądarkach, to nadal trzeba mieć rękę na pulsie.

W ostatnim czasie potrzebowałem przetestować funkcjonalność przy użyciu jak największej ilości przeglądarek. Wększość popularnych narzędzi ogranicza się do możliwości uruchomienia testów w Chrome i Firefox. Dla mnie kluczowym były testy również, a nawet przede wszystkim na ich mniej popularnych konkurentach.

Mój wybór padł na TestCafe – narzędzie dzięki któremu możemy pisać testy automatyczne przy użyciu TypeScriptu, jednak najciekawsze jest to, że testy jesteśmy w stanie łatwo uruchomić na niemal wszystkich zainstalowanych lokalnie przeglądarkach.

TestCafe jest dojrzałym rozwiązaniem posiadającym dobrze napisaną dokumentację, a także sporą społeczność.

Po zainstalowaniu TestCafe:
npm install -g testcafe

Uruchamiając poniższą komendę:
npx testcafe --list-browsers

Otrzymujemy pełną listę wykrytych lokalnie przeglądarek, w moim przypadku:
chrome, firefox, ie, edge, edge-legacy, opera

Dodatkowo chrome i firefox mogą być taże uruchomione z flagą headless.

Dzięki temu jesteśmy w stanie w szybki sposób napisać testy weryfikujące funkcjonalność na wielu przeglądarkach.

Możemy również wykorzystać dostępne providery pozwalające na integrację z usługami testowymi w chmurze, takimi jak LambdaTest czy Browserstack. Otwiera to przed nami możliwość uruchamiania testów na ponad 2000 urządzeń, emulowanych i fizycznych.
Ten post jest tylko elementem zaczepnym, jeżeli zainteresował Cię ten temat to przejdź do dokumentacji TestCafe i sam przekonaj się, czy w Twoim wypadku warto skorzystać z tego narzędzia.