Ce tehnici ai folosi pentru a verifica interfața…

Pentru verificarea interfeței utilizator a site-urilor, aș folosi următoarele tehnici:

Testare vizuală: Compararea afișajului actual al elementelor UI cu capturi de ecran de referință sau machete de design pe diferite rezoluții și browsere. Utilizarea instrumentelor precum Percy, Applitools Eyes sau compararea manuală.
Testare responsivă: Verificarea afișajului corect și a funcționalității site-ului pe diferite dispozitive și dimensiuni de ecran (desktop, tablete, mobile). Utilizarea instrumentelor de dezvoltare din browser (Modul Dispozitiv) sau platforme cloud specializate.
Testare compatibilitate cross-browser: Verificarea compatibilității site-ului cu diferite browsere web (Chrome, Firefox, Safari, Edge) și versiunile lor. Utilizarea instrumentelor precum BrowserStack, Sauce Labs sau teste manuale pe diferite mașini.
Testare accesibilitate: Verificarea conformității site-ului cu standardele de accesibilitate (WCAG). Utilizarea instrumentelor automatizate (Lighthouse, Axe DevTools), verificări manuale cu cititoare de ecran și navigare cu tastatura.
Testare încărcare UI: Verificarea performanței interfeței sub sarcină mare (de exemplu, încărcarea unor volume mari de date, multiple cereri asincrone). Măsurarea timpilor de încărcare a paginilor și răspunsul UI.

Automatizare UI: Crearea de teste automatizate pentru verificarea funcționalității și aspectului elementelor UI. Principalele instrumente: Selenium, Cypress, Playwright.

// Exemplu de test de bază cu 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(); // Inițializarea driverului
        driver.get("https://www.example.com"); // Deschiderea URL-ului
        String expectedTitle = "Example Domain";
        String actualTitle = driver.getTitle(); // Obținerea titlului paginii
        assertTrue(actualTitle.contains(expectedTitle), "Titlul paginii nu corespunde cu cel așteptat"); // Verificare
        driver.quit(); // Închiderea browserului
    }

    @Test
    void checkElementPresence() {
         WebDriver driver = new ChromeDriver();
         driver.get("https://www.example.com");
         WebElement header = driver.findElement(By.tagName("h1")); // Căutare după tag
         assertTrue(header.isDisplayed(), "Antetul H1 nu este afișat"); // Verificare vizibilitate
         driver.quit();
    }
}

Teste de utilizabilitate: Evaluarea ușurinței de utilizare și a intuitivității interfeței. Poate include teste cu utilizatori, teste heuristice.
Teste exploratorii UI: Utilizarea unei abordări exploratorii pentru identificarea problemelor ne-esențiale în UI, concentrându-se pe scenarii și interacțiuni ale utilizatorului.
Teste de formulare: Verificarea validării câmpurilor, mesajelor de eroare corecte, comportamentului la trimiterea datelor.
Teste de navigare: Verificarea corectitudinii linkurilor, butoanelor, meniurilor, breadcrumb-urilor.

Ce tehnici ai folosi pentru a verifica interfața utilizatorului site-urilor?