Welche Techniken würden Sie verwenden, um die…

Um die Benutzeroberfläche der Websites zu überprüfen, würde ich die folgenden Techniken verwenden:

Visuelles Testen: Vergleich der aktuellen Anzeige der UI-Elemente mit Referenz-Screenshots oder Design-Mockups in verschiedenen Auflösungen und Browsern. Verwendung von Tools wie Percy, Applitools Eyes oder manuelle Vergleiche.
Responsives Testen: Überprüfung der korrekten Anzeige und Funktionalität der Website auf verschiedenen Geräten und Bildschirmgrößen (Desktop, Tablets, Mobilgeräte). Verwendung der Entwickler-Tools im Browser (Gerätemodus) oder spezialisierte Cloud-Plattformen.
Cross-Browser-Kompatibilitätstests: Überprüfung der Kompatibilität der Website mit verschiedenen Webbrowsern (Chrome, Firefox, Safari, Edge) und deren Versionen. Verwendung von Tools wie BrowserStack, Sauce Labs oder manuelle Tests auf verschiedenen Maschinen.
Barrierefreiheitstests: Überprüfung der Einhaltung der Barrierefreiheitsstandards (WCAG). Verwendung automatisierter Tools (Lighthouse, Axe DevTools), manuelle Überprüfung mit Screenreadern und Tastaturnavigation.
UI-Lasttests: Überprüfung der Leistungsfähigkeit der Oberfläche bei hoher Belastung (z.B. Laden großer Datenmengen, multiple asynchrone Anfragen). Messung der Ladezeiten der Seiten und der UI-Reaktionsfähigkeit.

UI-Automatisierung: Erstellung automatisierter Tests zur Überprüfung der Funktionalität und des Aussehens der UI-Elemente. Hauptwerkzeuge: Selenium, Cypress, Playwright.

// Beispiel für einen grundlegenden Test mit 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(); // Initialisierung des Treibers
        driver.get("https://www.example.com"); // URL öffnen
        String expectedTitle = "Example Domain";
        String actualTitle = driver.getTitle(); // Titel der Seite abrufen
        assertTrue(actualTitle.contains(expectedTitle), "Der Seitentitel stimmt nicht mit dem Erwarteten überein"); // Überprüfung
        driver.quit(); // Browser schließen
    }

    @Test
    void checkElementPresence() {
         WebDriver driver = new ChromeDriver();
         driver.get("https://www.example.com");
         WebElement header = driver.findElement(By.tagName("h1")); // Element nach Tag suchen
         assertTrue(header.isDisplayed(), "H1-Überschrift wird nicht angezeigt"); // Sichtbarkeitsprüfung
         driver.quit();
    }
}

Usability-Tests: Bewertung der Benutzerfreundlichkeit und Intuitivität der Oberfläche. Kann Benutzer-Tests, heuristische Tests umfassen.
Explorative UI-Tests: Einsatz eines explorativen Ansatzes zur Identifikation nicht offensichtlicher Probleme in der UI, Fokus auf Nutzer-Szenarien und Interaktionen.
Formular-Tests: Validierung der Felder, korrekte Fehlermeldungen, Verhalten beim Absenden der Daten.
Navigationstests: Überprüfung der Korrektheit von Links, Buttons, Menüs, Breadcrumbs.

Welche Techniken würden Sie verwenden, um die Benutzeroberfläche von Websites zu überprüfen?