Jak używać Selenium IDE ze skryptami i poleceniami (potwierdzanie, weryfikacja)

Użyjemy Mercury Witryna internetowa Tours jako nasza aplikacja internetowa w fazie testowania. Jest to system rezerwacji lotów online, który zawiera wszystkie elementy potrzebne do tego samouczka. Jego adres URL to https://demo.guru99.com/test/newtours/, i to będzie nasz podstawowy adres URL.

Stwórzmy teraz nasz pierwszy skrypt testowy w Selenium IDE najpopularniejszą metodą – poprzez nagrywanie. Następnie wykonamy nasz skrypt korzystając z funkcji odtwarzania.

Utwórz skrypt poprzez nagranie

Krok 1

  • Premiera Firefox oraz Selenium SDI.
  • Wpisz wartość naszego podstawowego adresu URL: https://demo.guru99.com/test/newtours/.
  • TogglWłącz przycisk Nagrywanie (jeśli nie jest domyślnie włączony).

Utwórz skrypt poprzez nagranie

Krok 2

In Firefox, nawigować do https://demo.guru99.com/test/newtours/. Firefox powinno przenieść Cię na stronę podobną do pokazanej poniżej.

Utwórz skrypt poprzez nagranie

Krok 3

  • Kliknij prawym przyciskiem myszy dowolne puste miejsce na stronie, np. na Mercury Logo Tours w lewym górnym rogu. Spowoduje to wyświetlenie Selenium Menu kontekstowe IDE. Uwaga: nie klikaj żadnych obiektów ani obrazów, do których prowadzą hiperłącza
  • Wybierz opcję „Pokaż dostępne polecenia”.
  • Następnie wybierz „assertTitle valid: Welcome: Mercury Wycieczki.” To polecenie sprawdza, czy tytuł strony jest poprawny.

Utwórz skrypt poprzez nagranie

Utwórz skrypt poprzez nagranie

Krok 4

  • W polu tekstowym „Nazwa użytkownika” Mercury Tours, wpisz nieprawidłową nazwę użytkownika „invalidUNN”.
  • W polu tekstowym „Hasło” wpisz nieprawidłowe hasło, „invalidPWD”.

Utwórz skrypt poprzez nagranie

Utwórz skrypt poprzez nagranie
Krok 5

  • Kliknij przycisk „Zaloguj się”. Firefox powinien przenieść Cię na tę stronę.

Utwórz skrypt poprzez nagranie

Krok 6

Toggle wyłącz przycisk nagrywania, aby zatrzymać nagrywanie. Twój skrypt powinien teraz wyglądać jak ten pokazany poniżej.

Utwórz skrypt poprzez nagranie

Krok 7

Teraz, gdy skończyliśmy z naszym skryptem testowym, zapiszemy go w przypadku testowym. W menu Plik wybierz opcję „Zapisz przypadek testowy”. Alternatywnie możesz po prostu nacisnąć Ctrl+S.

Utwórz skrypt poprzez nagranie

Krok 8

  • Wybierz żądaną lokalizację, a następnie nazwij ją Przypadek testowy jako „Nieprawidłowy_login”.
  • Kliknij przycisk „Zapisz”.

Utwórz skrypt poprzez nagranie

Krok 9

Zauważ, że plik został zapisany w formacie HTML.

Utwórz skrypt poprzez nagranie

Krok 10) Wróć do Selenium IDE i kliknij przycisk Odtwarzanie, aby wykonać cały skrypt. Selenium IDE powinno być w stanie replikować wszystko bezbłędnie.

Utwórz skrypt poprzez nagranie

Wprowadzenie do Selenium Polecenia – Selenese

  • Polecenia Selenese mogą mieć maksymalnie dwa parametry: cel i wartość.
  • Parametry nie są wymagane przez cały czas. To zależy od tego, ile poleceń będzie potrzebować.

Rodzaje poleceń

Akcje Są to polecenia, które bezpośrednio wchodzą w interakcję z elementami strony.

Przykład: polecenie „kliknij” jest akcją, ponieważ wchodzisz w bezpośrednią interakcję z elementem, na który klikasz.

Polecenie „type” jest również akcją, ponieważ wprowadzasz wartości do pola tekstowego, a pole tekstowe wyświetla je w zamian. Między Tobą a polem tekstowym zachodzi dwustronna interakcja.

Akcesoria Są to polecenia umożliwiające przechowywanie wartości w zmiennej.

Przykład: polecenie „storeTitle” jest akcesorem, ponieważ „odczytuje” tylko tytuł strony i zapisuje go w zmiennej. Nie wchodzi w interakcję z żadnym elementem na stronie.

Asercje Są to polecenia sprawdzające, czy został spełniony określony warunek.

3 rodzaje twierdzeń

  • Twierdzić. Jeśli polecenie „assert” nie powiedzie się, test zostanie natychmiast zatrzymany.
  • zweryfikować. Gdy polecenie „weryfikuj” nie powiedzie się, Selenium IDE rejestruje tę awarię i kontynuuje wykonywanie testu.
  • Poczekaj na. Przed przejściem do następnego polecenia polecenia „waitFor” będą najpierw czekać, aż określony warunek stanie się prawdziwy.
    • Jeśli warunek spełni się w okresie oczekiwania, krok zostaje uznany.
    • Jeśli warunek nie zostanie spełniony, krok kończy się niepowodzeniem. Niepowodzenie jest rejestrowane, a wykonywanie testu przechodzi do następnego polecenia.
    • Domyślnie wartość limitu czasu jest ustawiona na 30 sekund. Możesz to zmienić w pliku Selenium Okno dialogowe Opcje IDE na karcie Ogólne.

Potwierdź a zweryfikuj Selenium

Potwierdź a zweryfikuj Selenium

Potwierdź a zweryfikuj Selenium

Wspólne polecenia

Command Liczba parametrów OPIS
koncepcja 0 - 2 Otwiera stronę przy użyciu adresu URL.
kliknij/kliknij i czekaj 1 Kliknięcie określonego elementu.
typ/typKeys 2 Wpisuje ciąg znaków.
zweryfikuj tytuł/potwierdź tytuł 1 Porównuje rzeczywisty tytuł strony z wartością oczekiwaną.
zweryfikujTextPresent 1 Sprawdza, czy na stronie znajduje się określony tekst.
zweryfikuj element obecny 1 Sprawdza obecność określonego elementu.
zweryfikuj tabelę 2 Porównuje zawartość tabeli z wartościami oczekiwanymi.
poczekaj naPageToLoad 1 Wstrzymuje wykonywanie do momentu całkowitego załadowania strony.
poczekaj na element obecny 1 Wstrzymuje wykonywanie do momentu pojawienia się określonego elementu.

Utwórz skrypt ręcznie za pomocą Firebuga

Teraz ręcznie odtworzymy ten sam przypadek testowy, wpisując polecenia. Tym razem będziemy musieli użyć Firebuga.

Krok 1

Utwórz skrypt ręcznie za pomocą Firebuga

Krok 2: Kliknij najwyższą pustą linię w Edytorze.

Utwórz skrypt ręcznie za pomocą Firebuga

Wpisz „otwórz” w polu tekstowym Polecenie i naciśnij Enter.

Utwórz skrypt ręcznie za pomocą Firebuga

Krok 3

  • Nawigacja Firefox do naszego podstawowego adresu URL i aktywuj Firebug
  • W Selenium W panelu Edytora IDE wybierz drugi wiersz (wiersz poniżej polecenia „open”) i utwórz drugie polecenie, wpisując „assertTitle” w polu Polecenie.
  • Zachęcamy do korzystania z funkcji autouzupełniania.

Utwórz skrypt ręcznie za pomocą Firebuga

Krok 4

  • W Firebug rozwiń plik tag, aby wyświetlić etykietka.
  • Kliknij wartość tag (czyli „Witamy: Mercury Wycieczki”) i wklej go do pliku Target pole w Edytorze.

Utwórz skrypt ręcznie za pomocą Firebuga

Krok 5

  • Aby utworzyć trzecie polecenie, kliknij trzeci pusty wiersz w Edytorze i wpisz „type” w polu tekstowym Polecenie.
  • W Firebug kliknij przycisk „Sprawdź”.

Utwórz skrypt ręcznie za pomocą Firebuga

Kliknij pole tekstowe User Name. Zauważ, że Firebug automatycznie pokazuje kod HTML dla tego elementu.

Utwórz skrypt ręcznie za pomocą Firebuga

Krok 6 Zauważ, że pole tekstowe User Name nie ma identyfikatora, ale ma atrybut NAME. Dlatego użyjemy jego NAME jako lokalizatora. Skopiuj wartość NAME i wklej ją do Target pole w Selenium SDI.

Utwórz skrypt ręcznie za pomocą Firebuga

Jeszcze w Target pole tekstowe, prefiks „userName” z „name=”, wskazując, że Selenium IDE powinno kierować element, którego atrybut NAME to „userName”.

Utwórz skrypt ręcznie za pomocą Firebuga

Wpisz „invalidUN” w polu tekstowym Wartość Selenium IDE. Twój skrypt testowy powinien teraz wyglądać jak na obrazku poniżej. Skończyliśmy z trzecim poleceniem. Uwaga: Zamiast validUN możesz wprowadzić dowolny inny ciąg tekstowy. Ale Selenium W IDE rozróżniana jest wielkość liter, a wartości/atrybuty wpisujesz dokładnie tak, jak w aplikacji.

Utwórz skrypt ręcznie za pomocą Firebuga

Krok 7

  • Aby utworzyć czwarte polecenie, wpisz „type” w polu tekstowym Polecenie.
  • Ponownie użyj przycisku „Inspect” (Sprawdź) w Firebug, aby uzyskać lokalizator pola tekstowego „Password” (Hasło).

Utwórz skrypt ręcznie za pomocą Firebuga

  • Wklej atrybut NAME („hasło”) do pliku Target pole i poprzedź je „name=”
  • Wpisz „invalidPW” w polu Wartość w Selenium IDE. Twój skrypt testowy powinien teraz wyglądać jak na obrazku poniżej.

Utwórz skrypt ręcznie za pomocą Firebuga

Krok 8

  • W przypadku piątego polecenia wpisz „clickAndWait” w polu tekstowym Polecenie Selenium SDI.
  • Użyj przycisku „Sprawdź” Firebuga, aby znaleźć lokalizator przycisku „Zaloguj się”.

Utwórz skrypt ręcznie za pomocą Firebuga

  • Wklej wartość atrybutu NAME („login”) do pliku Target pole tekstowe i dodaj do niego prefiks „name=”.
  • Twój skrypt testowy powinien teraz wyglądać jak na obrazku poniżej.

Utwórz skrypt ręcznie za pomocą Firebuga

Krok 9: Zapisz przypadek testowy w taki sam sposób, jak zrobiliśmy to w poprzedniej sekcji.

Korzystanie z przycisku Znajdź

Przycisk Znajdź w Selenium IDE służy do sprawdzenia, czy to, co umieściliśmy w pliku Target pole tekstowe jest rzeczywiście prawidłowym elementem interfejsu użytkownika.

Użyjmy przypadku testowego Invalid_login, który utworzyliśmy w poprzednich sekcjach. Kliknij dowolne polecenie z a Target wpis, powiedzmy, trzecie polecenie.

Korzystanie z przycisku Znajdź

Kliknij przycisk Znajdź. Zauważ, że pole tekstowe Nazwa użytkownika w Mercury Strona wycieczek zostanie podświetlona na sekundę.

Korzystanie z przycisku Znajdź

Oznacza to, że Selenium IDE było w stanie poprawnie wykryć oczekiwany element i uzyskać do niego dostęp. Jeśli przycisk Znajdź podświetlił inny element lub nie podświetlił żadnego elementu, oznacza to, że coś jest nie tak z Twoim skryptem.

Wykonaj polecenie

Pozwala to na wykonanie dowolnego pojedynczego polecenia bez uruchamiania całego przypadku testowego. Po prostu kliknij linię, którą chcesz wykonać, a następnie kliknij „Akcje > Wykonaj to polecenie” na pasku menu lub po prostu naciśnij „X” na klawiaturze.

Krok 1) Upewnij się, że Twoja przeglądarka jest włączona Mercury Strona główna wycieczek. Kliknij polecenie, które chcesz wykonać. W tym przykładzie kliknij „wpisz | nazwa użytkownika | nieprawidłowa linia UN”.

Wykonaj polecenie

Krok 2) Naciśnij „X” na klawiaturze.

Krok 3) Zwróć uwagę, że pole tekstowe nazwy użytkownika zostaje wypełnione tekstem „invalidUN”

Wykonaj polecenie

Wykonywanie poleceń w ten sposób zależy w dużym stopniu od strony, na której Firefox jest obecnie wyświetlanyOznacza to, że jeśli wypróbujesz powyższy przykład z wyświetloną stroną główną Google zamiast Mercury Tours, wówczas Twój krok zakończy się niepowodzeniem, ponieważ na stronie głównej Google nie ma pola tekstowego z atrybutem „userName”.

Punkt startu

Punkt początkowy to wskaźnik, który mówi Selenium IDE, w których liniach rozpocznie się wykonywanie. Jego klawisz skrótu to „S”.

Punkt startu

W powyższym przykładzie odtwarzanie rozpocznie się od trzeciej linii (wpisz | hasło | nieprawidłowe hasło). W jednym skrypcie testowym można mieć tylko jeden punkt początkowy.

Punkt startowy jest podobny do polecenia Execute Command, ponieważ zależą od aktualnie wyświetlanej strony. Punkt startowy nie powiedzie się, jeśli jesteś na niewłaściwej stronie.

Punkty przerwania

Punkty przerwania to wskaźniki, które mówią Selenium IDE, w którym automatycznie wstrzymuje się test. Klawisz skrótu to „B”.

Punkty przerwania

Żółte podświetlenie oznacza, że ​​bieżący krok jest w toku. To tego dowodzi Selenium IDE wstrzymało wykonywanie na tym etapie. W jednym przypadku testowym można mieć wiele punktów przerwania.

Krok

Umożliwia wykonywanie kolejnych poleceń pojedynczo po wstrzymaniu przypadku testowego. Skorzystajmy ze scenariusza z poprzedniej sekcji „Punkty przerwania”.

Krok

Przed kliknięciem „Krok”.

Przypadek testowy zatrzymuje się na wierszu „clickAndWait | Zaloguj sie".

Krok Po kliknięciu „Krok”.

Opcja „kliknij i czekaj | login” zostanie uruchomiony i nastąpi przejście do następnego polecenia (verifyTitle | Sign-on: Mercury Wycieczki).

Zauważ, że następna linia jest wstrzymana, mimo że nie ma w niej punktu przerwania. To jest główny cel funkcji Krok – wykonuje ona kolejne polecenia pojedynczo, aby dać ci więcej czasu na sprawdzenie wyniku po każdym kroku.

Ważne rzeczy, na które należy zwrócić uwagę podczas korzystania z innych formatów w widoku źródłowym

Ważne rzeczy, na które należy zwrócić uwagę podczas korzystania z innych formatów w widoku źródłowym

Selenium IDE działa dobrze tylko z HTML – inne formaty są wciąż w trybie eksperymentalnym. Jest Niewskazana do tworzenia lub edytowania testów przy użyciu innych formatów w Source View, ponieważ nadal potrzeba dużo pracy, aby był stabilny. Poniżej znajdują się znane błędy z wersji 1.9.1.

  • Nie będziesz mógł odtwarzać ani przełączać się z powrotem do widoku tabeli, chyba że powrócisz do HTML.
  • Jedynym sposobem bezpiecznego dodawania poleceń do kodu źródłowego jest ich nagranie.
  • Jeśli zmodyfikujesz kod źródłowy ręcznie, wszystko zostanie utracone po przejściu na inny format.
  • Chociaż możesz zapisać swój przypadek testowy w widoku źródła, Selenium IDE nie będzie w stanie go otworzyć.

Zalecanym sposobem konwersji testów Selenese jest użycie opcji „Eksportuj przypadek testowy jako…” w menu Plik, a nie poprzez widok źródła.

Podsumowanie

  • Skrypty testowe można tworzyć poprzez nagrywanie lub ręczne wpisywanie poleceń i parametrów.
  • Podczas ręcznego tworzenia skryptów do uzyskania lokalizatora używany jest Firebug.
  • Przycisk Znajdź służy do sprawdzania, czy polecenie może uzyskać dostęp do właściwego elementu.
  • Widok tabeli wyświetla skrypt testowy w formie tabelarycznej, podczas gdy widok źródłowy wyświetla go w formacie HTML.
  • Zmiana widoku źródła na format inny niż HTML jest nadal eksperymentalna.
  • Nie używaj widoku źródła do tworzenia testów w innych formatach. Zamiast tego użyj funkcji eksportu.
  • Parametry nie są wymagane przez cały czas. To zależy od polecenia.
  • Istnieją trzy typy poleceń:
    • Akcje – bezpośrednio wchodzą w interakcję z elementami strony
    • Akcesory – „odczytuje” właściwość elementu i zapisuje ją w zmiennej
    • Asercje – porównują wartość rzeczywistą z wartością oczekiwaną
  • Asercje mają trzy typy:
    • Assert – w przypadku niepowodzenia kolejne kroki nie są już wykonywane
    • Sprawdź – w przypadku niepowodzenia, kolejne kroki są nadal wykonywane.
    • WaitFor – przechodzi, jeśli określony warunek stanie się prawdą w okresie limitu czasu; w przeciwnym razie nie powiedzie się
  • Najczęstsze polecenia to:
    • koncepcja
    • kliknij/kliknij i czekaj
    • typ/typKeys
    • zweryfikuj tytuł/potwierdź tytuł
    • zweryfikujTextPresent
    • zweryfikuj element obecny
    • zweryfikuj tabelę
    • poczekaj naPageToLoad
    • poczekaj na element obecny