111 lines
4.2 KiB
JavaScript
111 lines
4.2 KiB
JavaScript
const storageModule = require('./storage.js')
|
|
const mediaViewer = require('./mediaviewer.js')
|
|
const templateEnvRow = document.querySelector('#template_environment_row')
|
|
const templateCollGroup = document.querySelector('#template_table-colgroup')
|
|
const templateResult = document.querySelector('#template_results-table__tbody')
|
|
const listHeader = document.querySelector('#template_results-table__head')
|
|
const listHeaderEmpty = document.querySelector('#template_results-table__head--empty')
|
|
|
|
function htmlToElements(html) {
|
|
const temp = document.createElement('template')
|
|
temp.innerHTML = html
|
|
return temp.content.childNodes
|
|
}
|
|
|
|
const find = (selector, elem) => {
|
|
if (!elem) {
|
|
elem = document
|
|
}
|
|
return elem.querySelector(selector)
|
|
}
|
|
|
|
const findAll = (selector, elem) => {
|
|
if (!elem) {
|
|
elem = document
|
|
}
|
|
return [...elem.querySelectorAll(selector)]
|
|
}
|
|
|
|
const dom = {
|
|
getStaticRow: (key, value) => {
|
|
const envRow = templateEnvRow.content.cloneNode(true)
|
|
const isObj = typeof value === 'object' && value !== null
|
|
const values = isObj ? Object.keys(value).map((k) => `${k}: ${value[k]}`) : null
|
|
|
|
const valuesElement = htmlToElements(
|
|
values ? `<ul>${values.map((val) => `<li>${val}</li>`).join('')}<ul>` : `<div>${value}</div>`)[0]
|
|
const td = findAll('td', envRow)
|
|
td[0].textContent = key
|
|
td[1].appendChild(valuesElement)
|
|
|
|
return envRow
|
|
},
|
|
getListHeader: ({ initialSort, resultsTableHeader }) => {
|
|
const header = listHeader.content.cloneNode(true)
|
|
const sortAttr = storageModule.getSort(initialSort)
|
|
const sortAsc = JSON.parse(storageModule.getSortDirection())
|
|
|
|
resultsTableHeader.forEach((html) => {
|
|
const t = document.createElement('template')
|
|
t.innerHTML = html
|
|
header.querySelector('#results-table-head > tr').appendChild(t.content)
|
|
})
|
|
|
|
header.querySelector(`.sortable[data-column-type="${sortAttr}"]`)?.classList.add(sortAsc ? 'desc' : 'asc')
|
|
|
|
return header
|
|
},
|
|
getListHeaderEmpty: () => listHeaderEmpty.content.cloneNode(true),
|
|
getColGroup: () => templateCollGroup.content.cloneNode(true),
|
|
getResultTBody: ({ testId, id, log, duration, extras, resultsTableRow, tableHtml, result, collapsed }) => {
|
|
const resultLower = result.toLowerCase()
|
|
const resultBody = templateResult.content.cloneNode(true)
|
|
resultBody.querySelector('tbody').classList.add(resultLower)
|
|
resultBody.querySelector('tbody').id = testId
|
|
resultBody.querySelector('.collapsible').dataset.id = id
|
|
|
|
resultsTableRow.forEach((html) => {
|
|
const t = document.createElement('template')
|
|
t.innerHTML = html
|
|
resultBody.querySelector('.collapsible').appendChild(t.content)
|
|
})
|
|
resultBody.querySelector('.collapsible > td')?.classList.add(`${collapsed ? 'expander' : 'collapser'}`)
|
|
|
|
if (log) {
|
|
// Wrap lines starting with "E" with span.error to color those lines red
|
|
const wrappedLog = log.replace(/^E.*$/gm, (match) => `<span class="error">${match}</span>`)
|
|
resultBody.querySelector('.log').innerHTML = wrappedLog
|
|
} else {
|
|
resultBody.querySelector('.log').remove()
|
|
}
|
|
|
|
if (collapsed) {
|
|
resultBody.querySelector('.extras-row').classList.add('hidden')
|
|
}
|
|
|
|
const media = []
|
|
extras?.forEach(({ name, format_type, content }) => {
|
|
if (['image', 'video'].includes(format_type)) {
|
|
media.push({ path: content, name, format_type })
|
|
}
|
|
|
|
if (format_type === 'html') {
|
|
resultBody.querySelector('.extraHTML').insertAdjacentHTML('beforeend', `<div>${content}</div>`)
|
|
}
|
|
})
|
|
mediaViewer.setUp(resultBody, media)
|
|
|
|
// Add custom html from the pytest_html_results_table_html hook
|
|
tableHtml?.forEach((item) => {
|
|
resultBody.querySelector('td[class="extra"]').insertAdjacentHTML('beforeend', item)
|
|
})
|
|
|
|
return resultBody
|
|
},
|
|
}
|
|
|
|
exports.dom = dom
|
|
exports.htmlToElements = htmlToElements
|
|
exports.find = find
|
|
exports.findAll = findAll
|