为Selenium C#查找CSS选择器路径

Question

我是新的Selenium C#自动化。试图在网上找到，但没有得到任何帮助。html代码看起来像这样。我需要找到元素，然后使用CSS单击它。该网站只在IE上运行。

    <tbody>
    <tr class="t-state-selected">
    <td>Purchased</td>
    <td class="">768990192</td>

Answer 1

你真的没有给我们多少信息来工作。我会尽我所能去适应。即使呈现的HTML不足以给出格式指示，而且您还没有呈现当前解决方案的任何代码。

string url = "https://www.google.com";
IWebDriver driver = new InternetExplorerDriver();
driver.Navigate().GoToUrl(url);
driver.FindElement(By.XPath("//tr[@class='t-state-selected']")).Click();

这个小代码片段。

创建internet explorer驱动程序。

转到您选择的url。

然后单击具有等于“t-state-selected”类的表行。我猜这是所有表行还是没有表行。

Answer 2

要点击数字768990192这是动态的，我们必须构造一个CssSelector如下所示：

driver.FindElement(By.CssSelector("tr.t-state-selected td:nth-of-type(2)")).Click();

Answer 3

我知道网页链接可能会消失，但在试图找出如何使用Selenium的C#WebDriver定位元素时，我使用了以下几个：

https://automatetheplanet.com/selenium-webdriver-locators-cheat-sheet/

https://saucelabs.com/resources/articles/selenium-tips-css-selectors

https://www.packtpub.com/mapt/book/web_development/9781849515740/1

归根结底，您是通过id、class或XPath进行选择的。这些都可以使用F12浏览器工具直接在页面上进行测试。例如，要找到上面问题的第一个评论，您可以在控制台中尝试：

$x("//div[@id='mainbar']//tbody[@class='js-comments-list']/tr")

这是另一个SO帖子，有一个快速而肮脏的答案。

这里是Selenium关于如何定位UI元素的官方文档。