O que acontece ao nível de apresentação no contexto do desenvolvimento de software?

A camada de apresentação (Presentation Layer) numa arquitetura em camadas é responsável pela interação com o utilizador. É a interface de utilizador (UI), que exibe informações ao utilizador e recolhe as suas entradas.

Funções principais:

• Exibição de dados: Visualização das informações recebidas da camada de lógica de negócio.
• Entrada de dados: Receção da entrada do utilizador (cliques, preenchimento de formulários, entrada de texto).
• Validação da entrada do utilizador: Verificação inicial dos dados antes de os enviar para a camada de lógica de negócio. No contexto de QA, é aqui que testamos a usabilidade, aparência e interatividade dos elementos UI.
• Formatação de dados: Transformação dos dados numa forma conveniente e compreensível para o utilizador.
• Gestão de sessões: Em aplicações web, pode participar parcialmente na gestão do estado da sessão do lado do cliente.

Exemplos:

• Páginas web (HTML, CSS, JavaScript).
• Aplicações móveis (componentes UI).
• Aplicações de desktop (GUI).

No contexto de QA, os testes ao nível de apresentação incluem:

• Testes funcionais de UI: Verificação do funcionamento de botões, links, formulários.
• Testes de usabilidade: Avaliação da facilidade de uso, clareza da interface.
• Testes multiplataforma / multiplataforma: Verificação da correta visualização e funcionamento da UI em diferentes navegadores/dispositivos.
• Testes de localização e internacionalização: Verificação da exibição de textos, moedas, datas de acordo com as configurações regionais.
• Testes de desempenho de UI: Avaliação da velocidade de carregamento e resposta dos elementos da interface.

Exemplo de código que demonstra um componente de nível de apresentação (React):

// Exemplo de um componente de apresentação simples em React

import React from 'react';

function Greeting({ userName }) {
  return (
    <div>
      <h1>Olá, {userName}!</h1>
      <p>Bem-vindo à nossa aplicação.</p>
    </div>
  );
}

export default Greeting;