{"id":3672,"date":"2017-04-25T14:51:37","date_gmt":"2017-04-25T12:51:37","guid":{"rendered":"https:\/\/sii.pl\/blog\/?p=3672"},"modified":"2025-05-07T13:06:06","modified_gmt":"2025-05-07T11:06:06","slug":"selenium-ide-czyli-jak-zarobic-wiecej-robiac-mniej","status":"publish","type":"post","link":"https:\/\/sii.pl\/blog\/selenium-ide-czyli-jak-zarobic-wiecej-robiac-mniej\/","title":{"rendered":"Selenium IDE, czyli jak zarobi\u0107 wi\u0119cej, robi\u0105c mniej?"},"content":{"rendered":"\n

Je\u017celi otworzy\u0142e\u015b ten artyku\u0142, to na pewno zainteresowa\u0142 ci\u0119 temat test\u00f3w automatycznych<\/a><\/strong> z wykorzystaniem Selenium IDE. By\u0107 mo\u017ce dopiero zaczynasz swoj\u0105 przygod\u0119 z testami automatycznymi, albo zastanawiasz si\u0119, czy op\u0142aca si\u0119 integrowa\u0107 testy automatyczne z platform\u0105 SharePoint 2013 lub innymi aplikacjami „webowymi”, nad kt\u00f3rymi pracujesz.<\/p>\n\n\n\n

W tym artykule porusz\u0119 g\u0142\u00f3wnie kwestie podstaw Selenium IDE, opisz\u0119 narz\u0119dzia, kt\u00f3rych b\u0119dziesz potrzebowa\u0142 oraz stworzymy przyk\u0142adowy przypadek testowy w oparciu o Selenium IDE. Kolejny artyku\u0142 b\u0119dzie dotyczy\u0142 integracji test\u00f3w automatycznych z platform\u0105 SharePoint 2013 oraz Office 365. Zapraszam do lektury \ud83d\ude42<\/p>\n\n\n\n

Na ko\u0144cu artyku\u0142u znajdziesz odpowied\u017a na pytanie postawione w tytule.<\/p>\n\n\n\n

Co to jest Selenium IDE?<\/strong><\/h2>\n\n\n\n

Selenium IDE to zintegrowane deweloperskie \u015brodowisko do testowania Web aplikacji, przy pomocy Selenium. Selenium IDE jest zaimplementowany jako dodatek do przegl\u0105darki Mozilla Firefox, przez co, na pocz\u0105tku swojej przygody z testami automatycznymi, tester nie musi si\u0119 przejmowa\u0107 o instalowanie skomplikowanych narz\u0119dzi, czy dodatkow\u0105 konfiguracj\u0119 \u015brodowiska testowego. Po dodaniu pluginu do przegl\u0105darki, narz\u0119dzie jest gotowe do pracy.<\/p>\n\n\n\n

Aby \u0142atwo zainstalowa\u0107 potrzebne wtyczki<\/a> uruchom przegl\u0105dark\u0119 Mozilla Firefox (najlepiej najnowsz\u0105 wersj\u0119), a nast\u0119pnie wejd\u017a w link<\/a>. Aby doda\u0107 plugin wystarczy jedynie klikn\u0105\u0107 przycisk + Zainstaluj<\/em><\/p>\n\n\n\n

\"Instalacja<\/a><\/figure>\n\n\n\n


Nast\u0119pnie, dla wygodnego u\u017cytkowania zainstaluj dodatkow\u0105 wtyczk\u0119<\/a>, o nazwie Selenium IDE Button<\/em>, kt\u00f3ra pozwoli Ci szybko uruchomi\u0107 narz\u0119dzie Selenium IDE. Plugin dost\u0119pny jest tutaj.<\/a>  <\/em><\/p>\n\n\n\n

\"Instalacja<\/a><\/figure>\n\n\n\n

Ostatni\u0105 rzecz\u0105, kt\u00f3re r\u00f3wnie\u017c usprawni twoj\u0105 prac\u0119, jest pobranie XPath Checker<\/em><\/a>, kt\u00f3ry jest interaktywnym edytorem wyra\u017ce\u0144 XPath, pozwalaj\u0105cym na proste lokalizowanie element\u00f3w Web aplikacji (wi\u0119cej informacji w dalszej cz\u0119\u015bci bloga). Narz\u0119dzie dost\u0119pne jest pod linkiem<\/a>.<\/p>\n\n\n\n

\"Instalacja<\/a><\/figure>\n\n\n\n


Po zainstalowaniu narz\u0119dzi jeste\u015b gotowy do pracy, ale najpierw… zrestartuj przegl\u0105dark\u0119 \ud83d\ude1b Dodatki zainstalowane w przegl\u0105darce do poprawnego dzia\u0142ania potrzebuj\u0105 ponownego uruchomienia przegl\u0105darki.<\/p>\n\n\n\n

Mam ju\u017c wszystkie potrzebne narz\u0119dzia. Co dalej?<\/strong><\/h2>\n\n\n\n

Uruchom przegl\u0105dark\u0119 Mozilla Firefox i kliknij w Menu opcji<\/em> w prawym g\u00f3rnym rogu. Nast\u0119pnie kliknij Dodatki<\/em> i sprawd\u017a czy zainstalowane dodatki s\u0105 obecne na li\u015bcie. Rekordy Selenium IDE<\/em>, Selenium IDE Button<\/em> oraz XPath Checker<\/em> powinny by\u0107 widoczne na li\u015bcie, jak poni\u017cej.<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n

Je\u017celi dodatki pojawi\u0142y si\u0119 na li\u015bcie, wr\u00f3\u0107 do widoku Menu<\/em> przegl\u0105darki, kliknij + Dostosuj<\/em>, a nast\u0119pnie przeci\u0105gnij ikon\u0119 wtyczki Selenium IDE Button<\/em> na g\u00f3rny pasek szybkiego wybierania. Po tym naci\u015bnij klawisz Esc<\/em>.
<\/a><\/p>\n\n\n\n

Pami\u0119taj!<\/strong> Dostosowanie \u015brodowiska do potrzeb osoby, kt\u00f3ra b\u0119dzie z niego korzysta\u0107, a w tym przypadku do Twoich potrzeb jest bardzo wa\u017cne w pracy i pozwala zaoszcz\u0119dzi\u0107 czas, przez co mo\u017cesz go po\u015bwi\u0119ci\u0107 wi\u0119cej na pilniejsze zadania, wymagaj\u0105ce Twojej uwagi. Ta drobna modyfikacja, jak\u0105 jest wstawienie przycisku do paska narz\u0119dzi, pozwoli Ci na szybki dost\u0119p do Selenium IDE<\/em>, bez konieczno\u015bci wchodzenia w zak\u0142adk\u0119 rozszerze\u0144.<\/p>\n\n\n\n

Odpalamy!<\/strong><\/h2>\n\n\n\n

Aby uruchomi\u0107 Selenium IDE, kliknij na ikon\u0119, kt\u00f3r\u0105 w\u0142a\u015bnie doda\u0142e\u015b do paska narz\u0119dzi w przegl\u0105darce, a nast\u0119pnie wybierz opcj\u0119 Open Selenium IDE as s Pop Up<\/em>. Pozwoli to na otworzenie narz\u0119dzia w dodatkowym oknie, kt\u00f3re mo\u017cesz swobodnie modyfikowa\u0107 (przesuwa\u0107, zmienia\u0107 rozmiar).<\/p>\n\n\n\n

\"OpenSelenium\"<\/a><\/figure>\n\n\n\n

Po klikni\u0119ciu, Twoim oczom powinien ukaza\u0107 si\u0119 ten oto widok:<\/p>\n\n\n\n

\"Widok<\/a><\/figure>\n\n\n\n

Tak wygl\u0105da narz\u0119dzie, z kt\u00f3rym b\u0119dziesz pracowa\u0107. Teraz mo\u017cesz zauwa\u017cy\u0107, \u017ce nie by\u0142y potrzebne instalacje \u017cadnego dodatkowego oprogramowania, nie potrzebujesz posiada\u0107 \u017cadnej licencji, ani pozwolenia, \u017ceby pracowa\u0107 z Selenium IDE.<\/p>\n\n\n\n

Pasek narz\u0119dzi<\/strong><\/h2>\n\n\n\n

Zanim przejdziemy do tworzenia, analizowania i rozwi\u0105zywania problem\u00f3w zwi\u0105zanych z testami, przedstawi\u0119 ci jeszcze g\u0142\u00f3wne elementy paska narz\u0119dzi Selenium IDE:<\/p>\n\n\n\n

\"G\u0142\u00f3wne<\/a><\/figure>\n\n\n\n