Kokias technikas naudotumėte svetainių naudotojo…

Siekdami patikrinti svetainių naudotojo sąsają, naudotume šias technikas:

Vizualinė testavimas: Palyginti esamą UI elementų vaizdavimą su standartiniais ekrano kopijomis ar dizaino maketais skirtinguose sprendimuose ir naršyklėse. Naudoti įrankius, tokius kaip Percy, Applitools Eyes arba rankinį palyginimą.
Reaguojantis testavimas: Patikrinti, ar svetainė teisingai rodomas ir veikia skirtinguose įrenginiuose ir ekrano dydžiuose (darbalaukis, planšetės, mobilieji). Naudoti naršyklės kūrimo įrankius (Device Mode) arba specializuotas debesų platformas.
Krosnaršyklinis testavimas: Patikrinti svetainės suderinamumą su įvairiomis naršyklėmis (Chrome, Firefox, Safari, Edge) ir jų versijomis. Naudoti įrankius, tokius kaip BrowserStack, Sauce Labs arba rankinį testavimą skirtingose mašinose.
Prieinamumo testavimas: Patikrinti svetainės atitiktį prieinamumo standartams (WCAG). Naudoti automatinius įrankius (Lighthouse, Axe DevTools), rankinius patikrinimus naudojant skaitytuvus ir klaviatūros naršymo testus.
UI našumo testavimas: Patikrinti sąsajos našumą esant dideliam apkrovimui (pvz., didelis duomenų kiekis, daugybiniai asinchroniniai užklausos). Matuoti įkėlimo laiką ir UI reakciją.

UI automatizavimas: Kurti automatinius testus UI funkcionalumo ir išvaizdos patikrinimui. Pagrindiniai įrankiai: Selenium, Cypress, Playwright.

// Pavyzdinis bazinis testas naudojant 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(); // Driiverio inicijavimas
        driver.get("https://www.example.com"); // URL atidarymas
        String expectedTitle = "Example Domain";
        String actualTitle = driver.getTitle(); // Puslapio pavadinimo gavimas
        assertTrue(actualTitle.contains(expectedTitle), "Puslapio pavadinimas neatitinka lūkesčių"); // Patikrinimas
        driver.quit(); // Naršyklės uždarymas
    }

    @Test
    void checkElementPresence() {
         WebDriver driver = new ChromeDriver();
         driver.get("https://www.example.com");
         WebElement header = driver.findElement(By.tagName("h1")); // Elemento paieška pagal žymą
         assertTrue(header.isDisplayed(), "H1 antraštė nematoma"); // Jo matomumo patikrinimas
         driver.quit();
    }
}

Naudojimo patogumo testavimas: Vertinti sąsajos naudojimo paprastumą ir intuityvumą. Gali apimti naudotojo testavimą, heuristinių principų pagrindu.
Eksploracinis testavimas: Naudoti tyrimo metodą, siekiant atskleisti neaiškius UI problemas, sutelkiant dėmesį į naudotojo scenarijus ir sąveikas.
Formų testavimas: Patikrinti laukų validaciją, klaidų pranešimų teisingumą, elgesį siunčiant duomenis.
Navigacijos testavimas: Patikrinti nuorodų, mygtukų, meniu, duonos trupinių teisingumą.

Kokias technikas naudotumėte svetainių naudotojo sąsajos patikrinimui?