Milliseid tehnikaid kasutaksite veebisaitide…

Võttes kasutusele järgmised tehnikad, kontrollimaks veebisaitide kasutajaliidest:

Visuaalne testimine: Võrrelda praegune UI elementide kuvamine standardsete ekraanipiltide või disainimallidega erinevates resolutsioonides ja brauserites. Kasutada tööriistu nagu Percy, Applitools Eyes või käsitsi võrdlemist.
Reageeriv testimine: Kontrollida, kas sait kuvatakse ja töötab õigesti erinevatel seadmetel ja ekraanisuurustel (lauaarvuti, tahvelarvuti, mobiil). Kasutada brauseri arendustööriistu (Device Mode) või spetsialiseeritud pilveplatvorme.
Krossbrauseri testimine: Kontrollida saidi ühilduvust erinevate brauseritega (Chrome, Firefox, Safari, Edge) ja nende versioonidega. Kasutada tööriistu nagu BrowserStack, Sauce Labs või käsitsi testimist erinevatel masinatel.
Ligipääsetavuse testimine: Kontrollida saidi vastavust ligipääsetavuse standarditele (WCAG). Kasutada automatiseeritud tööriistu (Lighthouse, Axe DevTools), käsitsi kontrolli ekraanilugejate ja klaviatuuri navigatsiooni abil.
UI jõudluse testimine: Kontrollida kasutajaliidese jõudlust suure koormuse korral (nt, suur andmehulga laadimine, mitmed asünkroonilised päringud). Mõõta lehekülje laadimisaega ja UI reageerimist.

UI automatiseerimine: Luua automatiseeritud testid UI funktsionaalsuse ja välimuse kontrollimiseks. Peamised tööriistad: Selenium, Cypress, Playwright.

// Näide põhitasest Selenium WebDriveriga (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(); // Draiveri initsialiseerimine
        driver.get("https://www.example.com"); // URL avamine
        String expectedTitle = "Example Domain";
        String actualTitle = driver.getTitle(); // Lehekülje pealkirja saamine
        assertTrue(actualTitle.contains(expectedTitle), "Lehekülje pealkiri ei vasta ootustele"); // Kontroll
        driver.quit(); // Brauseri sulgemine
    }

    @Test
    void checkElementPresence() {
         WebDriver driver = new ChromeDriver();
         driver.get("https://www.example.com");
         WebElement header = driver.findElement(By.tagName("h1")); // Elementi otsimine taga järgi
         assertTrue(header.isDisplayed(), "H1 pealkiri ei ole nähtav"); // Selle nähtavuse kontroll
         driver.quit();
    }
}

** Kasutatavuse testimine:** Hindada kasutajaliidese kasutuslihtsust ja intuitiivsust. Võib hõlmata kasutajatestid, heuristiliste põhimõtete põhjal.
Uuriv testimine: Kasutada uurimismeetodit, et avastada nähtamatuid UI probleeme, keskendudes kasutajaskriptidele ja interaktsioonidele.
Vormide testimine: Kontrollida väljade valideerimist, veateadete õigsust, käitumist andmete saatmisel.
Navigatsiooni testimine: Kontrollida linkide, nuppude, menüüde ja leivapuru õigsust.

Milliseid tehnikaid kasutaksite veebisaitide kasutajaliidese kontrollimiseks?