Tryby działania Cypress

Cypress umożliwia uruchamianie testów w dwóch trybach: wizualnym i z poziomu CLI w trybie headless (bez interfejsu graficznego).

Test Runner

Test runner to narzędzie dołączane wraz z Cypressem, które wykonuje operacje krok po kroku i jednocześnie wyświetla podgląd. Jest to przydatne narzędzie przy pisaniu i debugowaniu testów.

Aby uruchomić test runner będąc w katalogu z projektem wpisz w terminalu:

npx cypress open

Po prawej w sekcji rzutni widać to co widzi użytkownik. Po lewej stronie test runnera widoczny jest postęp testowania wraz z logami . Możesz tam zobaczyć które testy przeszły pomyślnie i w których wystąpił jakiś problem. Po najechaniu na konkretny krok rzutnia wyświetli stan z danego momentu. Dodatkowe informacje na temat testu widoczne są po kliknięciu.

https://cdn.xyzedge.com.pl/codehub/tester/tryb1.png

W przypadku gdy wystąpi błąd zobaczysz jego detale:

https://cdn.xyzedge.com.pl/codehub/tester/tryb2.png

Headless CLI

Testy mogą być także uruchamiane z poziomu wiersza poleceń. W tym trybie nie zobaczysz podglądu na żywo jednak testy zostaną wykonane w ten sam sposób.

Aby uruchomić testy w trybie headless wpisz w terminalu będąc w katalogu projektu:

npx cypress run

W ten sposób zostaną wykonane kolejne testy.

https://cdn.xyzedge.com.pl/codehub/tester/tryb3.png

Brak podglądu na żywo nie oznacza brak podglądu w ogóle. Domyślnie Cypress przygotowuje nagrania wideo z testów dostępne w katalogu:

cypress/videos/

W wierszu poleceń także zobaczysz przydatne informacje w momencie gdy wystąpi problem:

https://cdn.xyzedge.com.pl/codehub/tester/tryb4.png

Gdy wystąpi problem domyślnie Cypress robi zrzut ekranu z konkretnego momentu. Zrzuty są dostępne w katalogu:

cypress/screenshots/

Cypress w trybie wiersza poleceń może przyjąć kilka argumentów. Istotniejszy z nich to spec umożliwiający uruchomienie konkretnego pliku z testami:

cypress run --spec "cypress/integration/nazwa-testu.spec.js"

Można także dodać tagi by rozróżnić przebiegi testów:

cypress run --tag "production"

Zarówno spec jak i tag umożliwia przyjęcie wielu danych wejściowych, należy je rozdzielić po przecinku np.

cypress run --spec "cypress/integration/nazwa-testu.spec.js,cypress/integration/nazwa-innego-testu.spec.js"

Nasza strona internetowa używa plików cookies (tzw. ciasteczka) w celach statystycznych, reklamowych oraz funkcjonalnych. Dowiedz się więcej jak je wyłączyć. Ta strona jest chroniona przez reCAPTCHA i Google polityka prywatności Google i regulamin Google.

logo

Copyright © 2021 CodeHub.pl