Jakie techniki użyłbyś do sprawdzenia interfejsu…

Aby sprawdzić interfejs użytkownika stron, używałbym następujących technik:

Testy wizualne: Porównanie aktualnego wyświetlania elementów UI z referencyjnymi zrzutami ekranu lub makietami projektu na różnych rozdzielczościach i przeglądarkach. Użycie narzędzi takich jak Percy, Applitools Eyes lub ręczne porównanie.
Testy responsywne: Sprawdzenie poprawnego wyświetlania i funkcjonalności strony na różnych urządzeniach i rozmiarach ekranów (desktop, tablety, telefony). Użycie narzędzi deweloperskich w przeglądarce (tryb urządzenia) lub specjalistycznych platform chmurowych.
Testy kompatybilności między przeglądarkami: Sprawdzenie zgodności strony z różnymi przeglądarkami internetowymi (Chrome, Firefox, Safari, Edge) i ich wersjami. Użycie narzędzi takich jak BrowserStack, Sauce Labs lub ręczne testy na różnych maszynach.
Testy dostępności: Sprawdzenie zgodności strony z normami dostępności (WCAG). Użycie narzędzi automatycznych (Lighthouse, Axe DevTools), ręczne testy z użyciem czytników ekranowych i nawigacji klawiaturą.
Testy obciążeniowe UI: Sprawdzenie wydajności interfejsu przy dużym obciążeniu (np. ładowanie dużej ilości danych, wiele asynchronicznych zapytań). Pomiar czasu ładowania stron i reakcji UI.

Automatyzacja UI: Tworzenie automatycznych testów do sprawdzania funkcjonalności i wyglądu elementów UI. Główne narzędzia: Selenium, Cypress, Playwright.

// Przykład podstawowego testu na Selenium WebDriver (Java)
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.chrome.ChromeDriver;
import org.openqa.selenium.By;
import org.openqa.selenium.WebElement;
import org.junit.jupiter.api.Test;
import static org.junit.jupiter.api.Assertions.assertTrue;

public class BasicUITest {

    @Test
    void checkPageTitle() {
        WebDriver driver = new ChromeDriver(); // Inicjalizacja drivera
        driver.get("https://www.example.com"); // Otwarcie URL
        String expectedTitle = "Example Domain";
        String actualTitle = driver.getTitle(); // Pobranie tytułu strony
        assertTrue(actualTitle.contains(expectedTitle), "Tytuł strony nie zgadza się z oczekiwanym"); // Sprawdzenie
        driver.quit(); // Zamknięcie przeglądarki
    }

    @Test
    void checkElementPresence() {
         WebDriver driver = new ChromeDriver();
         driver.get("https://www.example.com");
         WebElement header = driver.findElement(By.tagName("h1")); // Szukanie elementu po tagu
         assertTrue(header.isDisplayed(), "Nagłówek H1 nie jest wyświetlany"); // Sprawdzenie widoczności
         driver.quit();
    }
}

Testy użyteczności: Ocena łatwości użytkowania i intuicyjności interfejsu. Może obejmować testy z użytkownikami, heurystyczne.
Testy eksploracyjne UI: Użycie podejścia eksploracyjnego do wykrywania nieoczywistych problemów w UI, skupiając się na scenariuszach użytkownika i interakcjach.
Testy formularzy: Sprawdzanie walidacji pól, poprawności komunikatów o błędach, zachowania przy wysyłaniu danych.
Testy nawigacji: Sprawdzanie poprawności linków, przycisków, menu, okruszków nawigacyjnych.

Jakie techniki użyłbyś do sprawdzenia interfejsu użytkownika stron internetowych?