Co se děje na úrovni prezentace v kontextu vývoje softwaru?

Vrstva prezentace (Presentation Layer) v vícevrstvé architektuře je odpovědná za interakci s uživatelem. Jedná se o uživatelské rozhraní (UI), které zobrazí informace uživateli a shromažďuje jeho vstupy.

Hlavní funkce:

• Zobrazení dat: Vizualizace informací přijatých z vrstvy obchodní logiky.
• Vstup dat: Přijímání vstupů od uživatele (kliknutí, vyplnění formulářů, zadání textu).
• Validace uživatelského vstupu: První kontrola dat před jejich odesláním do vrstvy obchodní logiky. V kontextu QA je toto místo, kde testujeme použitelnost, vzhled a interaktivitu prvků UI.
• Formátování dat: Převod dat do uživatelsky přívětivé a srozumitelné podoby.
• Správa relací: U webových aplikací může částečně participovat na správě stavu relace na straně klienta.

Příklady:

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

V kontextu QA zahrnují testování na úrovni prezentace:

• Funkční testy UI: Kontrola funkčnosti tlačítek, odkazů, formulářů.
• Testy použitelnosti: Hodnocení snadnosti použití, srozumitelnosti rozhraní.
• Křížové prohlížeče / platformní testy: Kontrola správného zobrazení a funkčnosti UI na různých prohlížečích/zařízeních.
• Testy lokalizace a internacionalizace: Kontrola zobrazení textů, měn, dat podle regionálních nastavení.
• Výkonové testy UI: Hodnocení rychlosti načítání a odezvy prvků rozhraní.

Příklad kódu, který demonstruje komponentu úrovně prezentace (React):

// Příklad jednoduché prezentace komponenty v Reactu

import React from 'react';

function Greeting({ userName }) {
  return (
    <div>
      <h1>Ahoj, {userName}!</h1>
      <p>Vítejte v naší aplikaci.</p>
    </div>
  );
}

export default Greeting;