| A | B | C | D | E | F | G | H | I | J | K | L | M | N | O | P | Q | R | S | T | U | V | W | X | Y | Z | |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
1 | Checklist e resultados de teste: teste de layout | |||||||||||||||||||||||||
2 | ||||||||||||||||||||||||||
3 | № | Descrição da revisão | Google Chrome 800x600 | Mozilla Firefox 1920x1080 | Link para o relatório de bug | |||||||||||||||||||||
4 | ||||||||||||||||||||||||||
5 | Estado inicial da aplicação / Campos "De" e "Para". | |||||||||||||||||||||||||
6 | 1 | Ao acessar a aplicação, é exibido o logotipo "Urban.Routes" no canto superior esquerdo. | REPROVADO | REPROVADO | ID: URBUG-25 https://douglas-qa.atlassian.net/browse/URBUG-25 | |||||||||||||||||||||
7 | 2 | Ao acessar o Urban Routes, é exibido o texto "PLATAFORMA" em marca d'água, no lado superior direito ao logotipo. | APROVADO | APROVADO | ID: URBUG-23 https://douglas-qa.atlassian.net/browse/URBUG-23 | |||||||||||||||||||||
8 | 3 | O texto em marca d'água "PLATAFORMA" está posicionado simetricamente entre o logotipo e a margem da tela, conforme estabelecido no design. | REPROVADO | REPROVADO | ID: URBUG-26 https://douglas-qa.atlassian.net/browse/URBUG-26 | |||||||||||||||||||||
9 | 4 | Antes do campo "De", é exibido um ícone circular, de tamanho pequeno e na cor vermelha. | APROVADO | APROVADO | ||||||||||||||||||||||
10 | 5 | Antes do campo "Para", é exibido um ícone circular, de tamanho pequeno e na cor azul. | APROVADO | APROVADO | ||||||||||||||||||||||
11 | 6 | Ao acessar o Urban Routes, o campo "De" por default, contém apenas o placeholder "East 2nd Street, 601", na cor cinza. | APROVADO | APROVADO | ||||||||||||||||||||||
12 | 7 | Ao acessar o Urban Routes, o campo "Para" por default, contém apenas o placeholder "1300 1st St", na cor cinza. | APROVADO | APROVADO | ||||||||||||||||||||||
13 | 8 | O texto inserido nos campos "De" e "Para", é automaticamente formatado com a fonte predefinida no design. | REPROVADO | REPROVADO | ID: URBUG-27 https://douglas-qa.atlassian.net/browse/URBUG-27 | |||||||||||||||||||||
14 | 9 | Com os campos "De" e "Para" preenchidos, surge uma janela com três opções de corrida, na ordem: "Optimal", "Flash" e "Personal". | APROVADO | APROVADO | ||||||||||||||||||||||
15 | 10 | O nome de cada uma das três opções de corrida tem o texto formatado em uma tipografia predefinida no design. | REPROVADO | REPROVADO | ID: URBUG-47 https://douglas-qa.atlassian.net/browse/URBUG-47 | |||||||||||||||||||||
16 | 11 | Ao selecionar o nome de uma das opções de corrida, é exibido um botão com o nome da corrida dentro. | APROVADO | APROVADO | ||||||||||||||||||||||
17 | 12 | Não é exibido um botão para as opções de corrida não selecionadas, é exibido somente o nome da corrida. | APROVADO | APROVADO | ||||||||||||||||||||||
18 | 13 | A cor dos nomes das três opções de corrida alterna quando é clicado, o texto fica na cor branca. | APROVADO | APROVADO | ||||||||||||||||||||||
19 | 14 | A cor dos nomes das três opções de corrida alterna quando Não clicado, o texto fica na cor cinza. | APROVADO | APROVADO | ||||||||||||||||||||||
20 | 15 | O botão da opção de corrida selecionada é retangular, de tamanho mediano, bordas arredondadas e na cor cinza. | REPROVADO | REPROVADO | ID: URBUG-49 https://douglas-qa.atlassian.net/browse/URBUG-49 | |||||||||||||||||||||
21 | 16 | Na janela, cada opção de corrida possui seis tipos diferentes de rotas, todas dispostas lado a lado: "Carro", "Caminhada Grátis", "Taxi", "Bicicleta", "Scooter" e "Carsharing", seus nomes aparecem ao clicar. | APROVADO | APROVADO | ||||||||||||||||||||||
22 | 17 | Os seis tipos de rotas são representados apenas ilustrativamente, por um ícone cada, dispostos lado a lado, simetricamente, na cor preto. | REPROVADO | REPROVADO | ID: URBUG-48 https://douglas-qa.atlassian.net/browse/URBUG-48 | |||||||||||||||||||||
23 | 18 | Após preencher os campos "De" e "Para", e selecionar as opções "Personal" e "Carsharing", os textos "Carsharing ~ $X" e "Duração: X min" são exibidos à esquerda. | REPROVADO | REPROVADO | ID: URBUG-24 https://douglas-qa.atlassian.net/browse/URBUG-24 | |||||||||||||||||||||
24 | 19 | Os textos "Carsharing ~ $X" e "Duração: X min" estão formatados com uma fonte predefinida no design. | REPROVADO | REPROVADO | ID: URBUG-28 https://douglas-qa.atlassian.net/browse/URBUG-28 | |||||||||||||||||||||
25 | 20 | Após preencher os campos "De" e "Para", e selecionar as opções "Personal" e "Carsharing", é exibida a ilustração da traseira de um carro azul. | APROVADO | APROVADO | ||||||||||||||||||||||
26 | 21 | Após preencher os campos "De" e "Para", e selecionar as opções "Personal" e "Carsharing", é exibido o botão azul "Reservar". | REPROVADO | REPROVADO | ID: URBUG-29 https://douglas-qa.atlassian.net/browse/URBUG-29 | |||||||||||||||||||||
27 | 22 | O botão "Reservar" contém o texto "Reservar" ao centro, na cor branco e formatado com uma fonte predefinida no design. | REPROVADO | REPROVADO | ID: URBUG-30 https://douglas-qa.atlassian.net/browse/URBUG-30 | |||||||||||||||||||||
28 | ||||||||||||||||||||||||||
29 | Layout do mapa. | |||||||||||||||||||||||||
30 | 1 | Após inserir os endereços nos campos "De" e "Para", é exibido no mapa a rota com os nomes dos respectivos endereços "De" e "Para". | REPROVADO | REPROVADO | ID: URBUG-31 https://douglas-qa.atlassian.net/browse/URBUG-31 | |||||||||||||||||||||
31 | 2 | Após inserir os endereços em "De" e "Para", selecionar as opções "Personal" e "Carsharing", e clicar no botão "Reservar", são exibidos ícones de carros na cor azul distribuídos pelo mapa. | REPROVADO | REPROVADO | ID: URBUG-32 https://douglas-qa.atlassian.net/browse/URBUG-32 | |||||||||||||||||||||
32 | 3 | Ao clicar no botão "Reservar", são exibidos no mapa um ícone do carro selecionado na cor azul, e acima dele, um balão preto contendo o nome da marca do veículo. | REPROVADO | REPROVADO | ID: URBUG-33 https://douglas-qa.atlassian.net/browse/URBUG-33 | |||||||||||||||||||||
33 | 4 | É exibido no mapa, o caminho de uma rodovia, na cor amarelo. | REPROVADO | REPROVADO | ID: URBUG-55 https://douglas-qa.atlassian.net/browse/URBUG-55 | |||||||||||||||||||||
34 | 5 | É exibido no mapa, o caminho de um rio, na cor azul. | REPROVADO | REPROVADO | ID: URBUG-56 https://douglas-qa.atlassian.net/browse/URBUG-56 | |||||||||||||||||||||
35 | ||||||||||||||||||||||||||
36 | Layout das opções de tarifa. | |||||||||||||||||||||||||
37 | 2 | Há um botão circular, de tamanho pequeno, na cor cinza e posicionado no canto superior esquerdo da janela, contendo o símbolo "<" na cor branco. | REPROVADO | REPROVADO | ID: URBUG-34 https://douglas-qa.atlassian.net/browse/URBUG-34 | |||||||||||||||||||||
38 | 3 | Após clicar em "Reservar", são exibidas três opções de tarifa. A primeira "Casual", possui a ilustração de um carro na cor cinza. | APROVADO | APROVADO | ||||||||||||||||||||||
39 | 4 | A primeira opção de tarifa contém, sob a ilustração do carro, os textos "Casual" e "$X", ambos na cor preto e formatados com a fonte predefinida no design. | REPROVADO | REPROVADO | ID: URBUG-35 https://douglas-qa.atlassian.net/browse/URBUG-35 | |||||||||||||||||||||
40 | 5 | Após clicar em "Reservar", são exibidas três opções de tarifa. A segunda "Camping", possui a ilustração de um carro na cor azul-marinho. | APROVADO | APROVADO | ||||||||||||||||||||||
41 | 6 | A segunda opção de tarifa contém, sob a ilustração do carro, os textos "Camping" e "$X", ambos na cor preto e formatados com a fonte predefinida no design. | REPROVADO | REPROVADO | ID: URBUG-36 https://douglas-qa.atlassian.net/browse/URBUG-36 | |||||||||||||||||||||
42 | 7 | Após clicar em "Reservar", são exibidas três opções de tarifa. A terceira "Luxury", possui a ilustração de um carro na cor verde limão. | APROVADO | APROVADO | ||||||||||||||||||||||
43 | 8 | A terceira opção de tarifa contém, sob a ilustração do carro, os textos "Luxury" e "$X", ambos na cor preto e formatados com a fonte predefinida no design. | REPROVADO | REPROVADO | ID: URBUG-37 https://douglas-qa.atlassian.net/browse/URBUG-37 | |||||||||||||||||||||
44 | 9 | Ao clicar em uma opção de tarifa, como "Casual", a seleção é exibida na cor cinza claro, formato retangular e bordas arredondadas. Com a ilustração, nome e valor da tarifa alinhados a esquerda. | APROVADO | APROVADO | ||||||||||||||||||||||
45 | ||||||||||||||||||||||||||
46 | Layout da tarifa "Casual". | |||||||||||||||||||||||||
47 | 1 | Ao selecionar uma opção de tarifa, como a "Casual", é exibida uma janela com informações sobre a tarifa, com contorno delimitador de espessura fina, no formato retangular, com bordas arredondadas, na cor cinza e preenchimento branco. | REPROVADO | REPROVADO | ID: URBUG-43 https://douglas-qa.atlassian.net/browse/URBUG-43 | |||||||||||||||||||||
48 | 3 | Na parte superior da janela, é exibido o nome da marca do carro "BMW 750", que está centralizado e em negrito | APROVADO | APROVADO | ||||||||||||||||||||||
49 | 4 | É exibido o texto "Apenas negócios, nada extra" na cor preto, formatado em tipografia predefinida, e posicionado abaixo do nome da marca do carro. | REPROVADO | REPROVADO | ID: URBUG-38 https://douglas-qa.atlassian.net/browse/URBUG-38 | |||||||||||||||||||||
50 | 5 | É exibido um pequeno ícone, na cor cinza, ilustrando uma pessoa caminhando. | REPROVADO | REPROVADO | ID: URBUG-39 https://douglas-qa.atlassian.net/browse/URBUG-39 | |||||||||||||||||||||
51 | 6 | É exibido o texto "X min • X minutos de espera gratuita", logo acima da ilustração do carro, na cor cinza, em formatado em fonte predefinida no design. | REPROVADO | REPROVADO | ID: URBUG-40 https://douglas-qa.atlassian.net/browse/URBUG-40 | |||||||||||||||||||||
52 | 7 | Ao centro da janela, é exibida a ilustração de um carro na cor cinza, com detalhes em azul e vermelho. | REPROVADO | REPROVADO | ID: URBUG-42 https://douglas-qa.atlassian.net/browse/URBUG-42 | |||||||||||||||||||||
53 | 8 | Na parte inferior da janela, é exibido o texto "câmera de painel • carregador de telefone", centralizado, na cor cinza e formatado em tipografia predefinida no design. | REPROVADO | REPROVADO | ID: URBUG-41 https://douglas-qa.atlassian.net/browse/URBUG-41 | |||||||||||||||||||||
54 | ||||||||||||||||||||||||||
55 | Layout do campo "Carteira de Motorista". | |||||||||||||||||||||||||
56 | 1 | O campo “Adicionar carteira de motorista” é exibido com o texto em default "Adicionar carteira de motorista" em cinza claro. | REPROVADO | REPROVADO | ID: URBUG-45 https://douglas-qa.atlassian.net/browse/URBUG-45 | |||||||||||||||||||||
57 | 2 | O campo “Adicionar carteira de motorista” é exibido no formato retangular, com bordas arredondadas, contorno na cor cinza claro, preenchimento na cor branco. | APROVADO | APROVADO | ||||||||||||||||||||||
58 | 3 | É exibido o símbolo ">", na cor preto, no canto direito do campo “Adicionar carteira de motorista”, quando o mesmo ainda não foi preenchido. | REPROVADO | REPROVADO | ID: URBUG-46 https://douglas-qa.atlassian.net/browse/URBUG-46 | |||||||||||||||||||||
59 | 4 | Após preencher o campo "Adicionar carteira de motorista", o texto exibido é "Carteira de motorista", na cor preto e formatado em fonte predefinida. | REPROVADO | REPROVADO | ID: URBUG-50 https://douglas-qa.atlassian.net/browse/URBUG-50 | |||||||||||||||||||||
60 | 5 | Após preencher o campo "Adicionar carteira de motorista", seu contorno é destacado na cor verde. | APROVADO | APROVADO | ||||||||||||||||||||||
61 | 6 | Após adicionar uma carteira de motorista, o símbolo ">" no canto direito do campo, é substituído pelo símbolo "✓", na cor verde. | REPROVADO | REPROVADO | ID: URBUG-51 https://douglas-qa.atlassian.net/browse/URBUG-51 | |||||||||||||||||||||
62 | ||||||||||||||||||||||||||
63 | Layout do campo "Método de Pagamento". | |||||||||||||||||||||||||
64 | 1 | O campo “Método de pagamento” é exibido com os textos em default "Método de pagamento" e "Adicionar". | REPROVADO | REPROVADO | ID: URBUG-44 https://douglas-qa.atlassian.net/browse/URBUG-44 | |||||||||||||||||||||
65 | 2 | Há um ícone de cartão, na cor branco com uma listra preta e detalhes em amarelo, no canto direito do campo. | APROVADO | APROVADO | ||||||||||||||||||||||
66 | 3 | É exibido o símbolo ">", na cor preto, ao lado direito do ícone de cartão. | APROVADO | APROVADO | ||||||||||||||||||||||
67 | 4 | Após preencher o campo “Método de pagamento”, o texto "Adicionar" é substituído por "Cartão", na cor preto. | APROVADO | APROVADO | ||||||||||||||||||||||
68 | ||||||||||||||||||||||||||
69 | Layout do botão "Reservar". | |||||||||||||||||||||||||
70 | 1 | Com os campos obrigatórios preenchidos, é exibido o botão "Reservar", na cor azul, retangular. | APROVADO | APROVADO | ||||||||||||||||||||||
71 | 2 | O botão "Reservar" está agregado as limitações inferiores da janela da rota "Casual". | REPROVADO | REPROVADO | ID: URBUG-54 https://douglas-qa.atlassian.net/browse/URBUG-54 | |||||||||||||||||||||
72 | 3 | É exibido no botão "Reservar", o texto "Reservar" na cor branco. | APROVADO | APROVADO | ||||||||||||||||||||||
73 | 4 | O texto "Reservar" do botão “Reservar”, está formatado em tipografia predefinida. | REPROVADO | REPROVADO | ID: URBUG-52 https://douglas-qa.atlassian.net/browse/URBUG-52 | |||||||||||||||||||||
74 | 5 | No botão, abaixo do texto "Reservar", é exibida a frase "A rota será de X quilômetros e levará X minutos.", na cor branco, formatado em tipografia predefinida. | REPROVADO | REPROVADO | ID: URBUG-53 https://douglas-qa.atlassian.net/browse/URBUG-53 | |||||||||||||||||||||
75 | ||||||||||||||||||||||||||
76 | Layout do pop-up da reserva. | |||||||||||||||||||||||||
77 | 1 | Após clicar no botão "Reservar" na janela da tarifa, é exibida uma janela pop-up, na cor branca, com detalhes da corrida. | APROVADO | APROVADO | ||||||||||||||||||||||
78 | 2 | Na parte superior da janela pop-up, é exibido o texto "O carro foi reservado" em fonte predefinida no design, na cor preto. | REPROVADO | REPROVADO | ID: URBUG-57 https://douglas-qa.atlassian.net/browse/URBUG-57 | |||||||||||||||||||||
79 | 3 | É exibida a frase "Espera gratuita" em fonte predefinida no design, na cor preto. | REPROVADO | REPROVADO | ID: URBUG-58 https://douglas-qa.atlassian.net/browse/URBUG-58 | |||||||||||||||||||||
80 | 4 | É exibido um cronometro, em tempo real, no formato "XX:XX", na cor preto, na lateral direita da janela pop-up. | APROVADO | APROVADO | ||||||||||||||||||||||
81 | 5 | Há uma linha horizontal de ponta a ponta, de espessura fina e na cor cinza, que separa os detalhes do veículo, dos textos na parte superior da janela. | APROVADO | APROVADO | ||||||||||||||||||||||
82 | 6 | É exibido o nome da marca do veículo, o texto está em uma fonte predefinida no design, de tamanho grande, em negrito e na cor preto. | REPROVADO | REPROVADO | ID: URBUG-59 https://douglas-qa.atlassian.net/browse/URBUG-59 | |||||||||||||||||||||
83 | 7 | É exibida a ilustração de um carro cinza, com detalhes em vermelho e em azul, e está centralizado. | REPROVADO | REPROVADO | ID: URBUG-60 https://douglas-qa.atlassian.net/browse/URBUG-60 | |||||||||||||||||||||
84 | 8 | Há uma linha horizontal de ponta a ponta, de espessura fina e na cor cinza, que separa os detalhes do veículo, do botão "Cancelar". | APROVADO | APROVADO | ||||||||||||||||||||||
85 | 9 | É exibido o botão "Cancelar", com formato circular, na cor cinza e centralizado, contendo o símbolo "x" na cor preto e ao centro. | REPROVADO | REPROVADO | ID: URBUG-61 https://douglas-qa.atlassian.net/browse/URBUG-61 | |||||||||||||||||||||
86 | 10 | Abaixo do botão "Cancelar", é exibido o texto "Cancelar", em fonte predefinida no design, na cor cinza e centralizado. | REPROVADO | REPROVADO | ID: URBUG-62 https://douglas-qa.atlassian.net/browse/URBUG-62 | |||||||||||||||||||||
87 | 11 | Há uma linha horizontal de ponta a ponta, de espessura fina e na cor cinza, que separa o botão "Cancelar", dos detalhes do enderço. | APROVADO | APROVADO | ||||||||||||||||||||||
88 | 12 | É exibido um ícone circular à esquerda, de tamanho pequeno, na cor azul turquesa, antecedendo o nome do endereço. | APROVADO | APROVADO | ||||||||||||||||||||||
89 | 13 | É exibido o nome do endereço inserido previamente no campo "De", em fonte predefinida no design, na cor preto e alinhado à esquerda. | REPROVADO | REPROVADO | ID: URBUG-63 https://douglas-qa.atlassian.net/browse/URBUG-63 | |||||||||||||||||||||
90 | 14 | Abaixo do nome do endereço, é exibido o texto "Endereço do carro", em fonte predefinida no design, na cor cinza e alinhado à esquerda. | REPROVADO | REPROVADO | ID: URBUG-64 https://douglas-qa.atlassian.net/browse/URBUG-64 | |||||||||||||||||||||
91 | 15 | Há uma linha na horizontal, centralizada, de espessura fina e na cor cinza, que separa os detalhes do endereço, das informações e custo da viagem. | REPROVADO | REPROVADO | ID: URBUG-65 https://douglas-qa.atlassian.net/browse/URBUG-65 | |||||||||||||||||||||
92 | 16 | É exibido um símbolo circular à esquerda, de tamanho pequeno, contorno preto, preenchimento branco e com o caractere "ℹ️" ao centro. | APROVADO | APROVADO | ||||||||||||||||||||||
93 | 17 | É exibido a frase "Saber mais sobre a viagem", em fonte predefinida no design, na cor preto e alinhado à esquerda. | REPROVADO | REPROVADO | ID: URBUG-66 https://douglas-qa.atlassian.net/browse/URBUG-66 | |||||||||||||||||||||
94 | 18 | É exibida a palavra "Custo", em fonte predefinida no design, na cor cinza e alinhado à esquerda. | REPROVADO | REPROVADO | ID: URBUG-67 https://douglas-qa.atlassian.net/browse/URBUG-67 | |||||||||||||||||||||
95 | 19 | É exibido o texto "$X", em fonte predefinida no design, na cor cinza e alinhado à esquerda. | REPROVADO | REPROVADO | ID: URBUG-68 https://douglas-qa.atlassian.net/browse/URBUG-68 | |||||||||||||||||||||
96 | 20 | É exibido o sinal travessão "—", na cor cinza e posicionado entre os textos "Custo" e "$X". | REPROVADO | REPROVADO | ID: URBUG-69 https://douglas-qa.atlassian.net/browse/URBUG-69 | |||||||||||||||||||||
97 | ||||||||||||||||||||||||||
98 | Layout do pop-up "Cancelamento da Reserva". | |||||||||||||||||||||||||
99 | 1 | Ao clicar no botão "Cancelar" da janela da Reserva, é exibida uma janela pop-up em formato retangular, com bordas arredondadas e na cor branco. | BLOQUEADO | BLOQUEADO | ID: URBUG-21 https://douglas-qa.atlassian.net/browse/URBUG-21 | |||||||||||||||||||||
100 | 2 | O texto "Tem certeza de que deseja cancelar a corrida?" é exibido na janela pop-up, em fonte predefinida no design, tamanho grande, negrito e na cor preto. | BLOQUEADO | BLOQUEADO | ID: URBUG-21 https://douglas-qa.atlassian.net/browse/URBUG-21 | |||||||||||||||||||||