Watir: select 一個具有多個自定義屬性的元素

Question

創建單擊右分頁箭頭的 Watir 腳本時，我似乎找不到抓住底部“kat-icon”標簽的解決方案： https://imgur.com/CNs7kXH

嘗試使用以下行的許多不同版本，但似乎沒有任何效果。

browser.element(id: 'mas-apps-store-search-paginator').span(name: 'chevron-right').exists?

我應該如何處理這個？

Answer 1

我會先嘗試一個簡單的 CSS 選擇器，例如

#mas-apps-store-search-paginator kat-icon[name='chevron-right']

我有點假設由於shadow-root它將不起作用。 在這種情況下，你需要做類似的事情

shadow_host = driver.find_element(id: 'mas-apps-store-search-paginator')
shadow_root = shadow_host.shadow_root
icon = shadow_root.find_element(name: 'chevron-right')

Answer 2

鑒於 HTML：

<kat-icon>元素在#shadow-root 中（打開）

---

解決方案

要識別並單擊<kat-icon>元素，您可以使用以下定位器策略：

shadow_host = driver.find_element(css: 'kat-pagination.mas-paginator')
shadow_root = shadow_host.shadow_root
right_pagination_arrow = shadow_root.find_element(css: 'kat-icon.nav__icon[name="chevron-right"]')