javascript - 显示单元测试的图表

Question

我正在使用 PhantomJS 对我的网站的加载时间进行 headless 测试。我决定稍微修改一下PhantomJS示例测试loadspeed.js .

我的代码:

var page = require('webpage').create(),
    system = require('system'),
    t, address;

if (system.args.length === 1) {
    console.log('Usage: loadspeed.js <some URL>');
    phantom.exit(1);
} else {
    t = Date.now();
    address = system.args[1];
    page.open(address, function (status) {
        if (status !== 'success') {
            console.log('FAIL to load the address');
        } 
        else {
            t = Date.now() - t;
            console.log('Page title is ' + page.evaluate(function () {
                return document.title;
            }));
            //console.log('Loading time ' + t + ' msec');
            if(t>7000){
                console.log('Loading time was too long... ' + t + "msec");
                phantom.exit(1);
            }
            else{
                console.log('Loading time ' + t + ' msec');
            }
        }
        phantom.exit();
    });
}

我想做的是在 Jenkins 项目页面的图表上显示加载页面所需的时间(Time over build#)。

我知道如何通过让 phantom.exit() 返回 1 或 0 来退出来操纵构建通过/失败。

是否有任何插件可以执行此 js 测试所需的操作，或者需要添加到 loadspeed.js 中以将数据输出到图表中以供 Jenkins 在构建后执行？

Answer 1

您可以使用Jenkins Plot plugin - 存储每个构建的数据的最简单方法是将其写入构建工作区中的 csv 文件。