Ի՞նչ տեխնիկաներ կօգտագործեիք կայքերի օգտագործողի ինտերֆեյսը ստուգելու համար։

Ինտերֆեյսի ստուգման համար ես օգտագործում էի հետևյալ տեխնիկաները:

1. Վիզուալ թեստավորում: Հետևել UI տարրերի ներկայիս ցուցադրմանը՝ համեմատելով դրանք ստանդարտ էկրանային լուսանկարների կամ դիզայնի մոդելների հետ տարբեր լուծաչափերում և բրաուզերներում: Օգտագործել Percy, Applitools Eyes կամ ձեռքով համեմատում:

2. Պատասխանատու թեստավորում: Ստուգել կայքի ճիշտ ցուցադրությունը և գործառույթը տարբեր սարքերում և էկրանների չափերում (դեսկտոպ, պլանշետ, մոբայլ): Օգտագործել բրաուզերի զարգացման գործիքներ (Device Mode) կամ հատուկ ամպային հարթակներ:

3. Կրոսբրաուզեր թեստավորում: Ստուգել կայքի համատեղելիությունը տարբեր վեբ բրաուզերների (Chrome, Firefox, Safari, Edge) և նրանց տարբերակների հետ: Օգտագործել BrowserStack, Sauce Labs կամ ձեռքով տարբեր մեքենաներում:

4. Հասանելիության թեստավորում: Ստուգել կայքի համապատասխանությունը հասանելիության ստանդարտներին (WCAG): Օգտագործել ավտոմատացված գործիքներ (Lighthouse, Axe DevTools), ձեռքով ստուգել էկրանային ընթերցողների և ստեղնաշարի նավիգացիայի միջոցով:

5. UI բեռնումային թեստավորում: Ստուգել ինտերֆեյսի կատարողականությունը բարձր բեռների դեպքում (օրինակ՝ մեծ տվյալների բեռնում, բազմակի ասինխրոն հարցումներ): Մատչելիության ժամանակը և UI արձագանքը:

6. UI ավտոմատացում: Ստեղծել ավտոմատացված թեստեր UI տարրերի գործառնականությունը և տեսքը ստուգելու համար: Հիմնական գործիքներ՝ Selenium, Cypress, Playwright:

   // 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(); // Դրայվերի ինիցիալիզացիա
           driver.get("https://www.example.com"); // URL բացել
           String expectedTitle = "Example Domain";
           String actualTitle = driver.getTitle(); // Էջի վերնագիրը ստանալ
           assertTrue(actualTitle.contains(expectedTitle), "Էջի վերնագիրը չի համապատասխանում սպասվածին"); // Ստուգում
           driver.quit(); // Բրաուզերը փակել
       }
   
       @Test
       void checkElementPresence() {
            WebDriver driver = new ChromeDriver();
            driver.get("https://www.example.com");
            WebElement header = driver.findElement(By.tagName("h1")); // Element գտնել
            assertTrue(header.isDisplayed(), "H1 վերնագիրը չի ցուցադրվում"); // Նկատելության ստուգում
            driver.quit();
       }
   }
   

7. Օգտագործելիության թեստավորում: Հեշտության և ինտուիտիվության գնահատում։ Կարող է ներառել օգտվողների փորձարկումներ, հերշտիկ թեստեր:

8. Հետազոտական թեստավորում (Exploratory Testing): Օգտագործել հետազոտական մոտեցում՝ բացահայտելու UI-ում աննկատ խնդիրները, կենտրոնանալով օգտվողի սցենարների և փոխազդեցությունների վրա:

9. Ֆորմաների թեստավորում: Վալիդացիայի ստուգում, սխալի հաղորդագրությունների ճիշտ ցուցադրում, տվյալների ուղարկման ժամանակ վարքագիծ:

10. Նավիգացիայի թեստավորում: Հղումների, կոճակների, մենյուների, հացահատիկների ճիշտ աշխատանքը ստուգել։