Testowanie ma kluczowe znaczenie dla zapewnienia funkcjonalności, jakości, ułatwień dostępu, bezpieczeństwa i wydajności aplikacji internetowej opartej na treściach. Dzięki testowaniu możesz ocenić wrażenia użytkowników i ustalić, czy konieczne jest dalsze opracowywanie aplikacji. Aplikacja internetowa powinna spełniać wymagania jakości i działać zgodnie z oczekiwaniami.
Znajdziesz tam podstawowe wskazówki dotyczące testowania, które możesz wziąć pod uwagę, aby Twoja aplikacja internetowa była dostępna i przyjazna dla użytkownika.
| Komponenty | |
|---|---|
| Kontrast kolorów | Zapewnia, że współczynnik kontrastu jest zoptymalizowany pod kątem czytelności. Konieczne jest przeprowadzenie testów pod kątem różnych typów daltonizmu oraz kolorów wymuszonych przez użytkownika. |
| Typografia | Określa, czy aplikacja obsługuje różne urządzenia i ustawienia. Dzięki zastosowaniu względnego rozmiaru czcionki i skalowania nieliniowego typografia może być nadal przydatna przy maksymalnym rozmiarze. |
| zdjęcia; | Zapewnia wysoką jakość i szybko się ładuje. Ważne jest, aby sprawdzić prawidłowe wartości zastępcze bez sieci i zoptymalizowanych zasobów pod kątem wyższej rozdzielczości. |
| Nawigacja | Zapewnia czytelność nawigacji oraz możliwość korzystania z niej za pomocą myszy, dotyku i klawiatury. Sprawdź interfejs API historii, aby zapewnić prawidłowe zachowanie nawigacji wstecz i do przodu. |
| Wyszukiwarka | Sprawdź, czy w parametrach zapytania w adresie URL i polu wyszukiwania nie występuje krótki czas oczekiwania na odpowiedź na zapytania. |
| Formularz | Dbamy o to, aby każdy formularz można było wypełnić i przesłać w łatwy sposób. Jeśli zastąpisz domyślny formularz, weź pod uwagę odpowiednie zdarzenia i sprawdź je pod kątem prawidłowego zresetowania formularza oraz ochrony przed złośliwymi danymi wprowadzanymi przez użytkowników. |
| Występy | Zapewnia wydajność i szybkość ładowania aplikacji. To także powinna być ważna część testowania regresji. |
Jest wiele narzędzi, których możesz użyć do sprawdzania dostępności w internecie. Istotne jest stosowanie wielu metod, by uwzględnić zakres komponentów ułatwień dostępu. Sprawdź, czy są dostępne etykiety ARIA, funkcje DOM, nawigacja za pomocą klawiatury i czytnik ekranu.
Platformy testowania interfejsów, takie jak Jest, Vitest, Cypress, Mocha czy Jasmine, pomagają skutecznie pisać testy oraz wspomagają programowanie oparte na zachowaniach i testach. Integracje z potokami CI/CD pozwalają także zautomatyzować testy i zapobiegać błędom regresji w zatwierdzeniach.
Platformy Runnera, takie jak Web Test Runner, Playwright, Web Driver czy Test Runner w Node.js, pozwalają sprawnie przeprowadzać testy i testować w różnych środowiskach i na wielu platformach. Ta lista nie jest pełna, a w zależności od używanej platformy mogą być wbudowane testy.