CodeceptJS – interaktywny shell – Jak może pomóc w testach?

Posted by in codeceptjs, dajsiepoznac, debugowanie, it

CodeceptJS – interaktywny shell – W jaki sposób może pomóc w testach?

Witajcie.

W poprzednim poście rozpoczynającym serię wpisów na temat CodeceptJS nauczyliśmy się jak stworzyć pierwszy test oraz w jaki sposób zainicjować projekt. Dziś zajmiemy się dalszymi aspektami poznawania CodeceptJS , którego używam do projektu testów w konkursie DajSiePoznać (link). Z dzisiejszego wpisu nauczymy się jak uruchomić CodeceptJS  w trybie interaktywnym (shell), dzięki czemu nasze testy będziemy mogli tworzyć szybciej. Tryb interaktywny pozwala bowiem szybko sprawdzić, czy nasz krok (czyli zapisana metoda po „I” np. I.click(‚element’)) uruchomia się oraz równocześnie zobaczyć efekt działania kodu. Rezultat działania testu widzimy szybciej niż przez codeceptjs run. Testy możemy pisać w taki sposób:

  • Wpisujemy metodę po metodzie w shellu
  • Jeżeli dany krok po „I.”  jest dobry to kopiujemy daną linijkę do testu w naszym IDE
  • Dzięki temu gdy jest błąd od razu wiemy w której linijce / kroku

Czego potrzebujemy?

  • Przygotowanego projektu tak jak w pierwszej części serii o codeceptjs (link)
  • Strony, na której będziemy pisać testy. (Ja wykorzystam stronę aplikacji, którą wystawił mi Bartek (link))
  1. Włączamy terminal.
  2. Przechodzimy do katalogu, w którym mamy testy.

codeceptjs      3. Następnie w terminalu używamy komendy:

codeceptjs shell

      4. Dalej wpisujemy metodę I.amOnPage(‚/) specjalnie z błędem, by zobaczyć jak framework się zachowa. Jak widzimy występuję błąd.

      5. Kolejnym krokiem jest wpisanie I.amOnPage(‚/’) metody, która przeniesie nas do do strony testowanej.

      6. Następnie używamy metody I.see(”), która pozwala sprawdzić, czy dany element jest widoczny na stronie.

      7. Po innych użyciach metody I.see(”). Używam metody I.click(‚.red’) dzięki temu, zostaje kliknięty przycisk MORE. Klikamy w selector „.red”, który ma przycisk MORE.

Zrzut ekranu 2017-03-26 o 21.08.59
Zrzut ekranu 2017-03-26 o 21.01.01

 

Zrzut ekranu 2017-03-26 o 21.03.14

 

 

Podsumowanie

Zatem w tym poście dowiedzieliśmy się, w jaki sposób możemy używać powłoki shell w naszych testach. Dzięki niej możemy krok po kroku sprawdzać rezultat z uruchomienia danego testu. Jest to szybki sposób, jeżeli chcemy „na szybko” sprawdzić, czy krok, który chcemy wykonać, przejdzie. W następnych częściach dowiemy się m.in. w jaki sposób używać wzorca Page Object Pattern oraz innych przełączników podczas uruchamiania testów.