Co to jest lokator na stronie www?
W celu znajdowania elementów na stronie używamy tzw. ”lokatorów”. Każdy element na stronie osadzony jest w strukturze html. Jak przeglądasz stronę to widzisz jego miejsce, potrafisz określić jego wygląd, rozmiar itd. Żeby jednak móc zautomatyzować „klikanie” po UI po elementach strony, musisz określić ich dokładne położenie w strukturze html. Przy znajdowaniu tych elementów, ważne jest aby taki lokator był odporny na zmiany. Dobrą praktyką jest znajdowanie lokatorów po ID, gdyż z założenia jest zwykle unikatową wartością na danej stronie. Jakie jeszcze inne mamy przykłady dla znajdywania lokatorów? Możesz sprawdzić tutaj https://www.selenium.dev/documentation/webdriver/elements/locators/
Xpath bezwględny
Bardzo często stosuje się również wyrażenie xpath do znajdowania lokatorów. Kiedyś wykorzystywano xpathy bezwględne. Były one podatne na zmiany na UI, a Selenium potrzebowało dużo czasu na znalezienie takich elementów. Obecnie ten problem już nie występuje. Przy dobrze zdefiniowanym xpathie nie tracimy na efektywności przy wyszukiwaniu lokatorów.
5 sposobów na znajdowanie lokatorów na stronie
Polecam https://www.saucedemo.com/ do nauki
Konsola deweloperska Googla
jest to bardzo przydatne narzędzie nie tylko programisty, ale też testera do podglądania elementów na stronie webowej. Pozwala na znajdywanie tychże elementów, pokazuje ruch sieciowy, statusy odpowiedzi z serwera, pozwala zasymulować błąd itp. W celu identyfikacji loaktorów będziemy używali zakładkę „elements” i posłużymy się ściągą:
https://www.cheat-sheets.org/saved-copy/Locators_table_1_0_2.pdf
Znajdowanie lokatorów za pomocą konsoli deweloperskiej Googla
Selenium IDE
wtyczka, która nagrywa kroki, które przechodzisz po UI jako użytkownik. Rejestruje nasze polecenia, co kliknęliśmy, co wpisaliśmy itp. Bardzo proste w użyciu, nie wymaga szczególnej wiedzy.
xPath Finder
wtyczka, służy do znajdywania i identyfikowania xpathów dla danego elementu na stronie. Po kliknięciu na element następuje jego podświetlenie, a sam lokator kopiuje się nam od razu do schowka.
Selector Gadget
Zaletą tej wtyczki jest to, że generuje nam CSS dla danego elementu, przez co lokator jest „user friendly”, a dany element zostanie wyróżniony na tle strony. Wadą natomiast jest to, że nie radzi sobie z przechodzeniem między stronami. Jeżeli chcemy zatem zlokalizować elementy na różnych stronach, musimy za każdym razem odświeżyć przeglądarkę po przejściu na inną stronę, a następnie ponownie włączyć wtyczkę.
xPather
wtyczka, która ułatwia nawigację po konsoli deweloperskiej googla. Głównym problemem konsoli jest to, że gdy wpisujemy znaki odpala się nam wyszukiwanie dynamiczne przez co „skaczemy” po całej konsoli w poszukiwaniu tego, co na bieżąco piszemy. Xpaher ułatwia nam wyszukiwanie danego elementu w konsoli bez niepotrzebnych skoków.
Po szczegóły krok po kroku zapraszam do całego filmiku. Przetestuj i sam oceń łatwość stosowania podanych rozwiązań i ich utrzymywanie.
Jeśli interesuje Cię automatyzacja testów, to po więcej artykułów i materiałów wideo z m.in Postmana, Rest Api zapraszam na bloga
0 komentarzy