Selenium WebDriver C#中JavaScript验证问题：验证jstree加载完成

我来帮你搞定这个问题！要在点击jstree节点前确认它已经加载完成，我们可以结合Selenium的IJavaScriptExecutor执行jstree自身的API来验证状态，再配合WebDriverWait实现智能等待，避免硬编码等待时间。

核心思路 #

jstree提供了内置的方法来检查自身的加载状态：

• 通过jstree(true)获取已初始化的jstree实例，确认组件已完成初始化
• 用is_loading()方法检查是否还有异步请求在加载节点
• 可以通过get_json()获取所有节点，确保至少有节点被渲染出来

完整C#代码示例 #

下面是整合了验证逻辑的代码，我基于你提供的示例做了补充：

using OpenQA.Selenium;
using OpenQA.Selenium.Chrome;
using OpenQA.Selenium.Support.UI;
using System;

class Hello {
    public static void Main(string[] args) {
        IWebDriver chromeDriver = new ChromeDriver();
        try {
            chromeDriver.Url = "http://localhost:60268/Login.aspx";
            
            // 完成登录操作（补充你未写完的部分）
            chromeDriver.FindElement(By.XPath(".//*[@id='ContentPlaceHolder1_Login1_UserName']")).SendKeys("chinthaka");
            chromeDriver.FindElement(By.XPath(".//*[@id='ContentPlaceHolder1_Login1_Password']")).SendKeys("your-password");
            chromeDriver.FindElement(By.XPath(".//*[@id='ContentPlaceHolder1_Login1_LoginButton']")).Click();
            
            // 等待jstree加载完成（替换成你的jstree选择器，比如#my-jstree）
            var wait = new WebDriverWait(chromeDriver, TimeSpan.FromSeconds(10));
            wait.Until(driver => {
                var jsExecutor = (IJavaScriptExecutor)driver;
                bool isJsTreeReady = (bool)jsExecutor.ExecuteScript(@"
                    // 替换成你的jstree容器选择器
                    const jsTreeElement = $('#my-jstree');
                    if (!jsTreeElement.length) return false;
                    
                    const jsTreeInstance = jsTreeElement.jstree(true);
                    // 确认实例存在、不在加载状态、且有节点
                    return jsTreeInstance && !jsTreeInstance.is_loading() && jsTreeInstance.get_json().length > 0;
                ");
                return isJsTreeReady;
            });
            
            // 现在可以安全地点击目标节点了
            // 示例：点击文本为"目标节点"的jstree节点
            chromeDriver.FindElement(By.XPath("//div[@id='my-jstree']//a[text()='目标节点']")).Click();
        } finally {
            chromeDriver.Quit();
        }
    }
}

关键细节说明 #

• 选择器替换：一定要把代码中的#my-jstree换成你页面中jstree容器的实际选择器（ID、class或其他CSS选择器）
• 异步子节点处理：如果你的jstree是点击父节点才加载子节点，那需要针对子节点单独验证，比如等待子节点的DOM元素出现，或者用jstree的after_open事件相关逻辑
• 超时时间调整：TimeSpan.FromSeconds(10)可以根据页面加载速度调整，避免过短导致超时，过长浪费时间

内容的提问来源于stack exchange，提问作者Dirk