Ta strona wygląda najlepiej z włączoną obsługą JavaScript

Odkrywanie API Taiko dla zautomatyzowanych testów w przeglądarkach

 ·  ☕ 2 min czytania  ·  🐧 sysadmin

Repozytorium Taiko
API Taiko

  1. Oto samouczek wideo

Witamy w tym samouczku, w którym zgłębimy możliwości API Taiko. Taiko to biblioteka Node.js zaprojektowana do automatyzacji przeglądarek internetowych z jasnym i zwięzłym API. W tej sesji użyjemy interaktywnego pętli Read-Eval-Print Loop (REPL) Taiko, aby zbadać i zademonstrować, jak skutecznie używać różnych funkcji API.

Rozpoczęcie

Przed rozpoczęciem upewnij się, że masz zainstalowane Taiko. Jeśli jeszcze nie zainstalowałeś Taiko, możesz to zrobić, postępując zgodnie z moim poprzednim samouczkiem.

Konfiguracja i uruchamianie automatycznych testów przeglądarkowych z użyciem Taiko i Gauge w Visual Studio Code

To zainstaluje Taiko oraz niezbędne komponenty do rozpoczęcia.

Uruchamianie REPL Taiko

Aby zacząć eksplorować API Taiko, musimy uruchomić REPL. Otwórz swoje terminal i wpisz:

1
npx taiko

To polecenie otworzy wiersz poleceń Taiko, gdzie możesz zacząć wpisywać komendy Taiko bezpośrednio.

Eksploracja funkcji API

Gdy znajdziesz się w REPL, możesz wylistować wszystkie dostępne funkcje API, wpisując:

1
.api

To wyświetli listę wszystkich poleceń, które możesz użyć, wraz z ich krótkimi opisami.

Szczegółowe informacje o funkcji

Aby uzyskać więcej informacji o konkretnej funkcji, takich jak przykłady użycia i parametry, użyj polecenia .api po którym następuje nazwa funkcji. Przyjrzyjmy się kilku kluczowym funkcjom:

  • Goto

    1
    
    .api goto
    

    Użyj funkcji goto, aby przejść do URL. Oto jak możesz jej użyć:

    1
    
    goto('https://google.com')
    
  • Click

    1
    
    .api click
    

    Funkcja click służy do symulowania kliknięć myszą na elementach. Na przykład:

    1
    
    click('Zaloguj się')
    
  • Write

    1
    
    .api write
    

    write służy do wpisywania tekstu w pola wejściowe:

    1
    
    write('hello@taiko.dev', into(textBox({placeholder: 'Email'})))
    
  • Evaluate

    1
    
    .api evaluate
    

    Użyj evaluate do wykonania niestandardowego kodu JavaScript na stronie:

    1
    
    evaluate(() => document.title)
    

Łączenie poleceń

Teraz połączmy kilka tych poleceń, aby wykonać sekwencję działań, które prawdziwy użytkownik mógłby wykonać:

  1. Otwórz przeglądarkę i przejdź na stronę internetową.
  2. Wyszukaj termin.
  3. Kliknij na wynik wyszukiwania.

Oto jak to wygląda w REPL:

1
2
3
4
5
await openBrowser();
await goto('https://google.com');
await write('automatyzacja testów Taiko', into(textBox({id: 'search'})));
await click('Szukaj w Google');
await click(link('Taiko GitHub'));

Generowanie skryptu

Po zakończeniu sekwencji poleceń w REPL możesz wygenerować skrypt używając polecenia .code. Jest to przydatne do zapisania sesji jako wykonywalnego skryptu:

1
.code

Zakończenie

Ten samouczek omówił, jak interaktywnie eksplorować i używać API Taiko do automatyzacji przeglądarki. Dzięki zrozumieniu tych funkcji możesz napisać bardziej solidne i łatwe do utrzymania skrypty automatyzujące przeglądarkę.

Zachęcam do eksperymentowania z innymi funkcjami API i eksploracji bardziej złożonych interakcji na własną rękę. Powodzenia w testowaniu!

Podziel się
Wesprzyj autora

sysadmin
UTWORZONE PRZEZ
sysadmin
QA & Linux Specialist