Veb saytların istifadəçi interfeysini yoxlamaq üçün…

İstifadəçi interfeysinin yoxlanması üçün aşağıdakı texnikalardan istifadə edərdim:

Vizual test: UI elementlərinin cari göstərilməsini standart ekran görüntüləri və ya dizayn maketləri ilə müqayisə etmək, müxtəlif həll və brauzerlərdə. Percy, Applitools Eyes kimi alətlər və ya əl ilə müqayisə istifadə etmək.
Responsiv test: Saytın müxtəlif cihazlar və ekran ölçülərində düzgün göstərilməsini və funksionallığını yoxlamaq (masaüstü, planşet, mobil). Brauzerin inkişaf etdirici alətləri (Device Mode) və ya xüsusi bulud platformaları istifadə etmək.
Çox brauzerli test: Saytın müxtəlif veb brauzerlərlə (Chrome, Firefox, Safari, Edge) və onların versiyaları ilə uyğunluğunu yoxlamaq. BrowserStack, Sauce Labs və ya əl ilə müxtəlif maşınlarda test etmək.
Əlçatanlıq testi: Saytın əlçatanlıq standartlarına (WCAG) uyğunluğunu yoxlamaq. Lighthouse, Axe DevTools kimi avtomatlaşdırılmış alətlər və ekran oxuyucular və klaviatura navigasiyası ilə əl ilə yoxlama.
UI yükləmə testi: Yüksək yüklənmə zamanı interfeysin performansını yoxlamaq (məsələn, böyük məlumat yükləmələri, çoxsaylı asinxron sorğular). Səhifələrin yüklənmə vaxtını və UI cavabını ölçmək.

UI Avtomatlaşdırması: UI elementlərinin funksionallığını və görünüşünü yoxlamaq üçün avtomatlaşdırılmış testlər yaratmaq. Əsas alətlər: Selenium, Cypress, Playwright.

// Selenium WebDriver ilə əsas test nümunəsi (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-in başlanğıcı
        driver.get("https://www.example.com"); // URL açılır
        String expectedTitle = "Example Domain";
        String actualTitle = driver.getTitle(); // Səhifə başlığını almaq
        assertTrue(actualTitle.contains(expectedTitle), "Səhifə başlığı gözləniləndən fərqlidir"); // Yoxlama
        driver.quit(); // Brauzeri bağlamaq
    }

    @Test
    void checkElementPresence() {
         WebDriver driver = new ChromeDriver();
         driver.get("https://www.example.com");
         WebElement header = driver.findElement(By.tagName("h1")); // Elementi tapmaq
         assertTrue(header.isDisplayed(), "H1 başlığı görünmür"); // Görünürlüğünü yoxlama
         driver.quit();
    }
}

İstifadə rahatlığı testi: İnterfeysin istifadəsinin asanlığı və intuitivliyi qiymətləndirmək. İstifadəçi testləri və heuristikaya əsaslanan testlər daxil ola bilər.
Araşdırıcı test (Exploratory Testing): UI-də aşkar edilməmiş problemləri tapmaq üçün istifadəçi ssenariləri və qarşılıqlı əlaqələrə fokuslanaraq araşdırma yanaşması.
Formların testi: Sahələrin doğrulamasını, səhv mesajlarının düzgün göstərilməsini və məlumat göndərilərkən davranışını yoxlamaq.
Naviqasiya testi: Linklərin, düymələrin, menyuların və çörək qırıntılarının düzgün işləməsini yoxlamaq.

Veb saytların istifadəçi interfeysini yoxlamaq üçün hansı texnikaları istifadə edərdiniz?