Inspetor de Páginas

  • Versão de lançamento: Yokohama
  • Atualizado 30 de jan. de 2025
  • 4 min. de leitura
  • Identifique os componentes de página HTML e JavaScript em suas interfaces do usuário que estão disponíveis para teste de IU personalizada. Habilite o teste automatizado garantindo que as interfaces do usuário contenham somente componentes de página testáveis.

    O Inspetor de páginas é uma configuração de desenvolvedor que abre um novo painel ao lado de qualquer página Now Platform exibida no momento.

    Figura 1. Exibição do Inspetor de páginas do artigo da Base de conhecimento KB0011110
    IU principal exibição do artigo da Base de conhecimento KB0011110 e do painel Inspetor de páginas
    O Inspetor de páginas fornece esses recursos.
    1. Um quadro realçado para identificar a página inspecionada no momento.
    2. Um ícone de faixa para exibir ou ocultar o painel do Inspetor.
    3. Um botão para atualizar a lista de componentes da página.
    4. Um botão para ocultar o painel do Inspetor.
    5. Um botão de inspetor para identificar componentes específicos em uma página.
    6. Uma lista de componentes de página disponíveis para teste de IU personalizada.
    7. Um filtro de pesquisa do componente da página.
    8. Uma linha na qual clicar para ver mais informações sobre um componente de página.
    9. Uma linha realçada e uma dica de ferramenta para visualizar informações sobre o componente inspecionado no momento.
    10. Um componente de página realçado para identificar o componente atualmente inspecionado na página.
    11. Um rótulo de componente e um botão Voltar para retornar à lista de componentes da página.
    12. Uma lista de ações a serem executadas no componente da página atual.
    13. Uma lista de informações de atributo para o componente da página atual.
    14. Um par de nome e valor de atributo para um componente de página.
      Nota:
      Você pode usar o campo Caminho do rótulo para mostrar o contexto hierárquico da página em torno de um elemento ao inspecionar um componente em uma página. Se houver muitos caminhos de rótulo "ancestrais" de um elemento, ele poderá exibir apenas três. Cada elemento de caminho de rótulo é separado por um >. Ele pode ser usado para diferenciar dois componentes de aparência semelhante.
    Nota:
    Os botões de IU com ícones agora estão visíveis no inspetor de páginas.
    Figura 2. Exibição do Inspetor de páginas dos detalhes do componente
    IU principal exibição do painel do Inspetor de páginas mostrando detalhes do componente Criar página favorita

    Inicializador do inspetor de páginas

    O inicializador do inspetor de páginas ajuda a selecionar e iniciar uma página específica no inspetor de páginas. Para obter mais informações, consulte Inspecionar diferentes tipos de página.

    Gif mostrando os diferentes tipos de página para inspeção

    Componentes de página testáveis

    O Inspetor de páginas recupera a lista de componentes de página testáveis quando você carrega uma página pela primeira vez. Os componentes testáveis consistem em HTML e JavaScript padrão que podem ser acessados pelo Automated Test Framework. Os designers de teste podem usar esses componentes como parte do teste de IU personalizado.

    Componentes de página não testáveis

    O Inspetor de páginas identifica esses tipos de componentes de página não testáveis.
    Exclusões listadas
    Os componentes da páginacom lista de exclusões não podem ser testados usando nenhuma etapa de teste de IU personalizada. Os componentes da página com lista de exclusões geralmente incluem interfaces de usuário Now Platform especializadas e componentes já testáveis por outros meios. Os designers de teste não podem criar testes de IU personalizados para componentes da página com lista de exclusões. Para testar esses componentes, eles devem usar outra categoria de teste compatível, como Formulários ou Catálogo de serviços.

    No Inspetor de páginas, as interfaces da lista de exclusões são indicadas por uma cor de fundo cinza quando o ícone de inspeção é arrastado sobre elas. Uma mensagem detalhada sobre a categoria de etapa que precisa ser usada para testar esses componentes é exibida soltando o ícone de inspeção em um componente da lista de exclusões.Arquivo GIF mostrando a parte permitida em todo o formulário da lista de exclusões.

    • As listas não podem ser testadas usando etapas de teste de IU personalizadas. Use a categoria de etapa de teste Lista e Lista relacionada para testar listas.
      Figura 3. Exemplo de mensagem da lista de exclusões
      Mensagem de aviso "Lista com exclusões listadas"
    • Os formulários não podem ser testados usando etapas de teste de IU personalizadas. Para testar formulários, use Categoria de formulário etapas de teste.
      Figura 4. Exemplo de mensagem do formulário da lista de exclusões
      Mensagem de aviso "Os formulários estão na lista de exclusões"
      Nota:
      Os formatadores de IU em formulários podem ser acessados e testados usando etapas de teste de IU personalizadas. Para obter mais informações, consulte Criar um teste de IU personalizado.
    • Itens do Catálogo de serviços não podem ser testados usando etapas de teste de IU personalizadas. Para testar itens do catálogo, use Catálogo de serviços categoria etapas de teste.
      Figura 5. Exemplo de mensagem de item do catálogo listado de exclusão
      Mensagem de aviso "Os itens do Catálogo de serviços estão na lista de exclusões"
    • Certos componentes são excluídos das páginas de IU personalizadas e proibidos de serem testados.
      Figura 6. Exemplo de mensagem de componente listado de exclusão
      Mensagem de aviso "Este componente está na lista de exclusões"
    • Os espaços não podem ser testados usando etapas de teste de IU personalizadas. Para testar formulários em um espaço disponível, use Categoria de formulário etapas de teste.
      Figura 7. Exemplo de mensagem de espaço da lista de exclusões
      Mensagem de aviso "Os espaços estão na lista de exclusões"
    Inacessível
    Componentes de páginainacessíveis são elementos que Automated Test Framework não podem identificar ou não têm permissão para testar devido a algum problema de configuração. Os componentes de página inacessíveis geralmente incluem bibliotecas JavaScript de terceiros ou elementos com um DOM de sombra. Os designers de teste não podem criar testes de IU personalizados para componentes de página inacessíveis, mas podem reprojetar a página para usar componentes acessíveis a Automated Test Framework.
    • Certos componentes não estão acessíveis no Automated Test Framework
      Figura 8. Exemplo de mensagem de componente inacessível
      Mensagem de aviso "Este componente não está acessível"
    • O desenvolvimento da equipe não é compatível com o Automated Test Framework
      Figura 9. Exemplo de mensagem de componente incompatível
      Mensagem de aviso "O desenvolvimento da equipe não é compatível com o ATF"
    • O teste de sites externos que estão incorporados em páginas da plataforma não é compatível com Automated Test Framework
      Figura 10. Exemplo de mensagem de sites externos incorporados sem suporte
      Mensagem de aviso "O Automated Test Framework não pode testar sites externos que estão incorporados em páginas deste site"