Kas vyksta pristatymo lygyje programinės įrangos kūrimo kontekste?

Daugiapakopėje architektūroje pateikimo sluoksnis (Presentation Layer) atsako už sąveiką su vartotoju. Tai yra UI (vartotojo sąsaja), kuri rodo informaciją vartotojui ir renka įvestį iš jo.

Pagrindinės funkcijos:

• Duomenų rodymas: Informacijos vizualizavimas, gautas iš verslo logikos lygio.
• Duomenų įvedimas: Vartotojo įvesties priėmimas (mygtukų paspaudimai, formų užpildymas, teksto įvedimas).
• Vartotojo įvesties validacija: Pirminė duomenų patikra prieš juos siunčiant į verslo logikos lygį. QA kontekste, tai vieta, kur testuojame UI elementų naudotojui patogumą, išvaizdą ir interaktyvumą.
• Duomenų formatavimas: Duomenų konvertavimas į patogų ir suprantamą vartotojui vaizdą.
• Sesijų valdymas: Internetinėse programose gali dalyvauti dalinai valdyti sesijos būseną kliento pusėje.

Pavyzdžiai:

• Tinklalapiai (HTML, CSS, JavaScript).
• Mobiliosios programėlės (UI komponentai).
• Darbalaukio programos (GUI).

QA kontekste, pateikimo lygio testavimas apima:

• Funkcinis UI testavimas: Mygtukų, nuorodų, įvesties formų veikimo patikrinimas.
• Naudotojo patogumo testavimas: Patogumo naudotis, sąsajos aiškumo įvertinimas.
• Kryžminis naršyklių / platformų testavimas: Tinkamo UI rodymo ir veikimo patikrinimas skirtingose naršyklėse / įrenginiuose.
• Lokalizacijos ir tarptautinumo testavimas: Tekstų, valiutų, datų rodymas pagal regioninius nustatymus.
• UI našumo testavimas: Įkėlimo greičio ir reagavimo į elementų veiksmus įvertinimas.

React pavyzdys pateikimo komponento:

// Paprasto pateikimo komponento pavyzdys React

import React from 'react';

function Greeting({ userName }) {
  return (
    <div>
      <h1>Sveiki, {userName}!</h1>
      <p>Sveiki atvykę į mūsų programėlę.</p>
    </div>
  );
}

export default Greeting;