Реците ми о тестирању на страни клијента.

Testiranje klijentskog dela fokusira se na proveru korisničkog interfejsa i ponašanja aplikacije u pretraživaču ili na uređaju korisnika.

Glavni aspekti:

• Funkcionalno testiranje: Provera rada svih funkcija dostupnih korisniku putem interfejsa. Uključuje proveru unosa podataka, navigacije, obrade grešaka, integracije sa spoljnim servisima.
• Testiranje upotrebljivosti: Procena udobnosti korišćenja, razumljivosti interfejsa, logike toka akcija korisnika.
• Kros-broser/kros-platformsko testiranje: Provera ispravnog prikaza i rada aplikacije u različitim pretraživačima (Chrome, Firefox, Safari, Edge) i operativnim sistemima (Windows, macOS, Linux) / mobilnim platformama (Android, iOS).
• Testiranje performansi frontenda: Procena brzine učitavanja stranica, odzivnosti interfejsa, potrošnje resursa (memorija, procesor) u pretraživaču. Koriste se alati poput DevTools (Performance tab).
• Sigurnosno testiranje: Provera na ranjivosti povezane sa klijentskim delom (XSS, CSRF, lokalno skladište).
• Lokalizacija i internacionalizacija: Provera ispravnosti prikaza sadržaja na različitim jezicima i prilagođavanja regionalnim standardima.
• Responzivnost: Provera ispravnog prikaza i rada na različitim rezolucijama ekrana i uređajima (računari, tableti, telefoni).

Alati za automatizaciju testiranja klijentskog dela:

• Selenium WebDriver: Omogućava automatizaciju akcija korisnika u pretraživaču.

// Primer korišćenja Selenium WebDriver
WebDriver driver = new ChromeDriver();
driver.get("https://example.com");
WebElement element = driver.findElement(By.id("myElement"));
element.click();
driver.quit();

• Cypress: Okvir za end-to-end testiranje, sa akcentom na brzinu i jednostavnost korišćenja.

// Primer testa na Cypress
describe('Moj prvi test', () => {
  it('Poseti stranicu sa primerom', () => {
    cy.visit('https://example.com')
    cy.contains('h1', 'Example Domain')
  })
})

• Playwright: Podržava različite jezike i pretraživače, nudi moćne alate za otklanjanje grešaka.

# Primer testa 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: Okviri za jedinčno i integraciono testiranje JavaScript koda.
• Enzyme / React Testing Library: Utility za testiranje React komponenti.

Testiranje klijentskog dela zahteva dobro razumevanje korisničkog ponašanja, različitih karakteristika pretraživača i tehnologija koje se koriste u frontendu (HTML, CSS, JavaScript).