Milyen technikákat használnál a weboldalak…

A felhasználói felület ellenőrzéséhez a következő technikákat használnám:

Vizuális tesztelés: A UI elemek aktuális megjelenítésének összehasonlítása referencia képernyőképekkel vagy tervezési mintákkal különböző felbontásokon és böngészőkben. Eszközök, mint Percy, Applitools Eyes vagy kézi összehasonlítás használata.
Reszponzív tesztelés: A weboldal helyes megjelenésének és funkcionalitásának ellenőrzése különböző eszközökön és képernyőméreteken (asztali, tablet, mobil). Fejlesztői eszközök (Device Mode) vagy speciális felhő platformok használata.
Keresztböngészős tesztelés: A weboldal kompatibilitásának ellenőrzése különböző böngészőkkel (Chrome, Firefox, Safari, Edge) és azok verzióival. Eszközök, mint BrowserStack, Sauce Labs vagy kézi tesztelés különböző gépeken.
Elérhetőségi teszt: A weboldal hozzáférhetőségi szabványoknak (WCAG) való megfelelésének ellenőrzése. Automatizált eszközök (Lighthouse, Axe DevTools) használata, kézi ellenőrzés képernyőolvasókkal és billentyűzetes navigációval.
UI terheléses teszt: A felület teljesítményének ellenőrzése nagy terhelés alatt (pl. nagy adatmennyiség betöltése, több aszinkron kérés). Az oldal betöltési idejének és UI válaszidejének mérése.

UI automatizálás: Automatizált tesztek készítése az UI elemek funkcionalitásának és megjelenésének ellenőrzésére. Fő eszközök: Selenium, Cypress, Playwright.

// Alapvető Selenium WebDriver teszt példája (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(); // Driver inicializálása
        driver.get("https://www.example.com"); // URL megnyitása
        String expectedTitle = "Example Domain";
        String actualTitle = driver.getTitle(); // Az oldal címe
        assertTrue(actualTitle.contains(expectedTitle), "Az oldal címe nem egyezik a várttal"); // Ellenőrzés
        driver.quit(); // Böngésző bezárása
    }

    @Test
    void checkElementPresence() {
         WebDriver driver = new ChromeDriver();
         driver.get("https://www.example.com");
         WebElement header = driver.findElement(By.tagName("h1")); // Elem keresése
         assertTrue(header.isDisplayed(), "H1 fejléc nem jelenik meg"); // Láthatóság ellenőrzése
         driver.quit();
    }
}

Használhatósági teszt: Az interfész könnyű használatának és intuitív jellegének értékelése. Ide tartozhat felhasználói tesztelés, heuristikus alapú tesztelés.
Felfedező tesztelés (Exploratory Testing): Kutató megközelítés alkalmazása az UI nem nyilvánvaló problémáinak feltárására, felhasználói forgatókönyvekre és interakciókra összpontosítva.
Űrlap tesztelés: A mezők validálásának, hibajelzések helyes megjelenítésének, adatküldéskor viselkedésének ellenőrzése.
Navigációs teszt: A linkek, gombok, menük, morzsamenük helyes működésének ellenőrzése.

Milyen technikákat használnál a weboldalak felhasználói felületének ellenőrzésére?