Como posso encontrar um elemento pela classe CSS com XPath?

Na minha página, há um divcom um classnome Test.

Como posso encontrá-lo XPath?

Esse seletor deve funcionar, mas será mais eficiente se você o substituir pela sua marcação adequada:

//*[contains(@class, 'Test')]

Ou, já que sabemos que o elemento procurado é um div:

//div[contains(@class, 'Test')]

Mas como isso também corresponderá a casos como class="Testvalue"ou class="newTest", a versão do @ Tomalak fornecida nos comentários é melhor :

//div[contains(concat(' ', @class, ' '), ' Test ')]

Se você deseja ter certeza de que ela corresponderá corretamente, também poderá usar a função normalize-space para limpar caracteres de espaço em branco disperso ao redor do nome da classe (como mencionado por @Terry):

//div[contains(concat(' ', normalize-space(@class), ' '), ' Test ')]

Observe que em todas essas versões, o * deve ser melhor substituído por qualquer nome de elemento que você realmente deseje corresponder, a menos que deseje pesquisar todos os elementos no documento para a condição especificada.

Maneira mais fácil ..

//div[@class="Test"]

Supondo que você deseja encontrar <div class="Test">como descrito.

A única maneira correta de fazer isso com o XPath:

//div[contains(concat(" ", normalize-space(@class), " "), " Test ")]

A função normalize-spaceremove os espaços em branco à esquerda e à esquerda e também substitui as seqüências de caracteres em branco por um único espaço.

Nota

Se não precisar de muitas dessas consultas Xpath, convém usar uma biblioteca que converta seletores CSS em XPath, pois os seletores CSS geralmente são muito mais fáceis de ler e gravar do que as consultas XPath. Por exemplo, nesse caso, você pode usar os dois div[class~="Test"]e div.Testobter o mesmo resultado.

Algumas bibliotecas que consegui encontrar:

• Para JavaScript : css2xpath e css-to-xpath
• Para PHP : componente CssSelector
• Para Python : cssselect
• Para C # : css2xpath recarregado
• Para GO : css2xpath

Estou apenas fornecendo isso como resposta, pois Tomalak forneceu um comentário à resposta do médico há muito tempo.

//div[contains(concat(' ', @class, ' '), ' Test ')]

Uma função útil pode ser feita com respostas anteriores:

function matchClass($className) {
    return "[contains(concat(' ', normalize-space(@class), ' '), ' $className ')]";
}

Em seguida, basta concat a chamada de função em sua consulta.

Combine com uma classe que possui espaço em branco.

<div class="hello "></div>

//div[normalize-space(@class)="hello"]

você pode encontrar elementos como este exemplo (todos os elementos css)

private By 
allElementsCss = By.xpath(".//div[@class]");