如何使用Selenium WebDriver和Page Object Pattern单击具有多个链接的TableCell



我正在尝试将Selenium与WebDriver和页面对象模式一起使用来打开表中的链接。我对网页代码没有任何控制权。

另请注意,这是一个简化的示例,但它确实有效并显示了问题。

工作规范: https://gist.github.com/charlesgreen/b80ed7e164b7199eaa44229e104f4428

该表具有一列,单个单元格中包含 1 或 2 个链接。

对于只有 1 个链接的单元格,我可以通过调用 .link_element.单击单元格来打开链接。

对于具有 2 个链接的单元格,这会打开单元格中的第一个链接,但我正在尝试打开第二个链接(事实(。有没有办法只点击单元格中的"事实"链接(即索引或迭代(?

注意: 我正在使用的两个链接的原始网站都打开了,但是我无法在本地重现该问题 话虽如此,这不是我的目标。我正在尝试打开第二个链接。这在下面的代码以及上面的要点链接中是可重现的。

# products.rb
require 'selenium-webdriver'
require './product_page'
Selenium::WebDriver.logger.output = 'selenium.log'
Selenium::WebDriver::Chrome.driver_path = '/Applications/chromedriver'
browser = Selenium::WebDriver.for :chrome
# UPDATE File path
browser.get('file:///Users/name/products/index.html')
product_page = ProductPage.new(browser)
product_page.open_facts_link

# product_page.rb
require 'page-object'
class ProductPage
include PageObject
table(:products, id: 'products')
def open_facts_link
products_element[2][0].link_element.click
end
end

# index.html - validated with https://validator.nu/
<!DOCTYPE html>
<head>
<title>Link Page</title>
<script>
function OpenPhotos(val) {
var opened = window.open("");
opened.document.write("<html><head><title>Photos</title></head><body>Photos</body></html>");
}
function OpenFacts(val) {
var opened = window.open("");
opened.document.write("<html><head><title>Facts</title></head><body>Facts</body></html>");
}
</script>
</head>
<body>
<table id="products">
<tr>
<th>Links</th>
<th>Description</th>
</tr>
<tr>
<td>
<ul>
<li>
<a id="A_35" href="javascript:OpenFacts('35')" target="_blank">Facts</a>
</li>
</ul>
</td>
<td>Product 1</td>
</tr>
<tr>
<td>
<ul>
<li>
<a id="A_36" href="javascript:OpenPhotos('36')" target="_blank">Photos</a>
</li>
<li>
<a id="L_36" href="javascript:OpenFacts('36')" target="_blank">Facts</a>
</li>
</ul>
</td>
<td>Product 2</td>
</tr>
</table>
</body>

要单击同一单元格中的不同链接,可以将定位器传递给link_element以更具体。在这种情况下,您可以使用href属性来区分 2 个链接:

# Click Facts link
products_element[2][0].link_element(href: /OpenFacts/).click
# Click Photos link
products_element[2][0].link_element(href: /OpenPhotos/).click

相关内容

  • 没有找到相关文章

最新更新