Co się dzieje na poziomie prezentacji w kontekście rozwoju oprogramowania?

Warstwa prezentacji (Presentation Layer) w architekturze wielowarstwowej odpowiada za interakcję z użytkownikiem. To UI (interfejs użytkownika), który wyświetla informacje użytkownikowi i zbiera jego dane wejściowe.

Główne funkcje:

• Wyświetlanie danych: Wizualizacja informacji otrzymanych z warstwy logiki biznesowej.
• Wprowadzanie danych: Przyjmowanie danych od użytkownika (kliknięcia, wypełnianie formularzy, wprowadzanie tekstu).
• Walidacja danych wejściowych: Wstępna kontrola danych przed ich wysłaniem do warstwy logiki biznesowej. W kontekście QA, to miejsce, gdzie testujemy użyteczność, wygląd i interaktywność elementów UI.
• Formatowanie danych: Przekształcanie danych w wygodną i zrozumiałą dla użytkownika formę.
• Zarządzanie sesjami: W aplikacjach webowych może częściowo uczestniczyć w zarządzaniu stanem sesji po stronie klienta.

Przykłady:

• Strony internetowe (HTML, CSS, JavaScript).
• Aplikacje mobilne (komponenty UI).
• Aplikacje desktopowe (GUI).

W kontekście QA, testowanie na poziomie prezentacji obejmuje:

• Testy funkcjonalne UI: Sprawdzanie poprawności działania przycisków, linków, formularzy.
• Testy użyteczności: Ocena wygody użytkowania, czytelności interfejsu.
• Testy wieloplatformowe / wieloplatformowe: Sprawdzanie poprawnego wyświetlania i działania UI na różnych przeglądarkach/urządzeniach.
• Testy lokalizacji i internacjonalizacji: Sprawdzanie wyświetlania tekstów, walut, dat zgodnie z ustawieniami regionalnymi.
• Testy wydajności UI: Ocena szybkości ładowania i reakcji elementów interfejsu.

Przykład kodu demonstrujący komponent warstwy prezentacji (React):

// Przykład prostego komponentu prezentacyjnego w React

import React from 'react';

function Greeting({ userName }) {
  return (
    <div>
      <h1>Cześć, {userName}!</h1>
      <p>Witamy w naszej aplikacji.</p>
    </div>
  );
}

export default Greeting;