Čo sa deje na úrovni prezentácie v kontexte vývoja softvéru?

Úroveň prezentácie (Presentation Layer) v viacvrstvovej architektúre je zodpovedná za interakciu s používateľom. Ide o používateľské rozhranie (UI), ktoré zobrazí informácie používateľovi a zbiera jeho vstupy.

Hlavné funkcie:

• Zobrazenie dát: Vizualizácia informácií prijatých z vrstvy podnikovej logiky.
• Vstup dát: Prijímanie vstupov od používateľa (kliknutia, vyplnenie formulárov, zadanie textu).
• Validácia používateľského vstupu: Počiatočná kontrola dát pred ich odoslaním na vrstvu podnikovej logiky. V QA kontexte je toto miesto, kde testujeme použiteľnosť, vzhľad a interaktivitu prvkov UI.
• Formátovanie dát: Transformácia dát do pohodlného a zrozumiteľného tvaru pre používateľa.
• Správa relácií: Vo webových aplikáciách môže čiastočne participovať na správe stavu relácie na strane klienta.

Príklady:

• Webové stránky (HTML, CSS, JavaScript).
• Mobilné aplikácie (UI komponenty).
• Desktopové aplikácie (GUI).

V QA kontexte zahŕňa testovanie na úrovni prezentácie:

• Funkčné testy UI: Kontrola správnosti funkčnosti tlačidiel, odkazov, formulárov.
• Testy použiteľnosti: Hodnotenie jednoduchosti použitia, zrozumiteľnosti rozhrania.
• Kros-browserské / platformové testy: Kontrola správneho zobrazenia a fungovania UI na rôznych prehliadačoch/zariadeniach.
• Testy lokalizácie a internacionalizácie: Kontrola zobrazenia textov, mien, dát v súlade s regionálnymi nastaveniami.
• Výkonové testy UI: Hodnotenie rýchlosti načítania a odozvy prvkov rozhrania.

Príklad kódu, ktorý demonštruje komponent úrovne prezentácie (React):

// Príklad jednoduchého prezentácie komponentu v React

import React from 'react';

function Greeting({ userName }) {
  return (
    <div>
      <h1>Ahoj, {userName}!</h1>
      <p>Vitajte v našej aplikácii.</p>
    </div>
  );
}

export default Greeting;