feat: disable view all frames checkbox when viewing raw frames #38
thetutlagechecks.yml
on: push
Matrix: lint / lint
Matrix: test / test_linux
Matrix: test / test_windows
Matrix: typecheck / typecheck
Annotations
12 errors and 3 warnings
|
Templates / render error to HTML:
tests/templates.spec.ts#L54
Inline snapshot does not match:
- Expected
+ Received
"function showFormattedFrames(button) {
+ document.querySelector('#all-frames-toggle input[type=\"checkbox\"]').disabled = false
const parent = button.closest('section')
const formattedFrames = parent.querySelector('#stack-frames-formatted')
formattedFrames.classList.add('visible')
const rawFrames = parent.querySelector('#stack-frames-raw')
rawFrames.classList.remove('visible')
button.parentElement.querySelectorAll('button').forEach((btn) => btn.classList.remove('active'))
button.classList.add('active')
}
function showRawFrames(button) {
+ document.querySelector('#all-frames-toggle input[type=\"checkbox\"]').disabled = true
const parent = button.closest('section')
const formattedFrames = parent.querySelector('#stack-frames-formatted')
formattedFrames.classList.remove('visible')
const rawFrames = parent.querySelector('#stack-frames-raw')
rawFrames.classList.add('visible')
button.parentElement.querySelectorAll('button').forEach((btn) => btn.classList.remove('active'))
button.classList.add('active')
}
function toggleFrameSource(parent) {
if (parent.classList.contains('expanded')) {
parent.classList.remove('expanded')
} else {
parent.classList.add('expanded')
}
}
+ function toggleAllFrames() {
+ const wrapper = document.querySelector('#stack-frames-wrapper')
+ const indicator = document.querySelector('#all-frames-toggle input[type=\"checkbox\"]')
+ if (indicator.checked) {
+ wrapper.classList.add('display-all')
+ } else {
+ wrapper.classList.remove('display-all')
+ }
+ }
+
window.addEventListener('DOMContentLoaded', () => {
document.querySelector('#formatted-frames-toggle').addEventListener('click', function () {
showFormattedFrames(this)
})
document.querySelector('#raw-frames-toggle').addEventListener('click', function () {
showRawFrames(this)
})
+ document
+ .querySelector('#all-frames-toggle input[type=\"checkbox\"]')
+ .addEventListener('change', function () {
+ toggleAllFrames()
+ })
document.querySelectorAll('button[class=\"stack-frame-location\"]').forEach((sfl) => {
sfl.addEventListener('click', function (e) {
if (e.target.tagName === 'A') {
return
}
toggleFrameSource(e.target.closest('li'))
})
})
document.querySelectorAll('button[class=\"stack-frame-toggle-indicator\"]').forEach((sfl) => {
sfl.addEventListener('click', function (e) {
toggleFrameSource(e.target.closest('li'))
})
})
})"
|
|
test / test_linux (latest)
Process completed with exit code 1.
|
|
test / test_linux (lts/iron)
The job was canceled because "latest" failed.
|
|
Templates / render error to HTML:
tests/templates.spec.ts#L54
Inline snapshot does not match:
- Expected
+ Received
"function showFormattedFrames(button) {
+ document.querySelector('#all-frames-toggle input[type=\"checkbox\"]').disabled = false
const parent = button.closest('section')
const formattedFrames = parent.querySelector('#stack-frames-formatted')
formattedFrames.classList.add('visible')
const rawFrames = parent.querySelector('#stack-frames-raw')
rawFrames.classList.remove('visible')
button.parentElement.querySelectorAll('button').forEach((btn) => btn.classList.remove('active'))
button.classList.add('active')
}
function showRawFrames(button) {
+ document.querySelector('#all-frames-toggle input[type=\"checkbox\"]').disabled = true
const parent = button.closest('section')
const formattedFrames = parent.querySelector('#stack-frames-formatted')
formattedFrames.classList.remove('visible')
const rawFrames = parent.querySelector('#stack-frames-raw')
rawFrames.classList.add('visible')
button.parentElement.querySelectorAll('button').forEach((btn) => btn.classList.remove('active'))
button.classList.add('active')
}
function toggleFrameSource(parent) {
if (parent.classList.contains('expanded')) {
parent.classList.remove('expanded')
} else {
parent.classList.add('expanded')
}
}
+ function toggleAllFrames() {
+ const wrapper = document.querySelector('#stack-frames-wrapper')
+ const indicator = document.querySelector('#all-frames-toggle input[type=\"checkbox\"]')
+ if (indicator.checked) {
+ wrapper.classList.add('display-all')
+ } else {
+ wrapper.classList.remove('display-all')
+ }
+ }
+
window.addEventListener('DOMContentLoaded', () => {
document.querySelector('#formatted-frames-toggle').addEventListener('click', function () {
showFormattedFrames(this)
})
document.querySelector('#raw-frames-toggle').addEventListener('click', function () {
showRawFrames(this)
})
+ document
+ .querySelector('#all-frames-toggle input[type=\"checkbox\"]')
+ .addEventListener('change', function () {
+ toggleAllFrames()
+ })
document.querySelectorAll('button[class=\"stack-frame-location\"]').forEach((sfl) => {
sfl.addEventListener('click', function (e) {
if (e.target.tagName === 'A') {
return
}
toggleFrameSource(e.target.closest('li'))
})
})
document.querySelectorAll('button[class=\"stack-frame-toggle-indicator\"]').forEach((sfl) => {
sfl.addEventListener('click', function (e) {
toggleFrameSource(e.target.closest('li'))
})
})
})"
|
|
test / test_linux (lts/iron)
Process completed with exit code 1.
|
|
test / test_linux (lts/jod)
The job was canceled because "latest" failed.
|
|
Templates / render error to HTML:
tests/templates.spec.ts#L54
Inline snapshot does not match:
- Expected
+ Received
"function showFormattedFrames(button) {
+ document.querySelector('#all-frames-toggle input[type=\"checkbox\"]').disabled = false
const parent = button.closest('section')
const formattedFrames = parent.querySelector('#stack-frames-formatted')
formattedFrames.classList.add('visible')
const rawFrames = parent.querySelector('#stack-frames-raw')
rawFrames.classList.remove('visible')
button.parentElement.querySelectorAll('button').forEach((btn) => btn.classList.remove('active'))
button.classList.add('active')
}
function showRawFrames(button) {
+ document.querySelector('#all-frames-toggle input[type=\"checkbox\"]').disabled = true
const parent = button.closest('section')
const formattedFrames = parent.querySelector('#stack-frames-formatted')
formattedFrames.classList.remove('visible')
const rawFrames = parent.querySelector('#stack-frames-raw')
rawFrames.classList.add('visible')
button.parentElement.querySelectorAll('button').forEach((btn) => btn.classList.remove('active'))
button.classList.add('active')
}
function toggleFrameSource(parent) {
if (parent.classList.contains('expanded')) {
parent.classList.remove('expanded')
} else {
parent.classList.add('expanded')
}
}
+ function toggleAllFrames() {
+ const wrapper = document.querySelector('#stack-frames-wrapper')
+ const indicator = document.querySelector('#all-frames-toggle input[type=\"checkbox\"]')
+ if (indicator.checked) {
+ wrapper.classList.add('display-all')
+ } else {
+ wrapper.classList.remove('display-all')
+ }
+ }
+
window.addEventListener('DOMContentLoaded', () => {
document.querySelector('#formatted-frames-toggle').addEventListener('click', function () {
showFormattedFrames(this)
})
document.querySelector('#raw-frames-toggle').addEventListener('click', function () {
showRawFrames(this)
})
+ document
+ .querySelector('#all-frames-toggle input[type=\"checkbox\"]')
+ .addEventListener('change', function () {
+ toggleAllFrames()
+ })
document.querySelectorAll('button[class=\"stack-frame-location\"]').forEach((sfl) => {
sfl.addEventListener('click', function (e) {
if (e.target.tagName === 'A') {
return
}
toggleFrameSource(e.target.closest('li'))
})
})
document.querySelectorAll('button[class=\"stack-frame-toggle-indicator\"]').forEach((sfl) => {
sfl.addEventListener('click', function (e) {
toggleFrameSource(e.target.closest('li'))
})
})
})"
|
|
test / test_linux (lts/jod)
Process completed with exit code 1.
|
|
Templates / render error to HTML:
tests/templates.spec.ts#L54
Inline snapshot does not match:
- Expected
+ Received
"function showFormattedFrames(button) {
+ document.querySelector('#all-frames-toggle input[type=\"checkbox\"]').disabled = false
const parent = button.closest('section')
const formattedFrames = parent.querySelector('#stack-frames-formatted')
formattedFrames.classList.add('visible')
const rawFrames = parent.querySelector('#stack-frames-raw')
rawFrames.classList.remove('visible')
button.parentElement.querySelectorAll('button').forEach((btn) => btn.classList.remove('active'))
button.classList.add('active')
}
function showRawFrames(button) {
+ document.querySelector('#all-frames-toggle input[type=\"checkbox\"]').disabled = true
const parent = button.closest('section')
const formattedFrames = parent.querySelector('#stack-frames-formatted')
formattedFrames.classList.remove('visible')
const rawFrames = parent.querySelector('#stack-frames-raw')
rawFrames.classList.add('visible')
button.parentElement.querySelectorAll('button').forEach((btn) => btn.classList.remove('active'))
button.classList.add('active')
}
function toggleFrameSource(parent) {
if (parent.classList.contains('expanded')) {
parent.classList.remove('expanded')
} else {
parent.classList.add('expanded')
}
}
+ function toggleAllFrames() {
+ const wrapper = document.querySelector('#stack-frames-wrapper')
+ const indicator = document.querySelector('#all-frames-toggle input[type=\"checkbox\"]')
+ if (indicator.checked) {
+ wrapper.classList.add('display-all')
+ } else {
+ wrapper.classList.remove('display-all')
+ }
+ }
+
window.addEventListener('DOMContentLoaded', () => {
document.querySelector('#formatted-frames-toggle').addEventListener('click', function () {
showFormattedFrames(this)
})
document.querySelector('#raw-frames-toggle').addEventListener('click', function () {
showRawFrames(this)
})
+ document
+ .querySelector('#all-frames-toggle input[type=\"checkbox\"]')
+ .addEventListener('change', function () {
+ toggleAllFrames()
+ })
document.querySelectorAll('button[class=\"stack-frame-location\"]').forEach((sfl) => {
sfl.addEventListener('click', function (e) {
if (e.target.tagName === 'A') {
return
}
toggleFrameSource(e.target.closest('li'))
})
})
document.querySelectorAll('button[class=\"stack-frame-toggle-indicator\"]').forEach((sfl) => {
sfl.addEventListener('click', function (e) {
toggleFrameSource(e.target.closest('li'))
})
})
})"
|
|
test / test_windows (lts/iron)
Process completed with exit code 1.
|
|
test / test_windows (lts/jod)
The job was canceled because "lts_iron" failed.
|
|
test / test_windows (lts/jod)
The operation was canceled.
|
|
test / test_linux (latest)
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
|
typecheck / typecheck (latest)
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
|
lint / lint (latest)
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|