Aké techniky by ste použili na overenie…

Pre kontrolu používateľského rozhrania webových stránok by som použil nasledujúce techniky:

Vizuálne testovanie: Porovnanie aktuálneho zobrazenia prvkov UI s referenčnými snímkami obrazovky alebo návrhovými maketami na rôznych rozlíšeniach a prehliadačoch. Použitie nástrojov ako Percy, Applitools Eyes alebo ručné porovnanie.
Responzívne testovanie: Kontrola správneho zobrazenia a funkčnosti webu na rôznych zariadeniach a veľkostiach obrazovky (desktop, tablety, mobilné). Použitie vývojárskych nástrojov v prehliadači (Device Mode) alebo špecializovaných cloudových platforiem.
Testovanie kompatibility naprieč prehliadačmi: Kontrola kompatibility webu s rôznymi webovými prehliadačmi (Chrome, Firefox, Safari, Edge) a ich verziami. Použitie nástrojov ako BrowserStack, Sauce Labs alebo ručné testovanie na rôznych strojoch.
Testovanie prístupnosti (Accessibility Testing): Kontrola súladu webu s normami prístupnosti (WCAG). Použitie automatizovaných nástrojov (Lighthouse, Axe DevTools), ručné kontrolovanie s využitím čítačov obrazovky a kontroly navigácie s klávesnicou.
Záťažové testovanie UI: Kontrola výkonu rozhrania pri vysokej záťaži (napríklad načítanie veľkého objemu dát, viaceré asynchrónne požiadavky). Meranie času načítania stránok, odozvy UI.

Automatizácia UI: Vytváranie automatizovaných testov na kontrolu funkčnosti a vzhľadu prvkov UI. Hlavné nástroje: Selenium, Cypress, Playwright.

// Príklad základného 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(); // Inicializácia ovládača
        driver.get("https://www.example.com"); // Otvorenie URL
        String expectedTitle = "Example Domain";
        String actualTitle = driver.getTitle(); // Získanie titulku stránky
        assertTrue(actualTitle.contains(expectedTitle), "Titulek stránky sa nezhoduje s očakávaným"); // Kontrola
        driver.quit(); // Zatvorenie prehliadača
    }

    @Test
    void checkElementPresence() {
         WebDriver driver = new ChromeDriver();
         driver.get("https://www.example.com");
         WebElement header = driver.findElement(By.tagName("h1")); // Vyhľadanie prvku
         assertTrue(header.isDisplayed(), "Nadpis H1 sa nezobrazuje"); // Kontrola viditeľnosti
         driver.quit(); // Zatvorenie prehliadača
    }
}

Testovanie použiteľnosti: Hodnotenie ľahkosti použitia a intuitívnosti rozhrania. Môže zahŕňať používateľské testovanie, heuristické testovanie.
Prieskumné testovanie (Exploratory Testing): Použitie prieskumného prístupu na odhalenie nejasných problémov v UI, zameranie na používateľské scenáre a interakcie.
Testovanie formulárov: Kontrola validácie polí, správneho zobrazenia chybových hlásení, správania pri odoslaní dát.
Testovanie navigácie: Kontrola správnosti odkazov, tlačidiel, menu, breadcrumbov.

Aké techniky by ste použili na overenie používateľského rozhrania webových stránok?