diff --git a/assets/js/load-chart.js b/assets/js/load-chart.js index c828b8bd6..04988088d 100644 --- a/assets/js/load-chart.js +++ b/assets/js/load-chart.js @@ -105,8 +105,7 @@ function setupChart () { const area_dropdown = document.getElementById('selected-area') const period_dropdown = document.getElementById('selected-period') const chart = new google.visualization.LineChart(node) - const AREA_SCORE_OFFSET = 3 - let all_scores + let score_data Object.keys(periodRanges).forEach(date => { const selector = document.createElement('option') @@ -116,7 +115,7 @@ function setupChart () { }) function update_chart () { - if (!all_scores) throw new Error('scores not loaded') + if (!score_data) throw new Error('scores not loaded') const area_index = +area_dropdown.value const chosen_period = period_dropdown.value const table = new google.visualization.DataTable() @@ -134,19 +133,18 @@ function setupChart () { table.addColumn('number', 'Subtests') table.addColumn({ type: 'string', role: 'tooltip', p: { html: true } }) - for (const scores_for_run of all_scores.scores) { - const area_score = scores_for_run[area_index + AREA_SCORE_OFFSET] - const [date_string, wpt_sha, browser_version] = scores_for_run - const date = parseDateString(date_string) + for (const run of score_data.runs) { + const area_score = run.scores[area_index] + const date = parseDateString(run.date) if (date < minDate) { continue } const row = [ date, area_score.total_score / area_score.total_tests, - toolTip(date, wpt_sha, browser_version, area_score), + toolTip(date, run.wpt_revision, run.servo_revision, area_score), area_score.total_subtests_passed / area_score.total_subtests, - toolTip(date, wpt_sha, browser_version, area_score) + toolTip(date, run.wpt_revision, run.servo_revision, area_score) ] table.addRow(row) } @@ -155,15 +153,15 @@ function setupChart () { fetchData .then(resp => resp.json()) - .then(scores => { - all_scores = scores - if (scores.scores.length < 60) { + .then(data => { + score_data = data + if (score_data.runs.length < 60) { options.hAxis.format = 'dd MMM YYYY' } else { options.hAxis.format = 'MMM YYYY' } - for (const [index, area] of scores.focus_areas.entries()) { + for (const [index, area] of score_data.focus_areas.entries()) { const selector = document.createElement('option') selector.value = index selector.textContent = area diff --git a/assets/js/load-table.js b/assets/js/load-table.js index 2b02bbdba..eeae951e7 100644 --- a/assets/js/load-table.js +++ b/assets/js/load-table.js @@ -1,7 +1,5 @@ const fetchData = fetch('https://wpt.servo.org/scores-last-run.json') -const AREA_SCORE_OFFSET = 3 - function removeChildren (parent) { while (parent.firstChild) { parent.removeChild(parent.firstChild) @@ -9,12 +7,12 @@ function removeChildren (parent) { return parent } -function update_table (scores) { +function update_table (data) { const score_table = document.getElementById('score-table-body') removeChildren(score_table) - for (const [idx, area] of scores.focus_areas.entries()) { - const area_score = scores.scores_last_run[idx + AREA_SCORE_OFFSET] + for (const [idx, area] of data.focus_areas.entries()) { + const area_score = data.last_run.scores[idx] const score = Math.floor(1000 * area_score.total_score / area_score.total_tests) / 10 const subtests = Math.floor(1000 * area_score.total_subtests_passed / area_score.total_subtests) / 10 score_table.insertAdjacentHTML( @@ -30,7 +28,5 @@ function update_table (scores) { fetchData .then(resp => resp.json()) - .then(scores => { - update_table(scores) - }) + .then(data => update_table(data))