java - Selenium Webdriver，单击按钮不起作用

Question

我在自动化过程中单击两个按钮时遇到两个问题

第一个:一个查看按钮，其中包含以下详细信息

<button class="veiw-btn" data-toggle="collapse" data-target=".toggle-content1" aria-expanded="false" aria-controls="toggle-content1" ng-click="gotoAnchor(flightResult.FlightId)">VIEW</button>

页面上有几个“查看”按钮，但它们通过切换内容进行区分(它们有数字1、2、3、4)我只需要选择第一个并单击它

第二:

单击“ View ”后，我还想使用以下代码单击“继续”按钮

<div class="text-center">
    <button class="flight-book-btn" type="button" ng-click="select(false, flightResult);">
     <span>Continue</span>
     </button>
</div>

我的主要问题是第一个代码，但如果我能得到这两个问题的帮助，我会很高兴。我无法点击第一个查看按钮

我在网上尝试了一些示例，但它们对我不起作用

我希望能够单击“查看”和“继续”按钮

代码:

driver.manage().timeouts().implicitlyWait(60, TimeUnit.SECONDS);     
log.debug("Fastest Sort Available "); 
log.debug("Now about to click VIEW Airline Details "); 
// driver.findElement(By.xpath("//button[text()='VIEW' and @data-target='.toggle-content1' and @aria-controls='toggle-content1']")).click();; 
driver.findElement(By.cssSelector("button[class=\"veiw-btn\"][data-target='.toggle-content1'']")).click();

Answer 1

尝试使用 css 选择器或 Xpath

CSS:

driver.FindElement(By.CssSelector("button[class="veiw-btn"][data-target='.toggle-content1']").Click();

xpath:

driver.FindElement(By.XPath("//button[@class='veiw-btn'][@data-target='.toggle-content1']").Click();