如何用JavaScript检测AngularJS应用页面加载完成？Robot Framework适配问题

嘿，针对你要在Robot Framework里用Python3.5+SeleniumLibrary检测AngularJS页面加载完成的需求，我整理了一套可行的方案，帮你搞定这个问题！

AngularJS应用的页面加载不是单纯等浏览器的onload事件，因为它有自己的digest循环（处理数据绑定更新）和pending HTTP请求（加载后端数据）。我们需要同时等待这两部分都完成，才算页面真正加载就绪。

这里参考了你提到的wait_until_angular_ready关键字，调整成适配SeleniumLibrary的异步JS脚本，它会检查两个核心条件：

1. $http.pendingRequests为空（没有未完成的后端请求）
2. 没有正在进行的digest循环（通过$$phase判断）

var callback = arguments[arguments.length - 1];
if (window.angular && window.angular.element) {
    var injector = window.angular.element(document.body).injector();
    if (injector) {
        var $http = injector.get('$http');
        var $timeout = injector.get('$timeout');
        function checkReady() {
            // 检查是否没有pending请求，且不在digest循环中
            if ($http.pendingRequests.length === 0 && !window.angular.element(document.body).scope().$$phase) {
                callback(true);
            } else {
                // 每隔100ms重试一次
                $timeout(checkReady, 100);
            }
        }
        checkReady();
    } else {
        callback(false);
    }
} else {
    // 页面不是AngularJS应用，直接返回
    callback(false);
}

你需要把这个逻辑封装成Python自定义关键字，方便在测试用例中调用：

from robot.libraries.BuiltIn import BuiltIn

def wait_until_angular_ready(timeout=30):
    """等待AngularJS应用完成加载就绪
    参数:
        timeout: 最长等待时间（秒），默认30秒
    """
    selenium_lib = BuiltIn().get_library_instance('SeleniumLibrary')
    # 上面的JS脚本
    js_script = """
    var callback = arguments[arguments.length - 1];
    if (window.angular && window.angular.element) {
        var injector = window.angular.element(document.body).injector();
        if (injector) {
            var $http = injector.get('$http');
            var $timeout = injector.get('$timeout');
            function checkReady() {
                if ($http.pendingRequests.length === 0 && !window.angular.element(document.body).scope().$$phase) {
                    callback(true);
                } else {
                    $timeout(checkReady, 100);
                }
            }
            checkReady();
        } else {
            callback(false);
        }
    } else {
        callback(false);
    }
    """
    # 用execute_async_javascript执行异步脚本，设置超时
    selenium_lib.execute_async_javascript(js_script, timeout=timeout)

把这个自定义关键字文件放在Robot Framework能找到的路径，然后在测试用例中使用：

*** Settings ***
Library    SeleniumLibrary
Library    ./custom_angular_keywords.py  # 替换成你的关键字文件路径

*** Test Cases ***
测试AngularJS页面加载
    Open Browser    https://你的第三方Angular应用URL    chrome
    Wait Until Angular Ready    timeout=20  # 按需调整超时时间
    # 接下来就可以执行你的测试步骤了
    Click Element    id=target-button
    Input Text    id=search-box    测试内容

• 这个方案只适用于AngularJS（1.x版本），如果是Angular 2+，需要用完全不同的检测逻辑
• 如果页面有多个独立的Angular模块，可能需要修改angular.element(document.body)为对应模块的根元素
• 如果应用加载较慢，可以适当调高超时时间，避免误判为加载失败

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