1
0
mirror of https://github.com/trezor/trezor-firmware.git synced 2024-12-17 20:08:12 +00:00
trezor-firmware/tests/ui_tests/reporting/testreport.js
2024-03-20 16:54:50 +01:00

226 lines
6.2 KiB
JavaScript

function refreshMarkStates() {
for (let tr of document.body.querySelectorAll("tr[data-actual-hash]")) {
let mark = window.localStorage.getItem(itemKeyFromIndexEntry(tr))
tr.className = mark || ""
}
}
function itemKeyFromOneTest() {
if (document.body.dataset.index)
throw new Error("itemKeyFromOneTest() called on index")
if (!document.body.dataset.actualHash)
throw new Error("itemKeyFromOneTest() called on no actualHash")
return window.location.href + "+" + document.body.dataset.actualHash
}
function itemKeyFromIndexEntry(entry) {
let a = entry.querySelector("a")
return a.href + "+" + entry.dataset.actualHash
}
async function markState(state) {
if (state === 'update') {
let lastIndex = decodeURIComponent(window.location.href).split("/").reverse()[0].lastIndexOf(".")
let stem = decodeURIComponent(window.location.href).split("/").reverse()[0].slice(0, lastIndex)
await fetch('http://localhost:8000/fixtures.json', {
method: 'POST',
headers: {
'Accept': 'application/json',
'Content-Type': 'application/json'
},
body: JSON.stringify({
"test": stem,
"hash": document.body.dataset.actualHash
})
})
window.localStorage.setItem(itemKeyFromOneTest(), 'ok')
} else {
window.localStorage.setItem(itemKeyFromOneTest(), state)
}
if (window.nextHref) {
window.location.assign(window.nextHref)
} else {
window.close()
}
}
function resetState(whichState) {
function shouldReset(value) {
if (value === whichState) return true
if (whichState !== "all") return false
return (value === "bad" || value === "ok")
}
let keysToReset = []
for (let i = 0; i < window.localStorage.length; ++i) {
let key = window.localStorage.key(i)
let value = window.localStorage.getItem(key)
if (shouldReset(value)) keysToReset.push(key)
}
for (let key of keysToReset) {
window.localStorage.removeItem(key)
}
refreshMarkStates()
}
function findNextForHref(doc, href) {
let foundIt = false;
for (let tr of doc.body.querySelectorAll("tr")) {
if (!tr.dataset.actualHash) continue
let a = tr.querySelector("a")
if (!a) continue
if (foundIt) return a.href
else if (a.href === href) foundIt = true
}
}
function openLink(ev) {
if (ev.button !== 0 || ev.ctrlKey || ev.metaKey || ev.shiftKey || ev.altKey) {
// let everything but unmodified left clicks through
return true;
}
// capture other clicks
ev.preventDefault()
let href = ev.target.href
window.open(href)
}
function onLoadIndex() {
document.getElementById("file-hint").hidden = true
for (let a of document.body.querySelectorAll("a[href]")) {
a.onclick = openLink
a.onauxclick = openLink
}
document.body.classList.add("novisit")
window.onstorage = refreshMarkStates
refreshMarkStates()
}
function onLoadTestCase() {
if (window.opener) {
window.nextHref = findNextForHref(window.opener.document, window.location.href)
if (window.nextHref) {
markbox = document.getElementById("markbox")
par = document.createElement("p")
par.append("and proceed to ")
a = document.createElement("a")
a.append("next case")
a.href = window.nextHref
a.onclick = ev => {
console.log("on click")
ev.preventDefault()
window.location.assign(window.nextHref)
}
par.append(a)
markbox.append(par)
}
} else {
window.nextHref = null
}
}
function onLoad() {
if (window.location.protocol === "file") return
for (let elem of document.getElementsByClassName("script-hidden")) {
elem.classList.remove("script-hidden")
}
// Comes from create-gif.js, which is loaded in the final HTML
// Do it only in case of individual tests (which have "UI comparison" written on page),
// not on the main `index.html` page nor on `differing_screens.html` or other screen pages.
if (document.body.textContent.includes("UI comparison")) {
createGif()
}
if (document.body.dataset.index) {
onLoadIndex()
} else {
// TODO: this is triggering some exception in console:
// Uncaught DOMException: Permission denied to access property "document" on cross-origin object
onLoadTestCase()
}
}
var module = {};
function getImageData(image) {
// Get original image size
const width = image.naturalWidth;
const height = image.naturalHeight;
// Create 2D canvas
let canvas = document.createElement('canvas');
canvas.width = width;
canvas.height = height;
let context = canvas.getContext("2d");
// Draw the image
context.drawImage(image, 0, 0);
// Return image raw data
return context.getImageData(0, 0, width, height);
}
function imageLoaded(img) {
let row = img.closest("tr");
createRowDiff(row);
}
function createRowDiff(row) {
// Find an element with recorded image
recImg = row.querySelector("td:nth-child(1) > img");
// Find an element with the current image
curImg = row.querySelector("td:nth-child(2) > img");
// Skip if we haven't found two images
if (recImg == null || curImg == null) {
return;
}
// Get images's raw data
recData = getImageData(recImg);
curData = getImageData(curImg);
const width = recImg.naturalWidth;
const height = recImg.naturalHeight;
// Create canvas for diff result
let difImg = document.createElement('canvas')
difImg.width = width;
difImg.height = height;
let difCtx = difImg.getContext("2d")
// Process differences
const difData = difCtx.createImageData(width, height);
options = {threshold: 0.0, includeAA: true};
pixelmatch(recData.data, curData.data, difData.data, width, height, options);
difCtx.putImageData(difData, 0, 0);
// Put the result into the 3rd column
row.querySelector("td:nth-child(3)").replaceChildren(difImg)
}
window.onload = onLoad