Season WEB Testing - Ep. 01: HTML Locators
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 IDExemplo: 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 textoExemplo: 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!!
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!
ResponderExcluirOlá May!
ResponderExcluirNosso 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