基于Karate框架，UI测试中能否获取性能指标并追踪站点评分？

Karate的UI测试模块完全支持捕获页面加载时间、首次像素绘制时间及响应性数据，同时可以在功能测试流程中集成这些指标的追踪与评分，具体实现方式如下：

一、捕获核心性能指标 #

• 页面加载时间：通过调用浏览器原生的performance.timing API计算完整加载周期时长，示例代码：

def pageLoadTime = script("return window.performance.timing.loadEventEnd - window.performance.timing.navigationStart")

• 首次像素绘制时间（FP）：利用performance.getEntriesByType()提取浏览器的paint事件记录，示例：

def firstPaintTime = script("return window.performance.getEntriesByType('paint')[0].startTime")

• 站点响应性：可以捕获首次输入延迟（FID），或通过记录用户操作到元素响应的时间差来衡量交互响应速度：

def startTime = now()
click('#action-button')
waitFor('#result-element')
def responseLatency = now() - startTime

二、在UI测试中集成性能指标 #

1. 封装复用逻辑：将性能指标捕获步骤写成公共.feature片段，方便在多个测试用例中调用：

Scenario: 公共性能捕获步骤
    Given def capturePerformance = 
    """
    function() {
        let loadTime = window.performance.timing.loadEventEnd - window.performance.timing.navigationStart;
        let fpTime = window.performance.getEntriesByType('paint')[0].startTime;
        return { loadTime: loadTime, firstPaint: fpTime };
    }
    """
    And def metrics = script(capturePerformance)
    And print '性能指标:', metrics

2. 设置阈值校验：为指标添加断言，超出阈值时直接标记测试失败：

And match metrics.loadTime < 3500  // 要求页面加载时间不超过3.5秒
And match metrics.firstPaint < 1000  // 要求首次绘制时间不超过1秒

三、站点性能评分追踪 #

可以基于捕获的自定义指标生成简易评分体系，比如按权重计算综合性能分：

// 示例：简化版性能评分计算逻辑
def loadScore = metrics.loadTime < 2000 ? 100 : metrics.loadTime > 4000 ? 50 : 75
def fpScore = metrics.firstPaint < 800 ? 100 : metrics.firstPaint > 1500 ? 50 : 75
def responseScore = responseLatency < 500 ? 100 : responseLatency > 1000 ? 50 : 75
def overallScore = (loadScore * 0.4 + fpScore * 0.4 + responseScore * 0.2)
karate.write({ overallScore: overallScore, metrics: metrics }, 'site-performance-report.json')

测试完成后，可通过导出的JSON/CSV文件汇总多轮测试数据，追踪站点性能趋势与评分变化。

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