阴影根 - 在几个阴影根下单击一个href

Question

我有几个shadowRoots内的链接列表。已经解决了这个问题。

public WebElement expandRootElement(WebElement element) {
    WebElement ele = (WebElement) ((JavascriptExecutor) driver).executeScript("return arguments[0].shadowRoot",element);
    return ele;
}

WebElement root5_adminPanel = shadowRoot4_MduiContainerChild2.findElement(By.cssSelector("#layout > border-layout > ng-view > admin-panel"));
WebElement shadowRoot5_AdminPanel= expandRootElement(root5_adminPanel);

WebElement root6_breadCrumb = shadowRoot5_AdminPanel.findElement(By.cssSelector("#layout > border-layout > breadcrumb"));
WebElement shadowRoot6_breadCrumb = expandRootElement(root6_breadCrumb);

WebElement root6_domainPanel = shadowRoot5_AdminPanel.findElement(By.cssSelector("#layout > border-layout > ng-view > gdsr-domain-panel"));
WebElement shadowRoot6_domainPanel = expandRootElement(root6_domainPanel);

WebElement root7_selectDomain = shadowRoot6_domainPanel.findElement(By.cssSelector("#domainContainer > domain-panel-item.ng-binding.last"));
WebElement shadowRoot7_selectDomain = expandRootElement(root7_selectDomain);

当我到达这个shadowRoot7时，我有一个具有相同名称的项目列表，我已经创建了一个List来修复它。

List<WebElement> rows_table = shadowRoot6_domainPanel.findElements(By.cssSelector("#domainContainer > domain-panel-item:nth-child(n)"));

（他们约45项）

这将选择所有这些，在这种情况下是所有domain-panel-item行。

我的问题是每个domain-panel-item仍然包含另一个shadowRoot（所有这些都是相同的路径）我想选择一个随机项，而不是第一个或最后一个，例如，项目编号43。

enter image description here

我的解决方案是这个，但它不起作用，因为它无法访问我想要的链接：

public void clickSelectedDomain(String domain) {
    List<WebElement> rows_table = shadowRoot6_domainPanel.findElements(By.cssSelector("#domainContainer > gdsr-domain-panel-item:nth-child(n)"));

    int rows_count = rows_table.size();

    for (int row=0; row<rows_count; row++) { 
        if(rows_table.get(row).getAttribute("href").contains(domain)) {
            rows_table.get(row).click();
        }
    }
}

有些人知道如何解决这个问题？

Answer 1

你通过递归调用executeScript()来解决这个问题，以获得叠加的Shadow DOMs，但实际上你可能只调用了executeScript()一次，并且内部连续获得了Shadow DOMs。

driver.executeScript( function ()
{       
    var root1 = document.querySelector( 'selector string 1' ).shadowRoot 
    var root2 = root1.querySelector( 'selector string 2' ).shadowRoot
    var root3 = root2.querySelector( 'selector string 3' ).shadowRoot
    ...
    return foundElement
}

无论如何，在for() {}循环中，你应该最后一次提取最终的Shadow DOM，然后选择<a>元素来检查它的内容。