Automatyzacja testów aplikacji webowych w Selenium podstawy. Natalia Krawczyk

Transkrypt

1 Automatyzacja testów aplikacji webowych w Selenium podstawy Natalia Krawczyk

2 Automatyzacja testów UI czyli symulacja operacji wykonywanych przez użytkownika na interfejsie aplikacji webowej

3 Kiedy automatyzować? Przy częstych zmianach w aplikacji testy regresji Kiedy chcemy skrócić czas testowania aplikacji Przy dużej ilości danych testowych

4 Zalety automatyzacji testów Powtarzalność Analiza wyników automatycznie generowane raporty i logi Przyśpieszenie testów Możliwość przetestowania wielu danych wejściowych (DDT) Źródło:

5 Wady automatyzacji testów Utrzymanie Dodatkowe koszty (zakup narzędzi, szkolenia itp.) Automat to nie człowiek... Źródło:

6 Automatyzacja = scenariusze (przypadki) testowe + podstawowa wiedza programistyczna + narzędzia

7 Powtórka z programowania

8 Klasy, metody, zmienne...

9 Narzędzia Źródło:

10 Selenium framework do automatyzacji testów aplikacji webowych Selenium IDE record/play Selenium RC Selenium WebDriver

11 NUnit framework do tworzenia testów jednostkowych dla środowiska.net

12 [TestFixture] [Test] [TestCase] [TestFixtureSetup] [SetUp] [TearDown] [TestFixtureTearDown] Nunit - atrybuty

13 Przykładowy test Nazwa testu Element na stronie Driver (nasza przeglądarka) Selektor Asercja, czyli sprawdzenie wyniku testu

14 Konfiguracja projektu w Visual Studio Utwórz projekt typu ClassLibrary (C#) Kliknij PPM na References Wybierz Manage NuGet Packages... Wyszukuj i zainstaluj: Nunit, Selenium WebDriver, Selenium WebDriver Support Classes, WebDriver-backed Selenium

15 Podstawowe komendy i atrybuty WebDriver IWebDriver.Navigate().GoToUrl(string url) IWebDriver.Close() IWebDriver.Url IWebDriver.Title IWebDriver.Navigate().Refresh() IWebDriver.Navigate().Back() IWebDriver.Navigate().Forward() IWebDriver.Manage().Window.Maximize()

16 Ćwiczenie: 1. Utwórz klasę Tests 2. Dodaj pierwszy test 3. W teście zainicjuj drivera 4. Otwórz stronę WrotQA 5. Zamknij przeglądarkę

17 Elementy na stronie IWebElement - odpowiada jednemu elementowi na stronie wskazanego przez selektor Do znajdywana elementów na stronie służy: FindElement() oraz FindElements()

18 Selektory By.ID By.TagName By.ClassName By.Name By.Xpath By.CSSPath Źródło:

19 Przykład 1: 3 1,2

20 Przykład 2

21 Ćwiczenie Znajdź elementy na stronie WrotQA: - navigation menu - pole tekstowe Szukaj - przycisk Szukaj - link do notatki o dzisiejszym spotkaniu

22 Operacje na elementach SendKeys() Click() Clear() FindElement() Submit() GetAttribute()

23 Atrybuty elementów Text Displayed Enabled Location Selected TagName

24 Ćwiczenie Wykonaj następujące na znalezionych w poprzednim ćwiczeniu elementach: - click - send keys - get attribute - submit - clear

25 Asercje Sprawdzenie statusu/stanu aplikacji lub elementu Jeśli wynik negatywny test zostaje przerwany Klasa Asserts (NUnit) rue_or_false_fotolia_ _xs.jpg

26 Asercje AreEqual pozwala na porównanie wartości zmiennej IsFalse oraz IsTrue porównywanie wartości logicznych IsNull oraz IsNotNull - pozwalają sprawdzić czy referencja jest lub nie jest null

27 Ćwiczenie: Napisz test sprawdzający wyszukiwarkę na stronie WrotQA

28 Akcje Klasa Actions umożliwia symulację bardziej skomplikowanych akcji na elementach Akcje musimy zainicjować: Actions action = new Actions(driver); Akcje wymagają zbudowania : action.build().perform(); Akcje można łączyć w łańcuch: action.movetoelement(element).doubleclick().buil d().perform();

29 Akcje ContextClick(IWebElement element) DoubleClick(IWebElement element) MoveToElement(IWebElement toelement) KeyDown(Keys thekey) KeyUp(Keys thekey) DragAndDrop(IWebElement source, IWebElement target)

30 Ćwiczenie: Napisz test który: 1. Otworzy stronę Testing Cup 2. Najedzie kursorem na O testing cup 3. Z menu wybierz Projekt 4. Sprawdź czy strona o Projekcie została otworzona (ustaw rozmiar przeglądarki na maximum)

31 Źródło:

32 Jaki powinien być dobrze napisany test? Selektory oraz metody pomocnicze powinne być odseparowane od testu Czytelny (DSL) Przystosowany do zmian Hierarchia przy wyborze selektora: id > name > css > xpath Nazwa testu powinna mówić o przedmiocie testu i jego spodziewanym wyniku

33 Dobre praktyki w tworzeniu automatycznych testów UI Page Object Pattern Page Factory Domain Specific Language Bot Style Tests Data Driven Testing Behavior Driven Development Źródło:

34 Ćwiczenie: 1. Utwórz metody wykonujące pojedyncze operacje w teście np. wpisywanie do pola wyszukiwania 2. Zamień w teście wszystkie wykonywane operacje na wywołanie metod utworzonych w punkcie 1

35 FINITO! Dziękuję ;)