Podstawy Testów Automatycznych w Selenium i Python cz. 3 – Sztuka znajdowania elementów – XPath

Ten kurs jest elementem serii Podstawy Testów Automatycznych w Selenium i Python – o serii możesz poczytać w poście O serii Podstawy Testów Automatycznych w Selenium i Python. Jak widzisz jest to część 3 więc jeśli nie ukończyłeś poprzednich części koniecznie zobacz:

Podstawy Testów Automatycznych w Selenium i Python cz. 1
Podstawy Testów Automatycznych w Selenium i Python cz. 2

Wstęp

Mamy już kilka testów opakowanych w całkiem zgrabną klasę z elementami inicjującymi i sprzątającymi. Sprawdzamy jednak wyłącznie tytuł strony co nie jest zbyt wyrafinowanym sposobem kontroli samej witryny. Przyszedł czas na pierwsze interakcje z elementami, takimi jak pola tekstowe czy przyciski. Ponieważ w tym kursie dostarczamy kompleksową wiedzę z zakresu automatyzacji testów zanim zdobędziemy pełną władzę nad naszą stroną poeksperymentujemy trochę w Pythonie i PyCharmie.

Co Cię czeka

Zaczniemy od świetnej funkcji PyCharma do szybkiego eksperymentowania z kodem. Potem wejdziemy w świat Pythona i zastosujemy w naszym kodzie jeszcze ciepłe rozwiązanie do wypisywania tekstu na konsolę. Wrzucimy to wszystko w kod jednocześnie poznając ulepszony sposób na robienie asercji. Porzucimy następnie automaty i zabawimy chwilę w przeglądarce Chrome ogarniając z czego składa się strona internetowa i jak identyfikować interesujące nas elementy – pojawi się w końcu XPath. Poćwiczymy z XPath aby następnie automatycznie zalogować się na testowej witrynie i wykonać kilka ciekawych operacji. Nasze testy nabiorą już całkiem produkcyjnej formy 🙂

Podsumowując, czekają nas następujące rzeczy:

• PyCharm Scraches – czyli jak szybko przetestować kawałek kodu, który napisaliśmy,
• Zaglądniemy do Chrome i skorzystamy z jego ciekawych funkcji, zapoznamy się bliżej z kodem strony którą testujemy
• Oczywiście będzie XPath – co to jest, jakie możliwości nam daje i jak z niego korzystać w oparciu o przykłady,
• rozbudowanie testów w oparciu o zdobytą wiedzę – będzie automatyczne klikanie, wpisywanie znaków i przechodzenie pomiędzy stronami.

Dodatkowo, aby ułatwić zaznajamianie się z nowymi pojęciami, wszystkie nowe terminy zebraliśmy w jednym skondensowanym miejscu – w Słowniku do kursu Podstawy Testów Automatycznych. Dzięki niemu w razie potrzeby będziemy mogli szybko przypomnieć sobie znaczenie różnych terminów 🙂 Słownik nie jest jeszcze w pełni kompletny, ale jest cały czas rozwijany – nieustannie dodajemy nowe pojęcia i ich definicje.

Wymagania

Będziemy używać wielu pojęć z poprzednich kursów z serii więc wiedza która tam została opisana będzie niezbędna, Pamiętaj aby samemu eksperymentować i modyfikować otrzymane rozwiązania dzięki czemu nabierzesz wprawy oraz natkniesz się na problemy których nie spotkasz u nas 🙂

Do dzieła!

Informacje o kursie

Szacowany czas ukończenia: 6 godziny

Trudność: Podstawowy

Kategorie kursu:Automatyzacja, Płatne, Programowanie, Python

Tagi:automatyzacja, pycharm, python, selenium, testowanie, testy automatyczne, webdriver

Instruktorzy kursu

Krzysiek Kijas Autor

Przemek Barański Autor

PyCharm scratches – czyli jak szybko sprawdzić działanie kawałka kodu

Co zrobimy?

Jak szybko prototypować i eksperymentować z kodem

Otwieranie widoku Scratches

Pierwszy Eksperyment

Jak uruchamiać testy bez Test Runnera?

Teraz Ty – Klasa w Scratch

Rozwiązanie – Klasa w Scratch

Dobry print – czyli czytelne komunikaty na konsoli

Co zrobimy?

Różne sposoby poprawienia czytelności komunikatów wyświetlanych na konsoli

Poprawny string kluczem do zrozumienia problemu

Operator +

Operator %

Funkcja str.format(arg)

Operator f string

Podsumowanie i powrót do metody print()

Teraz ty – wprowadzamy f-string do naszego kodu

Rozwiązanie i podsumowanie

Kolejny refaktor – jedziemy z polerowaniem kodu

Co – przecież miał być xpath?

Czytelniejsze asercje, przejrzystszy kod

W czym problem…

Poprawiamy asercję

Teraz Ty – Użycie self.assert

Rozwiązanie – Użycie self.assert

Znowu psujemy

Teraz Ty – Pobieranie  adresu

Rozwiązanie – Pobieranie  adresu

Rezultat końcowy

Sprzątamy i podsumowujemy

Przeglądarka i kod strony

Czego się nauczysz

Zaglądamy w kod strony i szukamy jej elementów

Chrome i Narzędzia dla programistów

HTML – kod z każdej strony

Identyfikujemy poszukiwany element

Podsumowanie i zadanie

XPath pierwsze starcie

Co zrobimy?

Cóż to takiego i jak go szybko otrzymać?

Wyłuskanie wyrażenia identyfikującego element XPath

Do konsoli z nim

Podsumowanie i zadanie

Rozwiązanie – Szukanie elementu rodzica

XPath i wyszukiwanie elementów strony

Zrozumieć XPath

Jak komponować własne wyrażenia

Ale… po co to wszystko?

XPath małymi krokami

Operator / (pojedynczy slash)

Operator / i typ elementu

Operator // (podwójny slash)

Szukanie elementu po atrybutach

Operator and – łączenie składowych zapytań

Operator * (gwiazdka) jako typ elementu

Funkcja text() – szukanie elementu po wyświetlanym tekście

Funkcja contains() – szukanie części tekstu

Najważniejszy atrybut do wyszukiwania elementów – id

Podsumowanie

Teraz Ty – Upraszczanie wyrażenia XPath

Rozwiązanie – Upraszczanie wyrażenia XPath

XPath w Pythonie – połączmy to wszystko razem

Co zrobimy?

Wracamy do kodzenia automatów w Pythonie

Scratchujemy

Pobieramy element

Teraz Ty – Wyszukanie tekstu

Rozwiązanie – Wyszukiwanie tekstu

Zmieniamy  metodę

Teraz Ty – Zastosowanie nowej metody

Rozwiązanie – Zastosowanie nowej metody

Uszkadzamy XPath

Nie odnaleziony XPath

Automatycznie wpisywany tekst

Czyszczenie tekstu

Wprowadzanie znaków niestandardowych

Dostęp do pełnej palety atrybutów elementu

Klikamy

Teraz Ty – Wpisywanie i pobieranie

Rozwiązanie – Wpisywanie i pobieranie

Podsumowanie i cały kod wraz z rozwiązaniami

Robimy testy uzbrojeni w XPath

Co zrobimy?

Połączmy całą dotychczasowo zdobytą wiedzę

Pierwszy test z XPath – rozgrzewka

Teraz Ty – Zaślepienie pustej metody

Rozwiązanie – Zaślepienie pustej metody

Teraz Ty – Dodanie niezbędnych metod

Rozwiązanie – Dodanie niezbędnych metod

Teraz Ty – Metoda sprawdzająca tekst elementu

Rozwiązanie – Metoda sprawdzająca tekst elementu

Nazwy metod – pozornie proste zadanie

Drugi test z XPath – czyszczenie

Teraz Ty – Sprawdzenie nieklikalności przycisku

Rozwiązanie – Sprawdzenie nieklikalności przycisku

Teraz Ty – Czyszczenie pola tekstowego

Rozwiązanie – Czyszczenie pola tekstowego

Trzeci test z XPath – bugi na stronie

Rozwiązanie – Sprawdzenie ostrzeżenia na stronie

Czwarty test z XPath – przejście pomiędzy stronami

Rozwiązanie – Przejście pomiędzy stronami

Teraz Ty – Test wiedzy

Rozwiązanie – Test wiedzy

Podsumowanie i cały kod wraz z rozwiązaniem

Podsumowanie

Podsumowanie

Czego się nauczyliśmy i co nas czeka w przyszłości

Kolejne części kursu