如何用PhantomJS和Selenium点击离子按钮

Question

我们有一个第三方供应商需要为我们提供实时数据，但没有任何数据接口。解决方案是将网站数据镜像到我们的系统。他们的网站是用Ionic建立的。

我已经创建了镜像数据的功能，我目前的问题是实时数据在不同的页面上，但URL不会只更改页面的源。我目前无法获取实时数据，因为我必须单击主页上的"实时数据"按钮。

我曾使用PhantomJS尝试以编程方式点击按钮，但由于某种原因，它不想工作。通过谷歌主页测试了该功能，并正常工作。

有人知道我做错了什么或错过了什么吗？我尝试过className、tagName和dom中的大多数元素，但仍然没有成功。

这是网站的来源和我的PhantomJS代码。

PS该网站是一个本地设备接口，我正在使用保存的HTML代码进行测试。

网站按钮源

<button class="item item-block item-md" ion-item="" menuclose=""><ion-icon color="primary" item-left="" role="img" class="icon icon-md icon-md-primary ion-md-home item-icon" aria-label="home"></ion-icon><div class="item-inner"><div class="input-wrapper"><!----><ion-label class="label label-md">
Home
</ion-label></div><!----></div><div class="button-effect"></div></button><button class="item item-block item-md" ion-item="" menuclose=""><ion-icon color="primary" item-left="" role="img" class="icon icon-md icon-md-primary ion-md-list item-icon" aria-label="list"></ion-icon><div class="item-inner"><div class="input-wrapper"><!----><ion-label class="label label-md">
Live Data
</ion-label></div><!----></div><div class="button-effect"></div></button><button class="item item-block item-md" ion-item="" menuclose=""><ion-icon color="primary" item-left="" role="img" class="icon icon-md icon-md-primary ion-md-analytics item-icon" aria-label="analytics"></ion-icon><div class="item-inner"><div class="input-wrapper">

C#PhantomJS代码：

_driver.Manage().Window.Size = new Size(1000, 800);
_driver.Navigate().GoToUrl(url);
Thread.Sleep(3000);
//get the source of the page
Console.Write(_driver.PageSource);
//fully navigate the dom
var pathElements = _driver.FindElementsByTagName("button");
pathElements[1].Click();

Answer 1

要点击文本为Live Data的所需元素，您需要诱导WebDriverWait，您可以使用以下解决方案：

• XPath:

  new WebDriverWait(driver, TimeSpan.FromSeconds(20)).Until(ExpectedConditions.ElementToBeClickable(By.XPath("//button[@class='item item-block item-md']//ion-label[@class='label label-md' and normalize-space()='Live Data']"))).Click();
  

Answer 2

我使用的是通用的PhantomJSDriver和特定的浏览器驱动程序。

使用ChromeDriver并在浏览器中打开网站，它现在可以工作了。我能够以编程方式单击按钮并转到正确的源代码。

此外，我试图按下的按钮在侧菜单中，看不见。使用了中心的一个元素，使其发挥作用。

我相信你可以在不打开浏览器的情况下做到这一点，但目前，这将使功能发挥作用。