如何获取 Shadow-root 中元素的 cssSelector 路径

Question

你能帮我找到元素的正确路径吗

掀背车

这是我用的java代码，显然cssSelector路径是错误的

    WebElement shadowHost2 = driver.findElement(By.xpath("//vmos-flyout"));
    SearchContext shadowRoot2 = shadowHost2.getShadowRoot();
    WebElement shadowContent2 = shadowRoot2.findElement(By.cssSelector("app-vue/div/ul/li[3]/ul/li[4]/div/p"));

Answer 1

试试这个：

WebElement element = (WebElement) ((JavascriptExecutor)driver)
                .executeScript("return arguments[0].shadowRoot", driver.findElement(By.xpath("//vmos-flyout[@slot='seamless-vmos-flyout']")));
                
element.findElement(By.xpath("//p[text()='Hatchbacks']")).click();