Povedzte mi o testovaní na strane klienta.

Testovanie klientskej časti sa zameri na kontrolu používateľského rozhrania a správania aplikácie v prehliadači alebo na zariadení používateľa.

Hlavné aspekty:

• Funkčné testovanie: Kontrola fungovania všetkých funkcií dostupných používateľovi cez rozhranie. Zahŕňa kontrolu zadávania dát, navigácie, spracovania chýb, integrácie s tretími stranami.
• Testovanie použiteľnosti: Hodnotenie pohodlia používania, zrozumiteľnosti rozhrania, logiky toku akcií používateľa.
• Kros-prehliadačové/kros-platformové testovanie: Kontrola správneho zobrazenia a fungovania aplikácie v rôznych prehliadačoch (Chrome, Firefox, Safari, Edge) a operačných systémoch (Windows, macOS, Linux) / mobilných platformách (Android, iOS).
• Testovanie výkonu frontendu: Hodnotenie rýchlosti načítania stránok, odozvy rozhrania, spotreby zdrojov (pamäť, procesor) v prehliadači. Používajú sa nástroje ako DevTools (Performance záložka).
• Bezpečnostné testovanie: Kontrola na zraniteľnosti súvisiace s klientskou časťou (XSS, CSRF, lokálne úložisko).
• Lokalizačné a internacionalizačné testovanie: Kontrola správnosti zobrazenia obsahu v rôznych jazykoch a prispôsobenie k regionálnym štandardom.
• Responzívnosť: Kontrola správneho zobrazenia a fungovania na rôznych rozlíšeniach obrazovky a zariadeniach (počítače, tablety, telefóny).

Nástroje na automatizáciu testovania klientskej časti:

• Selenium WebDriver: Umožňuje automatizovať akcie používateľa v prehliadači.

// Príklad použitia Selenium WebDriver
WebDriver driver = new ChromeDriver();
driver.get("https://example.com");
WebElement element = driver.findElement(By.id("myElement"));
element.click();
driver.quit();

• Cypress: Rámec pre end-to-end testovanie, s dôrazom na rýchlosť a jednoduchosť použitia.

// Príklad testu na Cypress
describe('Môj prvý test', () => {
  it('Navštívi stránku s príkladom', () => {
    cy.visit('https://example.com')
    cy.contains('h1', 'Example Domain')
  })
})

• Playwright: Podporuje rôzne jazyky a prehliadače, ponúka mocné nástroje na ladenie.

# Príklad testu na Playwright
from playwright.sync_api import sync_playwright

with sync_playwright() as p:
    browser = p.chromium.launch()
    page = browser.new_page()
    page.goto("https://example.com")
    title = page.locator("h1")
    print(title.inner_text())
    browser.close()

• Jest / Mocha / Jasmine: Rámce na jednotkové a integračné testovanie JavaScript kódu.
• Enzyme / React Testing Library: Utility na testovanie React komponentov.

Testovanie klientskej časti vyžaduje dobré pochopenie používateľského správania, rôznych špecifikácií prehliadačov a technológií používaných vo frontende (HTML, CSS, JavaScript).