Teste Automatizado Double Card

O Componente Double Card aceita os seguintes itens:
- Imagem 250x398px ou 250x250px esta última é menor, então devemos prestar a atenção quando colocarmos outros itens neste tamanho para não comprometer o componente como um todo.
- Título
- Sub-Título
- Texto Rico
- Bill Offer
- Botão - Link interno, externo, modal multimídia, click to call (telefone), modal forms (CEP), link âncora.

Regras de funcionamento:
 - Melhor usar um lista com 2 Cards cada slot, renderiza melhor no desktop e mobile fica empílhado.

O nome do arquivo deve seguir a semântica: 

1 - Nome do componente

2 - Caminho de onde se encontra o componente

3 - Se PF ou PJ, tudo minúsculo e separados por hífen: 

Ex: componente-double-card-home-fixal-pf>Salvar
4 - Será exibida a tela com os campos "Imagem", "Titulo", "Subtítulo", "Texto", "Price" e "Botão"
5 - Preencher os campos obrigatórios>Salvar>Publicar

 

Navegar em: Conteúdo>Conteúdos Compartilhados>Double-Card>Listas>Clicar em +Itens e inserir o nome do arquivo,

O nome do arquivo deve seguir a semântica: 

1 - Nome do componente

2 - Caminho de onde se encontra o componente

3 - Se PF ou PJ, tudo minúsculo e separados por hífen: 

Ex: lista-componente-double-card-home-fixa-pj.
4 - No campo "Double-Card Items" inserir os itens criados anteriormente para compor seu componente

 

1- Acessar a página que irá receber o componente em "Home > Site"; (Ver no índice deste manual o item "Como criar página no storyblok)

2- Na aba "Geral", clicar em "+Adicionar bloco";

3- Selecionar na lista, o item "Double-Card" criado anteriormente;

4- Isso irá criar um bloco com o nome "Double-Card vazio". Clicar nele;

5- Na aba "Geral", clicar em "Selecionar" e na caixa em branco de "Selecionar Double-Card";

6- Isso ira exibir uma lista com os itens do Double-Card. Clique na Lista do Double-Card desejado;

7- Se desejar inserir um Titulo, subtítulo e rodapé para o bloco criado, clicar na aba "Opções" e em "Propriedades Avançadas" e inserir os valor nos respectivos campos.

8- Clicar em "Salvar" e "Publicar"