Jak pobrać i zainstalować Selenium IDE dla Firefox & Chrome

W tym samouczku dowiemy się, jak pobrać i zainstalować Selenium IDE dla Firefox oraz Google ChromeNic nie jest kompilowane i nic nie jest umieszczane na ścieżce systemowej — IDE jest rozszerzeniem przeglądarki, więc instalacja kończy się w momencie, gdy przeglądarka zgłosi, że dodatek został dodany.

⚠️ Uwaga dotycząca wersji: poniższe zrzuty ekranu pochodzą z oryginału Firefox-podłącz Selenium IDE. Ta kompilacja przestała działać, gdy Firefox 55 usunięto obsługę starszych dodatków XUL w 2017 r. Selenium IDE dystrybuowane obecnie jest przepisanym rozszerzeniem Firefox i Chrome, który zapisuje projekty w .side format zamiast HTML. Każdy oryginalny krok jest tutaj zachowany, a bieżące zachowanie jest odnotowane obok.

Jak zainstalować Selenium IDE dla Firefox

Poniżej znajduje się krok po kroku proces pobierania i instalacji Selenium IDE dla Firefox:

Czego potrzebujesz

• Mozilla Firefox
• Aktywne połączenie internetowe

Jeśli nie masz Mozilli Firefox ale możesz go pobrać z firefox.com.

Kroki 1) Otwórz Firefox Dodatki i pobieranie Selenium IDE

Premiera Firefox i przejdź do Selenium Lista IDE na Firefox Dodatki. Kliknij Dodaj do FirefoxStrona dodatku wygląda tak, jak na zrzucie ekranu poniżej.

Kroki 2) Kliknij Dodaj

Poczekaj, aż Firefox zakończ pobieranie i kliknij „Dodaj”. Firefox najpierw wyświetla się poniższy monit o uprawnienia, który zawiera listę dostępu, o który prosi rozszerzenie.

Kroki 3) Kliknij OK

Po zakończeniu instalacji pojawi się komunikat potwierdzający. Kliknij „OK” w wyświetlonym powiadomieniu.

Kroki 4) Kliknij i otwórz Selenium IDE

Kliknij na Selenium Ikona IDE, która teraz znajduje się w Firefox pasek narzędzi, jak pokazano poniżej.

Selenium IDE otworzy się w osobnym oknie, jak pokazano na kolejnym zrzucie ekranu.

Firefox DevTools w Firefox

Instalacja IDE to dopiero połowa konfiguracji. Nagranie kroku jest proste, ale ręczne napisanie go wymaga identyfikatora elementu, na który krok działa, a ten pochodzi z inspektora przeglądarki.

Firefox DevTools to Firefox Funkcja, której użyjemy do inspekcji elementów HTML testowanej aplikacji internetowej. Poda nam nazwę elementu, na który będzie oddziaływać polecenie Selenese.

Krok 1) Kliknij prawym przyciskiem myszy w dowolnym miejscu strony i wybierz opcję Sprawdź element. Możesz także użyć skrótu Ctrl + Shift + I. Poniżej pokazano menu kontekstowe.

Krok 2) Tutaj zobaczysz interfejs przedstawiony na rysunku, z znacznikami strony po jednej stronie i stylami po drugiej.

Krok 3) Możesz kliknąć prawym przyciskiem myszy na elemencie i wybrać CSS lub XPath. Jest to przydatne przy identyfikacji obiektów, ponieważ skopiowaną wartość można wkleić bezpośrednio do Target pole polecenia.

Uwaga: Podobnie, do identyfikacji właściwości obiektów możesz użyć Narzędzi programistycznych w Chrome. Poniższy panel Chrome wykonuje to samo zadanie.

Oba inspektory ujawniają również atrybuty id, name i class, które są preferowane przez środowisko IDE podczas tworzenia lokalizator podczas nagrywania.

Selenium IDE stało się przestarzałe, a rozwój został zatrzymany. Dopiero niedawno projekt został wskrzeszony. Nowa Selenium brakuje mu wielu funkcji w porównaniu do przestarzałego IDE. Funkcje są dodawane, ale w wolnym tempie. Aby poznać wszystkie funkcje Selenium IDE, zalecamy użycie starej wersji. Aby użyć starej wersji IDE

Krok 1) Zastosowanie Firefox 54 Sprawdzanie wersji przenośnej w tym miejscu

Krok 2) Odwiedź Selenium Historia wersji IDE i zainstaluj. Lista wersji wygląda tak.

Następujące funkcje mogą nie być dostępne w najnowszej wersji IDE. Będziemy aktualizować samouczki w miarę aktualizacji nowej wersji.

⚠️ Aktualny status: Uruchamianie nieobsługiwanej przeglądarki wyłącznie po to, by utrzymać nieobsługiwany dodatek, nie jest już praktyczne na komputerze służbowym, dlatego traktuj dwa powyższe kroki jako kontekst historyczny. Przebudowane środowisko IDE obejmuje teraz większość funkcji, które sprawiły, że starsze narzędzie było użyteczne, w tym przechowywane zmienne, polecenia przepływu sterowania i eksport kodu.

Wtyczki

Selenium IDE może obsługiwać dodatkowe Firefox dodatki lub wtyczki stworzone przez innych użytkowników. Możesz odwiedzić urzędnik Selenium Witryna IDE aby uzyskać listę Selenium dodatki dostępne na bieżąco. Zainstaluj je tak samo, jak inne Firefox Dodatki.

Domyślnie Selenium IDE jest dostarczane w zestawie z 4 wtyczkami:

1. Selenium SDI: C# Formatery
2. Selenium SDI: Java Formatery
3. Selenium SDI: Python Formatery
4. Selenium IDE: Formatery Ruby

Te cztery wtyczki są wymagane przez Selenium IDE do konwersji Selenese na różne formaty.

Karta Wtyczki zawiera listę wszystkich zainstalowanych dodatków, numer wersji i nazwisko twórcy każdego z nich, jak pokazano na zrzucie ekranu poniżej.

Rozszerzenia użytkownika

Selenium IDE może obsługiwać rozszerzenia użytkownika, aby zapewnić zaawansowane możliwości. Rozszerzenia użytkownika mają formę JavaPliki skryptów. Instalujesz je, określając ich ścieżkę bezwzględną w jednym z tych dwóch pól w oknie dialogowym Opcje.

• Selenium Rozszerzenia rdzenia (rozszerzenia-użytkownika.js)
• Selenium Rozszerzenia IDE

Dwa pola ścieżki są podświetlone w poniższym oknie dialogowym Opcje.

Na stronie znajdziesz mnóstwo rozszerzeń użytkownika. Selenium strona pobierania. Należy zauważyć, że ten mechanizm należał do Selenium Rdzeń, który został usunięty w Selenium 3; nowoczesne środowisko IDE jest rozszerzane poprzez własne API wtyczek.

Jak zainstalować Selenium IDE w Chrome

Poniżej znajduje się krok po kroku proces pobierania i instalacji Selenium IDE dla Google Chrome:

Krok 1) Przejdź do Selenium Witryna IDE & Kliknij przycisk Pobierz Chrome.
Krok 2) Otwórz listę w sklepie Chrome Web Store Selenium rozszerzenie IDE i zainstaluj je.
Krok 3) Kliknij przycisk Dodaj do Chrome, aby dodać Selenium IDE do Google Chrome.
Krok 4) Przejdź do menu Rozszerzenia, kliknij tę ikonę i otwórz Selenium IDE umożliwiające zarejestrowanie nowego testu w nowym projekcie.

Kompilacja Chrome i Firefox build to to samo rozszerzenie, więc projekt zarejestrowany w jednym otwiera się w drugim. Ponieważ sklepy przeglądarkowe zmieniają swoje oferty z czasem, zawsze zaczynaj od oficjalnej strony w kroku 1, a nie od sklepu z zakładkami. URL.

Jak zweryfikować instalację i nagrać pierwszy test

Załadowanie rozszerzenia nie jest dowodem na to, że konfiguracja działa. Najszybszym sposobem sprawdzenia jest nagranie czegoś prostego i odtworzenie tego.

1. Kliknij ikonę Selenium Ikona IDE. Okno powitalne oferuje cztery opcje: nagranie nowego testu w nowym projekcie, otwarcie istniejącego projektu, utworzenie nowego projektu lub zamknięcie IDE.
2. Wybierz pierwszą opcję i nadaj projektowi nazwę.
3. Wprowadź bazę URL. Jest to adres testowanej aplikacji, który jest ponownie wykorzystywany przez każdy test w projekcie.
4. Na tym ekranie otwiera się nowe okno przeglądarki URL i rozpoczyna się nagrywanie. Kliknij link lub wpisz coś w polu, a następnie wróć do IDE i kliknij ikonę nagrywania, aby zatrzymać.
5. Kliknij ikonę „Zapisz”. IDE zapisze pojedynczy plik z .side rozbudowa.
6. Wybierz test i kliknij „Odtwórz”. Jeśli nagrane kroki zostaną odtworzone bez czerwonego znacznika błędu, instalacja przebiegła pomyślnie.

Pierwsze odtwarzanie, które nie powiedzie się przy pierwszym poleceniu, zwykle wskazuje na bazę URL a nie podczas instalacji. Odtwarzanie, które nie powiedzie się w połowie, to problem z lokalizatorem, czyli tam, gdzie polecenia weryfikacji i oczekiwania zarabiać na swoje utrzymanie.

Jak naprawić częste Selenium Problemy z instalacją IDE

Prawie każda skarga dotycząca instalacji wpisuje się w jeden z kilku wzorców. Pierwsze dwa to te udokumentowane przez Selenium sam projekt.

• Brak ikony na pasku narzędzi. Sprawdź, czy rozszerzenie jest włączone. Wpisz chrome://extensions w Chrome lub about:addons in Firefoxi sprawdź, czy Selenium IDE jest włączone.
• Rozszerzenie jest włączone, ale nadal niewidoczne. Ikona może być po prostu ukryta, ponieważ pasek narzędzi jest zbyt wąski. W Chrome przeciągnij obszar na prawo od paska adresu. W Firefox, kliknij prawym przyciskiem myszy pasek narzędzi, wybierz opcję Dostosuj, dostosuj go i kliknij Gotowe.
• IDE otwiera się, ale nic nie rejestruje. Okno nagrywania musi być tym, które zostało uruchomione przez IDE. Nagrywanie w karcie otwartej ręcznie nie jest przechwytywane.
• Nic nie działa na stronie wewnętrznej. Rozszerzenia nie mogą wykonywać skryptów na wewnętrznych stronach przeglądarki, takich jak ekrany ustawień lub rozszerzeń, dlatego należy je rejestrować na zwykłej stronie internetowej.
• Zarządzana przeglądarka blokuje instalację. W przypadku profilu korporacyjnego instalacja rozszerzeń jest często kontrolowana przez politykę i wymaga zgody administratora na użycie danego identyfikatora rozszerzenia.

Jak zainstalować Selenium Narzędzie wiersza poleceń IDE

Rozszerzenie odtwarza testy tylko w przeglądarce, w której jest zainstalowane. Aby uruchomić zapisany projekt w innych przeglądarkach, równolegle lub w siatce, zainstaluj program uruchamiający z wiersza poleceń. Wymaga on Node.js i npm.

npm install -g selenium-side-runner

Każda przeglądarka potrzebuje również własnego pliku binarnego sterownika. Zainstaluj sterownik dla przeglądarki, którą chcesz uruchomić.

npm install -g chromedriver
npm install -g geckodriver
npm install -g edgedriver

Mając już program uruchamiający i sterownik, wskaż programowi uruchamiającemu plik projektu, który wcześniej zapisał IDE.

selenium-side-runner /path/to/your-project.side

Runner rozkłada pakiety na tyle procesów, ile rdzeni procesora ma maszyna. Dwie flagi pokrywają większość codziennych potrzeb: -c ustawia przeglądarkę i --base-url przekierowuje cały projekt do innego środowiska, co sprawia, że ​​to samo nagranie można wykorzystać zarówno w lokalnej kompilacji, jak i na serwerze testowym.

selenium-side-runner -c "browserName=firefox" --base-url https://localhost

Stąd naturalnym kolejnym krokiem jest porzucenie funkcji nagrywania i odtwarzania oraz napisanie tych samych sprawdzeń w kodzie — patrz pierwszy skrypt WebDriver przejście i szerszy Selenium series.

FAQ