Veb-saytlarning foydalanuvchi interfeysini tekshirish…

Veb-saytlarning foydalanuvchi interfeysini tekshirish uchun quyidagi texnikalarni qoʻllardim:

Vizual test: UI elementlarining hozirgi ko‘rinishini referens ekranlari yoki dizayn maketlari bilan solishtirish, turli ekran o‘lchamlari va brauzerlarda. Percy, Applitools Eyes yoki qo‘lda solishtirish kabi vositalardan foydalanish.
Moslashuvchan test: Saytning turli qurilmalarda va ekran o‘lchamlarida (stol, planshet, mobil) to‘g‘ri ko‘rsatilishini va funksionalligini tekshirish. Brauzer ishlab chiqish vositalaridagi (Device Mode) yoki maxsus bulut platformalaridan foydalanish.
Kross-brauzer mosligi testi: Saytning turli veb-brauzerlari (Chrome, Firefox, Safari, Edge) va ularning versiyalariga mosligini tekshirish. BrowserStack, Sauce Labs yoki turli mashinalarda qo‘lda test qilish.
Erişishlik testi: Saytning erişishlik standartlariga (WCAG) muvofiqligini tekshirish. Lighthouse, Axe DevTools kabi avtomatlashtirilgan vositalardan foydalanish, ekran o‘quvchilar va klaviatura navigatsiyasi bilan qo‘lda tekshirish.
UI yuklama testi: Interfeysning yuqori yuklamalar ostidagi (masalan, katta ma’lumotlar yuklash, ko‘p asinxron so‘rovlar) ishlashini tekshirish. Sahifa yuklanish vaqtlarini va UI javobini o‘lchash.

UI avtomatlashtirish: UI elementlarining funksionalligini va ko‘rinishini avtomatlashtirilgan testlar bilan tekshirish. Asosiy vositalar: Selenium, Cypress, Playwright.

// Selenium WebDriver bilan asosiy test misoli (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(); // Driverni ishga tushirish
        driver.get("https://www.example.com"); // URLni ochish
        String expectedTitle = "Example Domain";
        String actualTitle = driver.getTitle(); // Sahifa sarlavhasini olish
        assertTrue(actualTitle.contains(expectedTitle), "Sahifa sarlavhasi kutganingizdek emas"); // Tekshirish
        driver.quit(); // Brauzerni yopish
    }

    @Test
    void checkElementPresence() {
         WebDriver driver = new ChromeDriver();
         driver.get("https://www.example.com");
         WebElement header = driver.findElement(By.tagName("h1")); // Teg bilan qidirish
         assertTrue(header.isDisplayed(), "H1 sarlavhasi ko‘rsatilmayapti"); // Ko‘rinishini tekshirish
         driver.quit();
    }
}

Foydalanuvchi qulayligi testlari: Interfeysning foydalanish osonligi va intuitivligini baholash. Foydalanuvchi testlari, heuristik testlar bo‘lishi mumkin.
Eksplorator UI testlari: UIda aniq bo‘lmagan muammolarni aniqlash uchun eksplorator yondashuvdan foydalanish, foydalanuvchi ssenariylari va interaktsiyalariga e’tibor qaratish.
Formalar testlari: Maydonlarning validatsiyasini, xato xabarlarining to‘g‘ri ko‘rsatilishini, ma’lumot yuborish paytida xulq-atvorini tekshirish.
Naviqatsiya testlari: Linklar, tugmalar, menyular, nonvoy chiziqlarining to‘g‘ri ishlashini tekshirish.

Veb-saytlarning foydalanuvchi interfeysini tekshirish uchun qanday texnikalarni qo'llardingiz?