exlim/cyberchef
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Move CSS to stylesheet and add test

Browse Source
This commit is contained in:
C85297 2026-06-15 09:35:07 +01:00
parent 09a1adbc2d
commit 6f9cf214e4
No known key found for this signature in database
3 changed files with 24 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/core/operations/RenderImage.mjs
View File

@ -104,8 +104,7 @@ class RenderImage extends Operation {
// Add image data to URI
dataURI += "base64," + toBase64(data);
// style tag for image responsiveness
return "<img src='" + dataURI + "' style='max-width:100%;max-height:100vh;display:block;margin:auto;' alt='Rendered image'>";
return "<img src='" + dataURI + "' alt='Rendered image'>";
}
}

8
src/web/stylesheets/layout/_io.css
View File

@ -24,6 +24,14 @@
height: 100%;
user-select: auto;
}
#output-html > img {
display: block;
max-width: 100%;
max-height: 100%;
margin: auto;
}
#output-text.html-output .cm-line .cm-widgetBuffer,
#output-text.html-output .cm-line>br {
display: none;

15
tests/browser/02_ops.js
View File

@ -473,6 +473,21 @@ function testOpImage(browser, opName, filename, args=[]) {
browser
.waitForElementVisible("#output-html img")
.expect.element("#output-html img").to.have.css("width").which.matches(/^[^0]\d*px/);
browser.execute(function() {
const output = document.getElementById("output-html");
const img = output.querySelector("img");
const outputRect = output.getBoundingClientRect();
const imgRect = img.getBoundingClientRect();
return {
imageFitsWidth: imgRect.width <= outputRect.width,
imageFitsHeight: imgRect.height <= outputRect.height,
};
}, [], function({value}) {
browser.expect(value.imageFitsWidth).to.be.equal(true);
browser.expect(value.imageFitsHeight).to.be.equal(true);
});
}
/** @function