Quer se tornar um especialista em XPath, Seletores, WebElement, DOM, SelectorsHub e TestCase Studio? Junte-se ao meu treinamento. Link de Registro-
Neste vídeo, você aprenderá sobre como lidar com erros de XPath e cssSelector, como:
1. Por que está mostrando 0 nó correspondente para meu seletor?
2. O que há de errado no meu XPath?
2. Está faltando algo no meu seletor?
3. Eu escrevi a sintaxe errada?
4. É possível adicionar texto após o colchete de fechamento?
5. Podemos ter mais de 3 barras para frente?
6. É obrigatório escrever o valor do atributo entre aspas para cssSelector?
..................................
............muito mais
SelectorsHub ajuda a gerar, escrever e verificar o XPath e cssSelector.
SelectorsHub é uma nova maneira completa de gerar, escrever e verificar o XPath e cssSelectors.
Confira o patrocinador principal do SelectorsHub, TestProject - uma ferramenta de automação de testes GRATUITA de ponta a ponta.
Por favor, seja um patrocinador e apoie o SelectorsHub para mantê-lo GRATUITO para sempre.
Mesmo 1-5$ (o custo de um café) por mês será de grande ajuda.
SelectorsHub-
1) Sugere todas as funções possíveis de XPath e cssSelector enquanto você digita, como um editor inteligente, junto com suas ocorrências para completar seletores rapidamente. Agora você não precisa mais copiar e colar valores de atributos do DOM para construir XPath e cssSelector.
2) Gere todos os tipos de seletores possíveis com um único clique.
3) Copie XPath, cssSelector e caminho JS diretamente do menu de contexto. Não é mais necessário abrir o DevTools e a aba do SelectorsHub.
4) Recurso para personalizar o menu de contexto.
5) Recurso para desabilitar e habilitar o SelectorsHub no menu de contexto.
6) Fornece cssSelector e XPath relativos únicos e robustos.
7) Também suporta shadowDOM, iframe, frame e elementos SVG.
8) Fornece mensagens de erro adequadas, como o que está errado no seu xpath e cssSelector.
9) Também fornece o xpath baseado em índice na sugestão automática.
10) Possui o recurso de gerar seletor com o atributo desejado.
11) Você também pode gerar seletores com o comando do driver.
12) Você pode personalizar a interface como quiser.
13) Todas as configurações serão salvas localmente, então da próxima vez que você abrir, ela abrirá com suas configurações.
14) Para copiar o valor do Seletor, basta clicar no ícone de copiar ou no cabeçalho do Seletor.
15) Para editar o valor do Seletor, basta clicar no valor do seletor, ele colocará o valor em uma caixa onde você pode editá-lo e verificá-lo.
Por favor, siga o tutorial em vídeo para aproveitar ao máximo o SelectorsHub.
Se você enfrentar algum problema ou tiver feedback, sinta-se à vontade para entrar em contato comigo pelo e-mail selectorshub@gmail.com
Por favor, encontre o registro de alterações aqui-
Para mais detalhes, confira a página inicial-
Passos muito simples para usar a ferramenta-
1. Abra o DevTools.
2. No lado direito, a última aba da barra lateral é o SelectorsHub. Clique nela.
3. Aqui ele mostrará todos os seletores possíveis para o elemento inspecionado. Para qualquer elemento que você queira gerar um seletor, basta inspecioná-lo e ele gerará todos os seletores possíveis para esse elemento.
4. Para construir seu próprio XPath ou cssSelector, comece a digitar na caixa de entrada do seletor.
5. O SelectorsHub sugerirá automaticamente todos os atributos e tudo para completar seletores rapidamente. Agora você não precisa mais copiar e colar valores de atributos. Com isso, você pode economizar uma quantidade enorme de tempo.
6. Após digitar, basta pressionar enter.
7. Ele destacará todos os nós correspondentes e os listará na aba do SelectorsHub.
8. Ele também rolará o elemento da web para a área visível.
9. Para copiar o valor dos seletores, clique no ícone de copiar.
10. Para editar o valor do seletor, clique nesse valor do seletor.