Cadastro de Menu - Aba Mapeamento

Para que o EdusoftApp seja executado, é necessário que seja cadastrado todo o mapeamento da tela, pois ao carregar a URL inicial para o teste definida, o automatizador saberá quais os componentes (botões, campos, mensagens..) existem em tela.

ID: ID significa identificador exclusivo. Seu objetivo é identificar o elemento ao navegar. ID são únicos. Cada elemento pode ter apenas um ID e Cada página pode ter apenas um elemento com aquele ID.
CSS: CSS significa folhas de estilo em cascata. O CSS traz toda a informação do layout, isto é, cores, posicionamento, fontes, tamanhos e imagens de fundo e etc. Também conhecidas como Classes, CSS não são únicas. Você pode usar a mesma classe para vários elementos e pode usar várias classes para um mesmo elemento.

Descrição do funcionamento do mapeamento utilizando ID ou CSS.

Abaixo veremos como deve ser preenchido a tela quando o tipo de identificação for ID:

Label: deve-se descrever o nome do componente. Exemplo: F10-Gravar. Há um padrão para quando o componente estiver dentro de uma aba. Exemplo: Módulo Graduação > Cadastro de Pessoa Física > Aba Documentos e Seus Componentes. Desta forma, a Label destes componentes deverá seguir o padrão Aba#Componente. Exemplo: Documentos#CPF/passaporte.
Valor de identificação: deve-se descrever o id do componente. Exemplo: botao_menu_gravar. Para identificar o ID do componente basta ir na tela e Inspecionar Elemento.

Abaixo há uma imagem instrutiva para inspecionar elemento.

Abaixo veremos como ser preenchido a tela quando o tipo de identificação for CSS:

Label: deve-se descrever o nome do componente. Exemplo: F10-Gravar. Há um padrão para quando o componente estiver dentro de uma aba. Exemplo: Módulo Graduação > Cadastro de Pessoa Física > Aba Documentos e Seus Componentes. Desta forma, a Label destes componentes deverá seguir o padrão Aba#Componente. Exemplo: Documentos#CPF/passaporte.
Valor de identificação: deve-se descrever o id do componente. Exemplo: botao_menu_gravar. Para identificar o ID do componente basta ir na tela e Inspecionar Elemento.

(Mostro como obter os dados de tipo de identificação quando CSS)

Abaixo são campos comuns aos dois:

Tipo do dado: pode-se selecionar o tipo de dado daquele componente. Sendo que tem as seguintes opções: Inteiro, Texto, Data, Decimal. Componente especial: pode-se selecionar a especialidade do componente, se houver. Sendo que tem as seguintes opções: Agregado, Auto Complete, Modulo, Data, Fone, Spinner, Curso Over, TAB. Componente especial é o componente na qual possui uma função. Abaixo, exemplos de cada especialidade.

São componentes que possuem Lupa

São componentes que se auto completam quando inicia-se a digitação