如何使用 Selenium 和 C# 单击登录按钮

Question

我正在尝试创建这个简单的测试，您可以前往 URL，输入您的登录凭据，然后单击按钮进行登录。除了单击按钮之外，它正在执行所有操作。 我试图通过调用 ClassName 来做到这一点。 谁能看看我的测试，看看我做错了什么？

public void test_search()
{
    var driver2 = new ChromeDriver(@"C:\Users\MyName\Desktop\NUnitTestProject1\NUnitTestProject1\bin\Debug\netcoreapp2.1");
    driver2.Navigate().GoToUrl("https://portal.crushdata.com/");
    driver2.FindElement(By.Name("Email")).SendKeys("email@email.com");
    driver2.FindElement(By.Name("Password")).SendKeys("Password");
    driver2.FindElement(By.ClassName("btn bg-teal btn-block btn-lg waves-effect")).Click();
}

这是我的按钮的类名。

Answer 1

使用 CSS 选择器，如下所示：

By.ClassName("btn.bg-teal.btn-block.btn-lg.waves-effect")

每个点代表一个 class。

有关更多信息，请参阅此页面，以下是该页面的示例：

.name1.name2

选择在其 class 属性中设置了 name1 和 name2 的所有元素

Answer 2

要单击SIGN IN按钮，您必须为所需的ElementToBeClickable()诱导WebDriverWait并且您可以使用以下任一定位器策略：

• CssSelector ：

   new WebDriverWait(driver, TimeSpan.FromSeconds(20)).Until(ExpectedConditions.ElementToBeClickable(By.CssSelector("button.btn.bg-teal.btn-block.btn-lg.waves-effect"))).Click();

• XPath ：

   new WebDriverWait(driver, TimeSpan.FromSeconds(20)).Until(ExpectedConditions.ElementToBeClickable(By.XPath("//button[text()='SIGN IN']"))).Click();

Answer 3

尝试使用按钮 xpath。 打开开发工具。 Right click on the button you want to be clicked > Select Inspect >Then right click the html in the dev tools window and Copy Xpath from the Copy option.

然后在您的代码FindElement替换为FindElementByXPath ：

driver2.FindElementByXPath("//*xpath/goes/here")).Click();

Answer 4

鉴于您共享的 html 块，以下 XPath 就足够了。

//div[contains(@class = "text-center")]//button[contains(@class, 'btn bg-teal btn-block btn-lg waves-effect') and @type = 'submit']

如果驱动程序仍然无法单击，则应考虑以下事项：

1. XPath 是独一无二的吗？ 将 xpath 粘贴到 chrome 的 devtools 搜索框中的检查元素选项卡中，并确保提供的 xpath 以您想要的元素为目标。 如果不是这种情况，那么您应该使 xpath 更加独特。
2. iframe 中的元素是什么？ 如果该元素在 iframe 中，则默认情况下驱动程序将无法找到它。 在这种情况下，您需要首先切换到 iframe，然后尝试定位该元素并与之交互。
3. 元素是否可点击、可见和启用？ 要检查这些属性，首先找到元素并存储在单独的变量中，然后检查所述属性是否为真。