Checkout Loja Ybera Brasil .

Cenário 1 – Usuário logado acessa o checkout

Dado que o usuário está logado e acessa a sacola Quando visualiza os itens adicionados Então ele vê:

Imagem, nome, quantidade, valor unitário e subtotal de cada item

Valor original e valor com desconto (se for influencer/gestor)

Economia aplicada via Prime (se for assinante)

CTA incentivando assinatura Prime com simulação de desconto (se não for assinante)

Campo para aplicar cupom de desconto

Carrossel de produtos relacionados com botão "Adicionar à sacola"

Lista de endereços salvos, podendo:

Selecionar um

Editar dados (abre formulário)

Excluir endereço

Adicionar novo endereço

Campo de CEP para novo endereço com preenchimento automático via API Correios

Após selecionar ou salvar endereço, sistema exibe valor do frete e transportadora

Botão para seguir para etapa de pagamento

Dado que usuário esteja logado :

Fazendo login . Acessar Componentes “ Entre/Cadastre-se” ...

⁠

Dados preenchidos clicar em “ Entrar”

⁠

Logado com Sucesso .

⁠

Adicionando produto ao carrinho.

⁠

Notificação de produto adicionado com Sucesso.

⁠

Exibição do carrinho .

⁠

Adicionando mais produtos no carrinho .

⁠

excluindo produto.

⁠

Continue navegando e comprando pela loja .

⁠

Comprando .

Ao clicar no botão comprar sistem direciona usuário já para o checkout.

⁠

Sistema exibe :

Campo para aplicar cupom .

Carrosel “buy together”.

CTA Incentivando assinatura PRIME.

⁠

Sistema Ainda não está exibindo o Desconto

⁠

Finalizando o pedido.

⁠

Selecionando o frete .

⁠

Selecionando forma de pagamento .

Com 2 cartões.

⁠

ERRO

⁠

Sistema apresenta valor zerado e não exibe modal para segundo cartão.

Com 1 cartão.

⁠

ERRO

⁠

Sistema não reconhece forma de pagamento .

⁠

Com Pix

⁠

Pedido finalizado com Sucesso !!!

⁠

Endereço de Entrega

Selecionando um endereço existente.

⁠

Endereço selecionando com sucesso .

⁠

Adicionando um novo endereço

⁠

Modal de mudança de endereço exibido com sucesso .

⁠

Alterando um endereço .

⁠

Endereço alterado com Sucesso .

⁠

Excluindo um endereço .

Para excluir um endereço usuário deverá acessar seu escritório .

⁠

Endereço excluido com sucesso .

⁠

Alterando endereço via escritório sistema não altera endereço quando alteramos o cep .

⁠

Sistema salva novo cep sem alterar o endereço . Quando vamos excluir esse endereço alterado sistema apresenta erro .

⁠

Cenário 2 – Usuário não logado acessa o checkout

Dado que o usuário acessa a sacola sem estar logado Quando tenta seguir para pagamento Então o sistema exibe:

Opção de login com e-mail/senha

Link de “esqueci minha senha”

Opção de cadastro com campos: nome completo, CPF, e-mail, telefone e data de nascimento

Após login ou cadastro, redirecionar usuário para sacola com os dados carregados

⁠

Sistema exibe esse modo simplificado . Não exibe login com senha e nem cta com esqueçi a senha.

⁠

Cenário 3 – Alteração de endereço impacta o frete

Dado que o usuário já selecionou um endereço Quando edita ou adiciona um novo Então:

O valor do frete é recalculado automaticamente

O novo valor é exibido no resumo do pedido

O resumo do pedido atualiza o total com base nesse novo valor

Alterando o endereço de entrega

Alterando o cep altera o valor do frete .

Imagem 1 com o endereço selecionado determinando o valor do frete .

⁠

Imagem 2 com endereço alterado alterou o valor do frete .

⁠

Cenário 4 – Aplicação de cupom de desconto

Dado que o usuário tem um cupom válido Quando insere o código no campo correspondente Então:

O sistema valida e aplica o desconto no resumo do pedido

Exibe o valor do desconto aplicado e atualiza o total Cenário alternativo: cupom inválido

O sistema exibe uma mensagem clara de erro (ex: “Cupom inválido ou expirado”)

Sem cupom para teste por enquanto .

Cenário 5 – Pagamento com cartão de crédito

Dado que o usuário está na etapa de pagamento Quando escolhe a opção "Cartão de crédito" Então ele deve preencher os campos:

Número do cartão

Nome impresso

Data de validade

CVV

Quantidade de parcelas

Checkbox para salvar o cartão para futuras compras

Botão “Pagar com este cartão” Cenário alternativo:

Se houver cartões salvos, usuário pode selecionar um cartão existente para pagar direto

Ainda não é possível testar essa funcionalidade com cartão fake em homolog.

Cenário 6 – Pagamento com múltiplos cartões

Dado que o usuário quer dividir o pagamento Quando escolhe “Pagar com mais de um cartão” Então o sistema permite:

Inserir dados do 1º cartão

Definir valor e número de parcelas para o 1º cartão

Clicar em “Adicionar próximo cartão”

Repetir o processo

Checkbox para salvar cartões

Botão para seguir com pagamento

Cenário 7 – Finalização do pedido

Dado que o pagamento foi efetuado com sucesso Quando o usuário finaliza a compra Então o sistema exibe:

Número do pedido

Want to print your doc?
This is not the way.

Try clicking the ⋯ next to your doc name or using a keyboard shortcut (

CtrlP

) instead.