Mi történik a bemutató szinten a szoftverfejlesztés kontextusában?

A több rétegből álló architektúrában a prezentációs réteg (Presentation Layer) felelős a felhasználóval való interakcióért. Ez a felhasználói felület (UI), amely megjeleníti az információkat a felhasználónak, és gyűjti a bemenetét.

Fő funkciók:

• Adatok megjelenítése: Az üzleti logika szintjéről kapott információk vizualizálása.
• Adatbevitel: A felhasználói bemenet fogadása (gombnyomások, űrlapok kitöltése, szövegbeviteli mezők).
• Felhasználói bemenet validálása: Az adatok elsődleges ellenőrzése, mielőtt azokat a üzleti logika szintjére küldenénk. QA kontextusban ez az a hely, ahol a UI elemek használhatóságát, megjelenését és interaktivitását teszteljük.
• Adatok formázása: Az adatok átalakítása a felhasználó számára kényelmes és érthető formába.
• Ülések kezelése: Webalkalmazások esetén részben részt vehet a kliens oldali állapotkezelésben.

Példák:

• Weboldalak (HTML, CSS, JavaScript).
• Mobil alkalmazások (UI komponensek).
• Asztali alkalmazások (GUI).

A QA kontextusában a prezentáció szintjén végzett tesztek a következők:

• UI funkcionális tesztek: A gombok, linkek, űrlapok működésének ellenőrzése.
• Használhatósági tesztek: A felhasználóbarátság, az interfész érthetőségének értékelése.
• Kereszt böngészős / platformos tesztek: A UI helyes megjelenítésének és működésének ellenőrzése különböző böngészőkön/eszközökön.
• Lokáció és nemzetköziesítés tesztek: A szövegek, valuták, dátumok megjelenítésének ellenőrzése a regionális beállítások szerint.
• UI teljesítmény tesztek: A betöltési sebesség és az elemek reakcióképességének értékelése.

React példakód, amely bemutat egy prezentációs komponenst:

// Egyszerű prezentációs komponens Reactben

import React from 'react';

function Greeting({ userName }) {
  return (
    <div>
      <h1>Szia, {userName}!</h1>
      <p>Üdvözlünk az alkalmazásunkban.</p>
    </div>
  );
}

export default Greeting;