Ako budete testovať používateľské rozhrania webových stránok?

Testovanie UI stránky zahŕňa niekoľko fáz:

1. Plánovanie a analýza požiadaviek:

• Pochopenie cieľovej skupiny a scenárov použitia.
• Analýza návrhových makiet a špecifikácií.
• Stanovenie rozsahu testovania.

2. Funkčné testovanie UI:

• Navigácia: Kontrola prechodov medzi stránkami, funkčnosti odkazov a tlačidiel.
• Prvky formulára: Testovanie vstupných polí, zaškrtávacích polí, radiových tlačidiel, rozbaľovacích zoznamov (validácia vstupu, správnosť zobrazenia).
• Zobrazenie obsahu: Kontrola správnosti zobrazenia textov, obrázkov, videí.
• Interakcia prvkov: Testovanie, ako prvky reagujú na akcie používateľa (naježenie myšou, kliknutia, zadávanie dát).

3. Testovanie použiteľnosti:

• Intuitívnosť: Hodnotenie, ako ľahko používateľ pochopí, ako používať stránku.
• Efektívnosť: Kontrola, ako rýchlo môže používateľ splniť svoje úlohy.
• Dostupnosť: Testovanie pre používateľov s obmedzenými možnosťami (napríklad použitie čítačiek obrazovky).

4. Vizuálne testovanie (Look and Feel):

• Rozloženie a rozvrhnutie: Kontrola správneho usporiadania prvkov na stránke.
• Písma a typografia: Zhodnosť s návrhovými maketami, čitateľnosť.
• Farby a štýl: Zhodnosť s farebnou paletou a celkovým štýlom stránky.

5. Responzívne testovanie:

• Kontrola správneho zobrazenia a funkčnosti UI na rôznych zariadeniach (desktopy, tablety, smartphony) a v rôznych prehliadačoch.
• Použitie nástrojov na emuláciu rôznych rozlíšení obrazovky a prehliadačov.

6. Testovanie výkonnosti UI:

• Čas načítania stránok a prvkov.
• Plynulosť animácií a prechodov.

7. Testovanie bezpečnosti (v kontexte UI):

• Kontrola absencie XSS zraniteľností (napríklad možnosť vloženia škodlivého skriptu cez polia na vkladanie).
• Ochrana pred CSRF útokmi.

8. Automatizácia testovania UI:

• Použitie nástrojov ako Selenium, Playwright, Cypress.
• Písanie UI testov na kontrolu kľúčových používateľských scenárov a kritickej funkčnosti.

# Príklad jednoduchého testu na Selenium s použitím Pythonu
from selenium import webdriver
from selenium.webdriver.common.by import By

def test_page_title(driver):
    driver.get("https://example.com") # Otvorenie stránky
    assert "Example Domain" in driver.title # Kontrola titulku stránky

Nástroje:

• Ručné testovanie: Prehliadače, DevTools.
• Automatizácia UI: Selenium WebDriver, Playwright, Cypress.
• Vizuálne testovanie: Perfectionist, služby na snímky obrazovky (napríklad BrowserStack Automate).
• Testovanie výkonnosti: Google PageSpeed Insights, Lighthouse.