Na semana passada um profissional trabalhando com Protractor entrou em contato comigo com dúvida sobre como verificar meta informações e script contidos no HTML de uma aplicação ou website.

A verdade é que para verificar tais informações, tendo conhecimentos básicos de como o Protractor funciona, não precisamos aprender nada de novo.

Ou seja, com conhecimentos básicos de como definir elementos e como fazer verificações (expects), realizar testes para verificar tais informações é algo trivial, porém, as vezes necessário.

Então aí vai.

Utilizarei a página inicial do site oficial do Protractor como exemplo:

Digamos que eu precise verificar, ao acessar a página inicial, que uma meta tag com nome “viewport” esteja presente, além de conter os valores “width=device-width, initial-scale=1.0” para o atributo “content”.

Eu também possa precisar verificar que a folha de estilos do site e um determinado javascript estejam carregados.

Aí está:

screen-shot-2017-01-22-at-16-43-11

Voilà!

Após executar o teste com uma configuração simples como a demonstrada abaixo:

screen-shot-2017-01-22-at-16-34-24

Você deve obter um resultado como o seguinte:

screen-shot-2017-01-22-at-16-35-44

Viu, Simples!

Espero tê-lo ajudado e bons testes!

Deixe um comentário

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair /  Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair /  Alterar )

Conectando a %s