Season WEB Testing - Ep. 01: HTML Locators

Por


Oláááá Robotizadores!!!! Está com dificuldades em encontrar elementos web??? Está começando agora com testes WEB (assim como eu) e está precisando dar um up sobre locators? Esse é o seu post, bora lá ver umas dicas de HTML locators!!!!

Estratégias básicas para localizar um elemento WEB

Identificação simples dos locators:

Pelo ID            
  Exemplo:  Click Element    id=Theld ou: Click Element    Theld 

 Pelo Nome         
  Exemplo:  Click Element    name=Blink   ou: Click Element    Blink 

 Pelo Texto do Link    
  Exemplo:  Click Link    link=Your site.com ou: Click Link    Your Site.com 

 Pelo Texto parcial do link  
  Exemplo:  Click Link     partial link=Site.com 

 Pelo XPATH 
  Exemplo:  Click Link     xpath=//a[@id='Theld'] 

 Pelo CSS 
  Exemplo:  Click Link     css=a[id='Theld'] 

 Pelo DOM 
  Exemplo:  Click Element     dom=document.images[5] 

 Pela Tag
  Exemplo:  Click Element     tag=div

Explorando o CSS e XPATH para locators dinâmicos ou complexos:

Contendo um texto
  Exemplo:  Click Element     xpath=//*[contains(text(), "exemplo")]

 Contendo um valor
  Exemplo:  Click Element     xpath=//input[contains(@type, 'Submit')]
  Exemplo:  Click Element     css=input[type*='Submit']

 Iniciando por um valor 
  Exemplo:  Click Element     xpath=//input[starts-with(@type, 'Submit')] 
  Exemplo:  Click Element     css=input[type^='Submit'] 

 Terminando por um valor 
  Exemplo:  Click Element     xpath=//input[ends-with(@type, 'Submit')] 
  Exemplo:  Click Element     css=input[type$='Submit'] 


Para melhorar ainda mais esse POST, conto com a ajuda dos Testers Web de plantão, me mandem mais dicas não citadas ainda que colocarei no nosso post!!!!! Conto com vocês!!!! 

Abraço robotizadores e até a próxima!!

Comentários

  1. Daniel Silva29 de maio de 2020 às 04:13

    Olá May, adoro seu trabalho! Obrigado pelas dicas que você já postou/deu e continua até hoje, estou com muita dificuldade em encontrar os elementos em um sistema que, até agora me parece que é todo dinâmico, id, xpath, css... como dá pra abrir várias opções repetidas creio que foi essa a solução. Com certeza devem ter formas de contornar essa dificuldade mas sou novato nessa área de automação. Se puder me indicar algum material de leitura eu fico grato, espero que você suba logo um curso na udemy sobre esse assunto, as estratégias são o calcanhar de aquiles de muita gente. Bjs!

    ResponderExcluir
  2. Cristiano27 de outubro de 2022 às 12:49

    Olá May!
    Nosso sensacional, mas assim eu gostaria de saber uma coisa, como eu criaria um locactor para uma situação como essa.... input name=name class="input input-md input-bordered w-full max-w-xs" type="text" placeholder="Informe seu nome" requirid value="" No casso quero pega esse input que tem com requirid para validar se foi preenchido

    ResponderExcluir

Postar um comentário

Postagens mais visitadas deste blog

[ATUALIZADO] Season Libraries - Ep. 01: Library Faker para informações aleatórias e fakes

Por
Imagem
Oláááá robotizadores!!! Neste post vamos falar de uma library muito útil para geração de massa de dados para nossos testes automatizados... a Faker Library ... Ela gera nomes, e-mails, senhas, endereços, etc, tudo fake e aleatório a cada execução. 01 - Instalação da FakerLibrary Simples... no seu prompt de comando rode o comando: pip install robotframework-faker 02 - Exemplo de Utilização O código abaixo eu gero algumas informações fakes e aleatórias e as imprimo no LOG. Existem diversas informações aleatórias que você pode usar, veja mais na documentação da FakerLibrary . A saída da execução do código acima ficou assim (lembrando que a  cada execução os dados irão mudar) : DICA EXTRA - Dados BRASILEIROS (pt_BR) Os dados também podem ser gerados com informações brasileiras!!! O que muda é que você precisa instanciar a library com um parâmetro de localidade, veja: A saída da execução do código acima ficou assim (lembrando que a  cada exec
Leia mais

Novo Curso: Robot Framework com Playwright e GitHub Actions

Por
Imagem
O láááá de volta robotizadores!!! Desde 2018 nosso curso está no AR na Udemy, sendo um sucesso entre os alunos! E nesse post de hoje trago novidades: O curso básico foi atualizado com conteúdo regravado em 2023! O curso avançado está em dia! E agora temos o novo curso  Robot Framework com Playwright e GitHub Actions , que trás a união dessas 3 poderosas ferramentas para automação de testes WEB! Se liga nos cupons e vem robotizar com os mais de 6 mil alunos!! Promoção Aproveita!!! Cupom:   ROBOT_RF3_2024  válido até 25/05/2024  - 23h59 : ⭐Básico:   https://www.udemy.com/course/automacao-de-testes-com-robot-framework-basico/?couponCode= ROBOT_RF3_2024 ⭐⭐Avançado:  https://www.udemy.com/course/automacao-de-testes-com-robot-framework-avancado/?couponCode= ROBOT_RF3_2024 🆕  Playwright com GitHub Actions:  https://www.udemy.com/course/robot-framework-com-playwright-e-github-actions/?couponCode= ROBOT_RF2_2024 Se os cursos não estiverem mais em promoção, use esses links: Básico :  https://ww
Leia mais

Season WEB Testing - Ep. 03: Open Browser - Chrome Options

Por
Imagem
Oláááááá Robotizadores!! Fazia um tempinho que eu não postava aqui, mas a May tá de volta com um post que pode ajudar o pessoal que lida com diferentes configurações do Chrome nos testes Web!!!!! Chega aí.... Utilizando os Options do Chromedriver Quando você usa a Open Browser para abrir o seu navegador Chrome, por padrão ele instância um navegador "zerado" de configurações, mas se você precisa que algo seja parametrizado nesse Chrome, veja as opções que você pode usar no argumento " options " da Open Browser . Saiba mais sobre em: https://chromedriver.chromium.org/capabilities  Você pode passar quantos options necessitar separando-os com ponto e vírgula, ficaria algo assim: *** Keywords *** Acessar Site       Open Browser   https://the-internet.herokuapp.com/download     chrome       ...   options=add_argument("--disable-web-security");add_argument("--start-maximized");add_experimental_option("excludeSwitches", ["enable-logging&q
Leia mais