Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Add -test results to the panel #5

Open
wants to merge 3 commits into
base: master
Choose a base branch
from
Open

Add -test results to the panel #5

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
1d7ca47
Add -test results to the panel
yzgyyang Nov 27, 2020
fda18cd
Use side-by-side layout
yzgyyang Dec 4, 2020
7d98bc5
Add a second level of header and cleanup code
yzgyyang Dec 4, 2020
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions example.json
View file
Open in desktop

Large diffs are not rendered by default.

19 changes: 19 additions & 0 deletions json-server.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,19 @@
var http = require('http');
var fs = require('fs');
var path = require('path');

http.createServer(function(req, res) {
var filePath = path.join(__dirname, 'example.json');
var stat = fs.statSync(filePath);

res.writeHead(200, {
'Content-Type': 'application/json',
'Content-Length': stat.size,
'Access-Control-Allow-Origin': '*',
'Access-Control-Allow-Headers': 'Origin, X-Requested-With, Content-Type, Accept, Authorization'
});

var readStream = fs.createReadStream(filePath);
readStream.pipe(res);
})
.listen(8000);
0 server.js → proxy-server.js
View file
Open in desktop
File renamed without changes.
177 changes: 130 additions & 47 deletions script.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,11 +4,30 @@
* Refer to LICENSE
*/


// global options

var RUN_ENV = 'local' // one of ['local', 'stage', 'prod']


// configurations

var JENKINS_URL = 'https://ci.freebsd.org';
var PAYLOAD_URL = '/view/FreeBSD/api/json?tree=jobs[name,lastCompletedBuild[result,timestamp,url,description],lastSuccessfulBuild[result,timestamp,url,description]]';

if (RUN_ENV === 'local') {
JENKINS_URL = 'http://localhost:8000';
} else if (RUN_ENV === 'stage') {
JENKINS_URL = 'https://people.freebsd.org/~ygy/tinderbox';
PAYLOAD_URL = '/example.json';
}


// utility functions

function getJSON(path, callback) {
var xmlhttp = new XMLHttpRequest();
// var url = "origin" + path;
var url = JENKINS_URL + path;

xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
Expand Down Expand Up @@ -52,58 +71,89 @@ var _td_ = document.createElement('td');
var _br_ = document.createElement('br');
var _span_ = document.createElement('span');

// generates an info block for build/test info
function generateInfoBlock(td, job) {
// last build time and status
var info = _span_.cloneNode(false);
info.setAttribute('class', job.lastCompletedBuild.result.toLowerCase());
var lastCompletedBuildDate = new Date(job.lastCompletedBuild.timestamp);
info.appendChild(document.createTextNode([
lastCompletedBuildDate.getUTCFullYear(),
twoDigits(lastCompletedBuildDate.getUTCMonth() + 1),
twoDigits(lastCompletedBuildDate.getUTCDate())
].join('-')));
info.appendChild(_br_.cloneNode(false));
info.appendChild(document.createTextNode(
twoDigits(lastCompletedBuildDate.getUTCHours()) + ':' +
twoDigits(lastCompletedBuildDate.getUTCMinutes()) + ' UTC'
));
td.appendChild(info);
td.appendChild(_br_.cloneNode(false));

// SVN revision number
var revision = document.createElement('i');
revision.appendChild(document.createTextNode(job.lastCompletedBuild.description || 'unknown revision'));
td.appendChild(revision);
td.appendChild(_br_.cloneNode(false));

var links = _span_.cloneNode(false);
links.setAttribute('class', 'tiny');
if (job.lastCompletedBuild.result === 'FAILURE') {
var failingSince = document.createElement('i');
failingSince.appendChild(document.createTextNode(
'(failing since ' + (job.lastSuccessfulBuild ? (job.lastSuccessfulBuild.description || 'n/a') : 'n/a') + ')'
));
td.appendChild(failingSince);
td.appendChild(_br_.cloneNode(false));

// link to full jenkins job detail
var lastSuccessful = document.createElement('a');
lastSuccessful.setAttribute('href', job.lastSuccessfulBuild ? job.lastSuccessfulBuild.url : '#');
lastSuccessful.appendChild(document.createTextNode('last successful build'));
links.appendChild(lastSuccessful);
links.appendChild(document.createTextNode(' | '));
}

// link to details
var href = document.createElement('a');
href.setAttribute('href', job.lastCompletedBuild.url);
href.appendChild(document.createTextNode('details'));
links.appendChild(href);
td.appendChild(links);
td.appendChild(_br_.cloneNode(false));
}

// generates a table with two columns and no borderlines
// to use inside the main table
function generateInnerTable(td1, td2) {
var table = _table_.cloneNode(false);
var tbody = document.createElement('tbody');
var tr = _tr_.cloneNode(false);
td1.setAttribute('class', 'inner');
td2.setAttribute('class', 'inner');
tr.appendChild(td1);
tr.appendChild(td2);
tbody.appendChild(tr);
table.appendChild(tbody);
return table;
}

// generates a formatted cell, with two designs based
// on whether the build succeeded or failed
function generateFormattedCell(job) {
var td = _td_.cloneNode(false);

if (job && job.lastCompletedBuild) {
// last build time and status
var info = _span_.cloneNode(false);
info.setAttribute('class', job.lastCompletedBuild.result.toLowerCase());
var lastCompletedBuildDate = new Date(job.lastCompletedBuild.timestamp);
info.appendChild(document.createTextNode([
lastCompletedBuildDate.getUTCFullYear(),
twoDigits(lastCompletedBuildDate.getUTCMonth() + 1),
twoDigits(lastCompletedBuildDate.getUTCDate())
].join('-')));
info.appendChild(_br_.cloneNode(false));
info.appendChild(document.createTextNode(
twoDigits(lastCompletedBuildDate.getUTCHours()) + ':' +
twoDigits(lastCompletedBuildDate.getUTCMinutes()) + ' UTC'
));
td.appendChild(info);
td.appendChild(_br_.cloneNode(false));

// SVN revision number
var revision = document.createElement('i');
revision.appendChild(document.createTextNode(job.lastCompletedBuild.description || 'unknown revision'));
td.appendChild(revision);
td.appendChild(_br_.cloneNode(false));
if (job.lastCompletedBuild.result !== 'SUCCESS') {
var failingSince = document.createElement('i');
failingSince.appendChild(document.createTextNode(
'(failing since ' + (job.lastSuccessfulBuild ? (job.lastSuccessfulBuild.description || 'n/a') : 'n/a') + ')'
));
td.appendChild(failingSince);
td.appendChild(_br_.cloneNode(false));
var td1 = _td_.cloneNode(false);
var td2 = _td_.cloneNode(false);
generateInfoBlock(td1, job);
if (job.testResult) {
generateInfoBlock(td2, job.testResult);
} else {
td2.appendChild(document.createTextNode('-'));
}

// link to full jenkins job detail
var links = _span_.cloneNode(false);
links.setAttribute('class', 'tiny');
if (job.lastCompletedBuild.result !== 'SUCCESS') {
var lastSuccessful = document.createElement('a');
lastSuccessful.setAttribute('href', job.lastSuccessfulBuild ? job.lastSuccessfulBuild.url : '#');
lastSuccessful.appendChild(document.createTextNode('last successful build'));
links.appendChild(lastSuccessful);
links.appendChild(document.createTextNode(' | '));
}
var href = document.createElement('a');
href.setAttribute('href', job.lastCompletedBuild.url);
href.appendChild(document.createTextNode('details'));
links.appendChild(href);
td.appendChild(links);
var innerTable = generateInnerTable(td1, td2);
td.appendChild(innerTable);
} else {
td.appendChild(document.createTextNode('-'));
}
Expand All @@ -128,6 +178,14 @@ function generateTable(tableData) {
var th = _th_.cloneNode(false);
th.setAttribute('scope', 'col');
th.appendChild(document.createTextNode(c));

var td1 = _td_.cloneNode(false);
var td2 = _td_.cloneNode(false);
td1.appendChild(document.createTextNode('Build'));
td2.appendChild(document.createTextNode('Test'));
var innerTable = generateInnerTable(td1, td2)

th.appendChild(innerTable);
columnHeaders.appendChild(th);
});
thead.appendChild(columnHeaders);
Expand Down Expand Up @@ -158,8 +216,27 @@ function generateTable(tableData) {
document.body.appendChild(table);
}

getJSON('/view/FreeBSD/api/json?tree=jobs[name,lastCompletedBuild[result,timestamp,url,description],lastSuccessfulBuild[result,timestamp,url,description]]', function(data) {
getJSON(PAYLOAD_URL, function(data) {
var testData = {};
var tableData = {};

// -test
data.jobs.forEach(function(job) {
// e.g. 1. FreeBSD-stable-11-aarch64-test
// e.g. 2. FreeBSD-head-aarch64-test
var splitName = job.name.split('-');
if (splitName.shift() === 'FreeBSD' && splitName.pop() === 'test') {
// splitName contains version-[number-]arch
var arch = splitName.pop();
var version = splitName.join('/');
if (!testData[arch]) {
testData[arch] = {_order: getVersionOrder(splitName)};
}
testData[arch][version] = job;
}
});

// -build
data.jobs.forEach(function(job) {
// e.g. 1. FreeBSD-stable-10-amd64-build
// e.g. 2. FreeBSD-head-amd64-build
Expand All @@ -171,10 +248,16 @@ getJSON('/view/FreeBSD/api/json?tree=jobs[name,lastCompletedBuild[result,timesta
if (!tableData[arch]) {
tableData[arch] = {_order: getVersionOrder(splitName)};
}
if (testData[arch] && testData[arch][version]) {
job['testResult'] = testData[arch][version];
}
tableData[arch][version] = job;
}
});

if (RUN_ENV === 'local' || RUN_ENV === 'stage') {
document.body.appendChild(document.createTextNode("You are viewing a static (preview) version of the site on " + RUN_ENV +'.'));
}
generateTable(tableData);
document.body.appendChild(document.createTextNode("Last updated: " + new Date()));
});
21 changes: 17 additions & 4 deletions style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -17,13 +17,26 @@ table {
}

tr { border: none; }
th { background-color: #eeeeff; }
td { border: grey 1px solid; }

td, th {
width: 18ex;
th {
background-color: #eeeeff;
text-align: center;
padding: 3pt;
position: sticky;
top: 0px;
}

td.inner {
width: 16ex;
padding: 1pt;
border: none;
}

td {
width: 32ex;
text-align: center;
padding: 4pt;
border: grey 1px solid;
}

i {
Expand Down