Teste Automatizado Componente Texto

Como criar o Componente Text

Tutorial

  • Componente texto aceita os itens abaixo:
     - Caixa de "Texto 1"
     - Caixa de "Texto 2" (Podendo ser exibido lado a lado os textos no Desktop)
     - Dá para formatar o texto e deixar com Bold/Negrito
     - Inserir Hiperlinks
     - Inserir uma lista numérica sequencial antes do texto
     - Inserir uma lista de bullets antes do texto
     - Limpeza de formatação do texto (Pode ser usada em qualquer componente com caixa de texto)
     - Quando inserir o texto na página da para editar o layout - deixando o texto alinhado a esquerda, direita e centralizado.
     
    OBS: Quando usarmos a lista de Bullets no texto rico ele será exibido como (Bolinhas) mas quando salvarmos e publicarmos ele será exibido no preview da página como um sinal de checklist.


  • Navegar em: Conteúdo>Conteúdos Compartilhados>Text>Itens>Clicar em +Item 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: componente-text-home-internet-fixo-pj.
    Obs: Existem 2(dois) campos para inserção de textos, caso queira preenchê-los, estes ficarão posicionados na páginas em 2(duas) colunas.
     
  • 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 "Text" criado anteriormente;
    4- Isso irá criar um bloco com o nome "Text vazio". Clicar nele; 
    5- Na aba "Geral", clicar em "Selecionar" e na caixa em branco de "Selecionar Text";
    6- Isso ira exibir uma lista com os itens de Text. Clique na Lista do Text 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"

Vídeo com tutorial para criar o componente Texto

Texto

Título Componente Texto 1

Subtítulo 1 | 1 Bloco | Texto com negrito

Mussum Ipsum, cacilds vidis litro abertis. Em pé sem cair, deitado sem dormir, TEXTO NEGRITO sentado sem cochilar e fazendo pose.Viva Forevis aptent taciti sociosqu ad litora torquent.In elementis mé pra quem é amistosis quis leo. Per aumento de cachacis, eu reclamis.

Rodapé 1 - ID Link âncora: COMP-TEXTO-ANCORA-01

Título Componente Texto 2

Subtítulo 2 | 1 Bloco | Texto, negrito e hiperlink

Mussum Ipsum, cacilds vidis litro abertis. TEXTO NEGRITO Manduma pindureta quium dia nois paga.Leite de capivaris, leite de mula manquis sem cabeça.Sapien in monti palavris qui num significa nadis i pareci latim. Delegadis gente finis, bibendum egestas augue arcu ut est.

Rodapé 2 - ID Link âncora: COMP-TEXTO-ANCORA-02

Título Componente Texto 3

Subtítulo 3 | 1 Bloco | Texto, negrito e hiperlink modal blank

Mussum Ipsum, cacilds vidis litro abertis. TEXTO NEGRITO Manduma pindureta quium dia nois paga.Leite de capivaris, leite de mula manquis sem cabeça.Sapien in monti palavris qui num significa nadis i pareci latim. Delegadis gente finis, bibendum egestas augue arcu ut est.

Rodapé 3 - ID Link âncora: COMP-TEXTO-ANCORA-03 link =>

Título Componente Texto 4

Subtítulo 4 | 1 Bloco | Texto, negrito e hiperlink ancora

Mussum Ipsum, cacilds vidis litro abertis. TEXTO NEGRITO Manduma pindureta quium dia nois paga.Leite de capivaris, leite de mula manquis sem cabeça.Sapien in monti palavris qui num significa nadis i pareci latim.  Delegadis gente finis, bibendum egestas augue arcu ut est.

Rodapé 4 - ID Link âncora: COMP-TEXTO-ANCORA-04 link =>

Título Componente Texto 5

Subtítulo 5 | 1 Blocos | Texto, negrito e hiperlink, hiperlink nova aba e hiperlink ancora

Texto 1 [FULL] Mussum Ipsum, cacilds vidis litro abertis. Manduma pindureta quium dia nois paga.Leite de capivaris, leite de mula manquis sem cabeça.Sapien in monti palavris qui num significa  nadis i pareci latim.Delegadis gente finis, TEXTO NEGRITO bibendum egestas augue arcu ut est.
Texto 2 [FULL] Mussum Ipsum, cacilds vidis litro abertis.  Manduma pindureta quium dia nois paga.Leite de capivaris, leite de mula manquis  sem cabeça.Sapien in monti palavris qui num significa  nadis i pareci latim.Delegadis gente finis, TEXTO NEGRITO bibendum egestas augue arcu ut est.

Título Texto Componente 6

Subtítulo 6 | 2 Blocos | Texto com tópico, com numerador, negrito, hiperlink, hiperlink modal blank e hiperlink ancora

  • [FULL] Todo mundo vê os TEXTO NEGRITO porris que eu tomo, mas ninguém vê os tombis que eu levo!Viva Forevis aptent taciti sociosqu ad litora torquent.
  • Todo mundo vê os porris que eu tomo, TEXTO NEGRITO mas ninguém vê os tombis que eu levo!Viva Forevis aptent taciti sociosqu ad litora torquent.
  • Todo mundo vê os porris TEXTO NEGRITO que eu tomo, mas ninguém vê os tombis que eu levo!Viva  Forevis aptent taciti sociosqu ad litora torquent.
  1. [FULL] Todo mundo vê os TEXTO NEGRITO porris que eu tomo, mas ninguém vê os tombis que eu levo!Viva Forevis aptent taciti sociosqu ad litora torquent.
  2. Todo mundo vê os porris que eu tomo, TEXTO NEGRITO mas ninguém vê os tombis que eu levo!Viva Forevis aptent taciti sociosqu ad litora torquent.
  3. Todo mundo vê os porris TEXTO NEGRITO que eu tomo, mas ninguém vê os tombis que eu levo! Viva  Forevis aptent taciti sociosqu ad litora torquent.

Rodapé 6 [FULL] ID Link âncora: COMP-TEXTO-ANCORA-06 link => e e