Automatyczny test koszyka: scenariusz przeglądarkowy krok po kroku
Automatyczny test koszyka powinien odpowiadać na pytanie, czy użytkownik może przejść określony fragment zakupów. Dobry scenariusz ma stały produkt, jednoznaczne elementy i wyraźny punkt końcowy. W DockRay budujesz go z kroków w panelu, bez przesyłania własnego skryptu przeglądarkowego.
Przygotuj dane i punkt zakończenia
Wybierz produkt przeznaczony do sprawdzania i upewnij się, że będzie dostępny. Korzystaj z danych testowych. Zatrzymaj scenariusz przed utworzeniem zamówienia lub zapłatą; jeśli Twój sklep zapisuje zamówienie wcześniej, zakończ test odpowiednio wcześniej. Zwykłe kliknięcie przycisku może wywołać zapis, nawet gdy jego etykieta nie zawiera słowa „płatność”.
Przykładowa ścieżka produktu i koszyka
- Otwórz stronę produktu. Podaj ścieżkę w projekcie. Sprawdź obecność elementu identyfikującego produkt.
- Obsłuż baner zgody. Jeśli pojawia się tylko czasem, użyj opcjonalnego kroku na jego przycisku. Brak banera nie powinien zatrzymywać zakupów.
- Wybierz wariant i ilość. Użyj wyboru z listy lub wpisania wartości do pola. Sprawdź oczekiwaną wartość pola, jeżeli ilość jest istotna.
- Kliknij „Dodaj do koszyka”. Wskaż selektor albo tekst przycisku i zaczekaj na element potwierdzający aktualizację koszyka.
- Sprawdź rezultat. Oczekuj pozycji produktu, odpowiedniej liczby elementów lub fragmentu adresu. Jeśli ścieżka pozwala, sprawdź widoczność metod płatności bez zatwierdzania zamówienia.
Selektory, np. [data-testid="add-to-cart"], są przykładami. Muszą odpowiadać znacznikom Twojej strony. Stabilny atrybut jest łatwiejszy do utrzymania niż pozycja elementu w długim łańcuchu klas.
Na co czekać po kliknięciu?
Przycisk aktualizujący koszyk przez JavaScript zwykle nie przeładowuje strony. Nie wymagaj więc nawigacji po każdej akcji. Możesz wybrać tryb automatyczny albo jawnie poczekać na element, tekst lub zniknięcie wskaźnika ładowania. Stałą przerwę traktuj jako rozwiązanie pomocnicze: na wolniejszej odpowiedzi serwera może okazać się za krótka.
Oczekiwania i screenshoty
DockRay pozwala sprawdzać m.in. tekst, obecność i brak elementu, wartość pola, liczbę elementów, fragment URL i maksymalny czas kroku. Nie wystarczy samo kliknięcie: dopisz warunek potwierdzający jego skutek. Włącz zrzut dla kroków, których poprawny wygląd chcesz później obejrzeć.
Czy opcjonalny krok może ukryć awarię?
Dlatego używaj go dla elementów pomocniczych, takich jak sporadyczny baner. Dodanie produktu i sprawdzenie koszyka powinny pozostać obowiązkowe. Po zmianie szablonu sklepu sprawdź selektory ponownie.
Przeczytaj również jak analizować błędy i screenshoty oraz jak działa monitoring syntetyczny.