Teste Automatizado Shortcut tema escuro

Componente Novo Shortcut aceita os itens abaixo:

 - Título
 - Sub-Título

 - Texto Acessível

 - Rótulo para o Google Analytics

 - Link Interno ou Externo, Link Modal e abertura na mesma aba ou nova aba.
 - Imagem de 160x160px, 

 - Ícone Mondrian

 - Layout Default: Shortcut vermelho e fundo branco

 - Layout Secondary: Shortcut branco e fundo branco

 - Layout Inverse: Shortcut branco e fundo vermelho
 - Opções de destaque para o 1º item da lista de Shortcut sendo Default, Border e Background
Obs: As informações de layout estão no menu "Opções" da página onde seu Shortcut será inserido.
 - Quando inserimos imagem no shortcut, não exibi descrição e ícone, somente o título.
 - A imagem só é exibida no layout Default e Secondary.

 - No Desktop o Shortcut é exibido um ao lado do outro com até 7 itens

Navegar em: Conteúdo>Conteúdos Compartilhados>Links>Clicar em +Item, inserir o nome do arquivo

O nome do arquivo deve seguir a semântica: 

1 - Nome do link, se interno, externo, modal

2 - Nome do componente

3 - Caminho de onde se encontra o componente, tudo minúsculo e separados por hífen, se pf ou pj:

Ex: link-interno-shorcut-home-produtos-banda-larga-pf> Salvar
4 - O sistema exibe a tela para preenchimento dos campos para o Link
5 - Preencher campos obrigatórios
6 - Para o campo "URL" escolha onde o seu link do Shortcut será aberto, se "Link Interno" ou "URL" (não esquecer de colocar o caminho completo iniciando em "https://..." ou "Asset" (este quando for usar para criação do "Tutorial Componente", verificar no manual como criar), podemos selecionar um já existente nos combos apresentados para cada componente ou até mesmo copiar um(Veja no Indice deste manual "Como copiar Componentes">Salvar>Publicar

O nome do arquivo deve seguir a semântica: 

1 - Nome do componente

2 - Caminho de onde se encontra o componente, tudo minúsculo e separados por hífen, se PF ou PJ: 

Ex: lista-shortcut-home-produtos-fone-fixo-pf >Preencher campos obrigatórios>Salvar
3 - Será exibida a tela Lista de Shortcuts
4 - Selecionar o link de Shortcut criado anteriormente>Salvar>Publicar

 

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 "Shortcut " criado anteriormente;

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

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

6- Isso ira exibir uma lista com os itens de Shortcut . Clique no Shortcut  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"