Skip to content

LigianeBasques/UI-Testing

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

57 Commits
 
 

Repository files navigation

UI-Testing

👀Visão Geral👀

Esse desafio foi proposto pela empresa BeTalent, o objetivo é avaliar conhecimentos e habilidades em teste de software. Testar plataforma de e-commerce Sauce Demo (https://www.saucedemo.com).

💡Plano de testes- Sauce Demo💡

O plano de testes para a plataforma de e-commerce Sauce Demo detalha: os objetivos, o escopo, a abordagem e os recursos necessários para validar as funcionalidades do sistema, garantindo que a experiência dos usuários seja funcional e acessível.


Código da Demanda: 001

Nome do Projeto: Sauce Demo

Autor(a) da Documentação: Ligiane Basques

Contato: [email protected]

Data Início: 21/11/2024 Data Fim: 22/11/2024


Histórico de Versões

Data Nr Versão Autor(a) Descrição
21/11/2024 1.0 Ligiane Basques Versão inicial do documento

1-Visão Geral do Projeto

A Sauce Demo é uma aplicação web fictícia de e-commerce. Ela simula cenários reais de loja virtual, como login, navegação, carrinho e checkout.

2- Declaração de Escopo

O escopo de teste cobre O escopo de teste não cobre
Login com diferentes tipos de usuários disponíveis Teste Unitários serão executados pela equipe de desenvolvimento
Ordenação e filtragem de produtos Testes que fogem do escopo da demanda
Remoção de itens do carrinho
Navegação entre páginas
Logout

3- Cronograma

Cronograma

4- Abordagem de testes

4.1 Tipos de testes

Tipos de Testes

5 - Estratégias de testes

  • Os testes serão realizados com foco em cobertura funcional das telas e navegabilidade, validando se todas as interfaces e páginas interagem
  • A abordagem será funcional e de usabilidade, com base no mapa de cobertura gerado na análise do processo de testes, validando a implementação e fluxo das interfaces descritas no documento.
  • As evidências dos testes serão coletadas por meio de imagens e armazenadas no Google Drive conforme os cenários de teste executados.
  • Cada falha ou defeito encontrado será registrado com uma captura de tela associada ao defeito identificado.
  • Os defeitos serão classificados de acordo com as prioridades e severidades definidas no plano de testes.
  • 6- Relatório de Defeitos

    O relatório de defeitos será compartilhado com todos os envolvidos em formato Excel e também ficará disponível o link no GitHub

    7- Gerencimanento de Defeitos

    7.1 Prioridade

    Prioridade

    7.2 Severidade

    Seceridade

    8- Recursos (Hardware/Software)

    Hardware Software
    Dispositivos Desktop Windows 10 para desktops.

    📝Mapa de cobertura📝

    Foi elaborado o mapa de cobertura para plataforma de e-commerce Sauce Demo, o qual representa a abrangência do testes que serão realizados no projeto.

    Planilha com mapa de cobertura

  • MAPA DE COBERTURA

    ⚠️Mapa de risco⚠️

    Foi elaborado o mapa de risco para plataforma de e-commerce Sauce Demo, o qual avalia e prioriza riscos e suas probabilidades e impactos. Seu objetivo é facilitar a tomada de decisões e direcionar ações corretivas para áreas críticas.

    Planilha com mapa de risco

  • MAPA DE RISCO

    🏷️Roteiro de testes🏷️

    Foi elaborado o roteiro de testes, nesse roteiro é detalhado: os cenários, casos de testes, os passos, ações, dados de entrada, condições de teste, resultados esperados e pré-requisitos necessários para executar testes do sistema.

    Planilha com roteiro de testes

  • ROTEIRO DE TESTES

    🐞BUGS encontrados🐞

    Planilha com relatório de bugs

    Através do relatório de bugs, você pode usar os filtros para gerenciar a quantidade, status, severidade e prioridade dos bugs. Foi aplicado nessa planilha filtros

  • RELATÓRIO DE BUGS

    🚀Sugestões de melhorias de UX/UI (ME)🚀

    ID Melhorias
    ME-01 Melhorar a experiência de login: Adicione uma dica (placeholder) nos campos de usuário e senha, informando valores de exemplo para facilitar a experiência do usuário
    ME-02 Página de erro personalizada: poderia crie mensagens de erro mais informativas e amigáveis (ex:"Usuário ou senha inválidos. Tente novamente").
    ME-03 Confirmação de ações: no processo de compras exiba mensagens claras de confirmação (ex: "Produto adicionado ao carrinho com sucesso!").
    ME-04 Poderia ter uma campo de pesquisa para os produtos e organizados por categoria.
    ME-05 Poderia ter um botão de favoritar produtos
    ME-06 Poderia ter um campo para feedbacks do usuário que compraram produtos, ex: campo para adicionar as estrelas e relatar a experiência com aquele produto
    ME-07 Poderia ter campos para escolha de tipos de pagamento: cartão, boleto ou pix
    ME-08 Texto alternativo: Adicionar descrições precisas a imagens e ícones.
    ME-09 Tipografia e botões uniformes: fontes consistentes para garantir tamanhos de botão uniformes para evitar distrações visuais.
    ME-10 Paleta de cores: Atualizar o esquema de cores para torná-lo mais moderno e engajador. Considerando os tons mais suaves para melhorar a experiência visual.
    ME-11 Poderia colocar um campo para que o usuário selecionasse o tipo de envio, ex: sedex, PAC
    ME-12 Poderia colocar um campo para que o usuário cancelasse um pedido após realizar o processo de compra
    ME-13 Poderia inserir tecnologia assistiva o Vlibras por exemplo.

    💻Testes de responsividade💻

  • Ferramenta utilizada para o teste: Responsive Viewe extensão do google chrome
  • Navegador: Google chrome: versão 131.0.6778.71
  • Zoom: 100%
  • Sistema operacional: Windows 10 desktop
  • Sistema operacional mobile: Android 15
  • Resolução mobile: 393x852
  • Aparelho mobile: Samsung A14
  • Tablet: Galaxy Tab S7
  • Resolução Tablet: 526 x 842
  • Notebook: Notebook Samsung Galaxy Book Go
  • Resolução Notebook: Full HD 1920 x 1080
  • Mobile

    Imagem 1 Imagem 2 Imagem 3 Imagem 4
    Tela de Login Tela de produtos Tela de checkout Tela de finalização da compra

    Tablet

    Imagem 1
    Fluxo de compra completo

    Desktop

    Imagem 1
    Fluxo de compra completo

    ✔️Checklist de Responsividade para o site https://www.saucedemo.com/✔️

    1. Formulário de Login

    • O formulário centraliza corretamente em diferentes tamanhos de tela.
    • Os campos de entrada (usuário/senha) são legíveis e facilmente clicáveis.
    • O botão de login está visível e funcional em todas as resoluções.
    • O tamanho do texto é legível em dispositivos móveis.

    2. Layout Geral

    • O layout ajusta-se corretamente a diferentes tamanhos de tela (smartphones, tablets e desktops).
    • Nenhum elemento ultrapassa os limites do viewport em resoluções menores.
    • Não há necessidade de rolagem horizontal em dispositivos móveis.
    • Os elementos permanecem organizados e proporcionais em resoluções maiores.

    3. Experiência em Dispositivos Móveis

    • O site é funcional e navegável em telas pequenas (320px e acima).
    • Os elementos clicáveis têm tamanhos adequados para toque.
    • O layout mantém boa proporção visual em modo retrato e paisagem.
    • Não há problemas de sobreposição de elementos em dispositivos móveis.

    4. Melhorias Potenciais

    • Os botões e links são otimizados para toque (tamanho mínimo: 48x48px).
    • O site possui menus adaptáveis (hambúrguer menu) em resoluções menores.
    • As margens e espaçamentos são ajustados corretamente para telas pequenas.
    • Elementos gráficos e imagens são otimizados para evitar carregamento desnecessário em dispositivos móveis.

    5. Testes Gerais

    • O site funciona bem em navegadores modernos (Chrome).
    • A rotação da tela (retrato/paisagem) não afeta negativamente o layout.
    • A experiência de navegação é consistente em diferentes dispositivos.
    • As fontes e tamanhos de texto permanecem legíveis em todas as resoluções.

    ♿Testes de acessibilidade♿

    Teste Visual

    É um teste que foca na análise de aspectos visuais da interface para garantir que o conteúdo seja perceptível e compreensível para todos os usuários, incluindo aqueles com deficiências visuais.

    Ferramentas utilizada

  • Ferramenta de validação: DevTools axe-core 4.4.2
  • Windows 10 e google chrome versão 131.0.6778.71
  • Documento de referência da WCAG 2.2: https://guia-wcag.com/
  • Planilha de testes visuais

  • TESTES VISUAIS

    📌Sugestões de Automação para o Site Sauce Demo📌

    1. Automação de Login

    Objetivo: Testar os cenários de login com diferentes credenciais.

    • Cenários de teste:
      • Login com credenciais válidas (ex: standard_user/secret_sauce).
      • Login com credenciais inválidas (ex: usuário inexistente, senha errada).
      • Login com o usuário bloqueado (usando locked_out_user).
      • Verificar a resposta para tentativas de login sem preencher os campos de usuário/senha.

    2. Automação de Adição de Produtos ao Carrinho

    Objetivo: Validar o processo de adicionar produtos ao carrinho.

    • Cenários de teste:
      • Adicionar um produto ao carrinho.
      • Verificar a quantidade de itens no carrinho após adicionar.
      • Testar a adição de múltiplos produtos.
      • Remover um produto do carrinho.

    3. Automação de Compra (Checkout)

    Objetivo: Validar o fluxo de compra e checkout.

    • Cenários de teste:
      • Passar pelo processo de checkout com sucesso.
      • Testar o fluxo de checkout com dados inválidos (ex: campo de nome vazio, endereço inválido).
      • Validar os preços totais e descontos (se aplicáveis).
      • Verificar a exibição de resumo de compra.

    4. Automação de Filtros e Ordenação de Produtos

    Objetivo: Verificar a funcionalidade de filtros e ordenação de produtos.

    • Cenários de teste:
      • Aplicar filtros de produtos por preço, categoria ou popularidade.
      • Verificar a ordenação de produtos por preço crescente e decrescente.
      • Validar se a lista de produtos se atualiza corretamente após aplicar filtros/ordenação.
  • About

    Testar a plataforma de e-commerce Sauce Demo

    Resources

    Stars

    Watchers

    Forks

    Releases

    No releases published

    Packages

    No packages published