Make jpeg xl wpt reftests fit inside the wpt viewport.

tnikkel · moz-wptsync-bot · commit b562ad1be827 · 2026-04-20T09:08:03.000+01:00
Differential Revision: https://phabricator.services.mozilla.com/D294605 bugzilla-url: https://bugzilla.mozilla.org/show_bug.cgi?id=2032310 gecko-commit: 06b07b81fd38726cbc32a7411dfbe4c5828dc03c gecko-commit-git: 00fd2efa3502cd5985871908e356fa5b07b09738 gecko-reviewers: saschanaz
diff --git a/jpegxl/alpha-modular-reftest-ref.html b/jpegxl/alpha-modular-reftest-ref.html
@@ -1,3 +1,4 @@
 <!DOCTYPE html>
+<link rel="stylesheet" href="resources/jpegxl-reftest.css">
 
 <img src="resources/3x3a_srgb_lossless.png">
diff --git a/jpegxl/alpha-modular-reftest.html b/jpegxl/alpha-modular-reftest.html
@@ -2,5 +2,6 @@
 <link rel="help" href="https://github.com/web-platform-tests/interop-jpegxl">
 <link rel="match" href="alpha-modular-reftest-ref.html">
 <meta name="assert" content="Alpha-bearing modular JPEG XL decode should match PNG reference output.">
+<link rel="stylesheet" href="resources/jpegxl-reftest.css">
 
 <img src="resources/3x3a_srgb_lossless.jxl">
diff --git a/jpegxl/basic-decode-reftest-ref.html b/jpegxl/basic-decode-reftest-ref.html
@@ -1,3 +1,4 @@
 <!DOCTYPE html>
+<link rel="stylesheet" href="resources/jpegxl-reftest.css">
 
 <img src="resources/basic.png">
diff --git a/jpegxl/basic-decode-reftest.html b/jpegxl/basic-decode-reftest.html
@@ -2,5 +2,6 @@
 <link rel="help" href="https://github.com/web-platform-tests/interop-jpegxl">
 <link rel="match" href="basic-decode-reftest-ref.html">
 <meta name="assert" content="Minimal 1x1 JPEG XL decode should match PNG reference output.">
+<link rel="stylesheet" href="resources/jpegxl-reftest.css">
 
 <img src="resources/basic.jxl">
diff --git a/jpegxl/bitdepth-10bpc-reftest-ref.html b/jpegxl/bitdepth-10bpc-reftest-ref.html
@@ -1,3 +1,4 @@
 <!DOCTYPE html>
+<link rel="stylesheet" href="resources/jpegxl-reftest.css">
 
 <img src="resources/conformance_sunset_logo.png">
diff --git a/jpegxl/bitdepth-10bpc-reftest.html b/jpegxl/bitdepth-10bpc-reftest.html
@@ -2,5 +2,6 @@
 <link rel="help" href="https://github.com/web-platform-tests/interop-jpegxl">
 <link rel="match" href="bitdepth-10bpc-reftest-ref.html">
 <meta name="assert" content="10-bit JPEG XL decode should match PNG reference output.">
+<link rel="stylesheet" href="resources/jpegxl-reftest.css">
 
 <img src="resources/conformance_sunset_logo.jxl">
diff --git a/jpegxl/bitdepth-12bpc-reftest-ref.html b/jpegxl/bitdepth-12bpc-reftest-ref.html
@@ -1,3 +1,4 @@
 <!DOCTYPE html>
+<link rel="stylesheet" href="resources/jpegxl-reftest.css">
 
 <img src="resources/conformance_alpha_nonpremultiplied.png">
diff --git a/jpegxl/bitdepth-12bpc-reftest.html b/jpegxl/bitdepth-12bpc-reftest.html
@@ -3,5 +3,6 @@
 <link rel="match" href="bitdepth-12bpc-reftest-ref.html">
 <meta name="fuzzy" content="maxDifference=0-1; totalPixels=0-100000">
 <meta name="assert" content="12-bit JPEG XL decode should match PNG reference output.">
+<link rel="stylesheet" href="resources/jpegxl-reftest.css">
 
 <img src="resources/conformance_alpha_nonpremultiplied.jxl">
diff --git a/jpegxl/bitdepth-16bpc-reftest-ref.html b/jpegxl/bitdepth-16bpc-reftest-ref.html
@@ -1,3 +1,4 @@
 <!DOCTYPE html>
+<link rel="stylesheet" href="resources/jpegxl-reftest.css">
 
 <img src="resources/has_permutation.png">
diff --git a/jpegxl/bitdepth-16bpc-reftest.html b/jpegxl/bitdepth-16bpc-reftest.html
@@ -2,5 +2,6 @@
 <link rel="help" href="https://github.com/web-platform-tests/interop-jpegxl">
 <link rel="match" href="bitdepth-16bpc-reftest-ref.html">
 <meta name="assert" content="16-bit JPEG XL decode should match PNG reference output.">
+<link rel="stylesheet" href="resources/jpegxl-reftest.css">
 
 <img src="resources/has_permutation.jxl">
diff --git a/jpegxl/bitdepth-8bpc-reftest-ref.html b/jpegxl/bitdepth-8bpc-reftest-ref.html
@@ -1,3 +1,4 @@
 <!DOCTYPE html>
+<link rel="stylesheet" href="resources/jpegxl-reftest.css">
 
 <img src="resources/3x3_srgb_lossless.png">
diff --git a/jpegxl/bitdepth-8bpc-reftest.html b/jpegxl/bitdepth-8bpc-reftest.html
@@ -2,5 +2,6 @@
 <link rel="help" href="https://github.com/web-platform-tests/interop-jpegxl">
 <link rel="match" href="bitdepth-8bpc-reftest-ref.html">
 <meta name="assert" content="8-bit JPEG XL decode should match PNG reference output.">
+<link rel="stylesheet" href="resources/jpegxl-reftest.css">
 
 <img src="resources/3x3_srgb_lossless.jxl">
diff --git a/jpegxl/cmyk-basic-conversion-reftest-ref.html b/jpegxl/cmyk-basic-conversion-reftest-ref.html
@@ -1,3 +1,4 @@
 <!DOCTYPE html>
+<link rel="stylesheet" href="resources/jpegxl-reftest.css">
 
 <img src="resources/conformance_cmyk_layers.png">
diff --git a/jpegxl/cmyk-basic-conversion-reftest.html b/jpegxl/cmyk-basic-conversion-reftest.html
@@ -2,5 +2,6 @@
 <link rel="help" href="https://github.com/web-platform-tests/interop-jpegxl">
 <link rel="match" href="cmyk-basic-conversion-reftest-ref.html">
 <meta name="assert" content="CMYK JPEG XL conversion/rendering should match PNG reference output.">
+<link rel="stylesheet" href="resources/jpegxl-reftest.css">
 
 <img src="resources/conformance_cmyk_layers.jxl">
diff --git a/jpegxl/icc-uncommon-profile-reftest-ref.html b/jpegxl/icc-uncommon-profile-reftest-ref.html
@@ -1,3 +1,4 @@
 <!DOCTYPE html>
+<link rel="stylesheet" href="resources/jpegxl-reftest.css">
 
 <img src="resources/with_icc.png">
diff --git a/jpegxl/icc-uncommon-profile-reftest.html b/jpegxl/icc-uncommon-profile-reftest.html
@@ -2,5 +2,6 @@
 <link rel="help" href="https://github.com/web-platform-tests/interop-jpegxl">
 <link rel="match" href="icc-uncommon-profile-reftest-ref.html">
 <meta name="assert" content="JXL with uncommon ICC profile should match PNG reference output.">
+<link rel="stylesheet" href="resources/jpegxl-reftest.css">
 
 <img src="resources/with_icc.jxl">
diff --git a/jpegxl/jxl-art-basic-reftest-ref.html b/jpegxl/jxl-art-basic-reftest-ref.html
@@ -1,3 +1,4 @@
 <!DOCTYPE html>
+<link rel="stylesheet" href="resources/jpegxl-reftest.css">
 
 <img src="resources/issue648_palette0.png">
diff --git a/jpegxl/jxl-art-basic-reftest.html b/jpegxl/jxl-art-basic-reftest.html
@@ -2,5 +2,6 @@
 <link rel="help" href="https://github.com/web-platform-tests/interop-jpegxl">
 <link rel="match" href="jxl-art-basic-reftest-ref.html">
 <meta name="assert" content="Minimal art-like JXL codestream decode should match PNG reference output.">
+<link rel="stylesheet" href="resources/jpegxl-reftest.css">
 
 <img src="resources/issue648_palette0.jxl">
diff --git a/jpegxl/layers-basic-reftest-ref.html b/jpegxl/layers-basic-reftest-ref.html
@@ -1,3 +1,4 @@
 <!DOCTYPE html>
+<link rel="stylesheet" href="resources/jpegxl-reftest.css">
 
 <img src="resources/spline_on_first_frame.png">
diff --git a/jpegxl/layers-basic-reftest.html b/jpegxl/layers-basic-reftest.html
@@ -2,5 +2,6 @@
 <link rel="help" href="https://github.com/web-platform-tests/interop-jpegxl">
 <link rel="match" href="layers-basic-reftest-ref.html">
 <meta name="assert" content="Layered JXL codestream decode should match PNG reference output.">
+<link rel="stylesheet" href="resources/jpegxl-reftest.css">
 
 <img src="resources/spline_on_first_frame.jxl">
diff --git a/jpegxl/modular-lossless-reftest-ref.html b/jpegxl/modular-lossless-reftest-ref.html
@@ -1,3 +1,4 @@
 <!DOCTYPE html>
+<link rel="stylesheet" href="resources/jpegxl-reftest.css">
 
 <img src="resources/green_queen_modular_e3.png">
diff --git a/jpegxl/modular-lossless-reftest.html b/jpegxl/modular-lossless-reftest.html
@@ -2,5 +2,6 @@
 <link rel="help" href="https://github.com/web-platform-tests/interop-jpegxl">
 <link rel="match" href="modular-lossless-reftest-ref.html">
 <meta name="assert" content="Modular lossless JPEG XL decode should match PNG reference output.">
+<link rel="stylesheet" href="resources/jpegxl-reftest.css">
 
 <img src="resources/green_queen_modular_e3.jxl">
diff --git a/jpegxl/orientation-codestream-vs-exif-reftest-ref.html b/jpegxl/orientation-codestream-vs-exif-reftest-ref.html
@@ -1,3 +1,4 @@
 <!DOCTYPE html>
+<link rel="stylesheet" href="resources/jpegxl-reftest.css">
 
 <img src="resources/orientation6_rotate_90_cw.png">
diff --git a/jpegxl/orientation-codestream-vs-exif-reftest.html b/jpegxl/orientation-codestream-vs-exif-reftest.html
@@ -2,5 +2,6 @@
 <link rel="help" href="https://github.com/web-platform-tests/interop-jpegxl">
 <link rel="match" href="orientation-codestream-vs-exif-reftest-ref.html">
 <meta name="assert" content="Codestream orientation should be applied and match PNG reference output.">
+<link rel="stylesheet" href="resources/jpegxl-reftest.css">
 
 <img src="resources/orientation6_rotate_90_cw.jxl">
diff --git a/jpegxl/orientation-identity-reftest-ref.html b/jpegxl/orientation-identity-reftest-ref.html
@@ -1,3 +1,4 @@
 <!DOCTYPE html>
+<link rel="stylesheet" href="resources/jpegxl-reftest.css">
 
 <img src="resources/orientation1_identity.png">
diff --git a/jpegxl/orientation-identity-reftest.html b/jpegxl/orientation-identity-reftest.html
@@ -2,5 +2,6 @@
 <link rel="help" href="https://github.com/web-platform-tests/interop-jpegxl">
 <link rel="match" href="orientation-identity-reftest-ref.html">
 <meta name="assert" content="Identity orientation JPEG XL decode should match PNG reference output.">
+<link rel="stylesheet" href="resources/jpegxl-reftest.css">
 
 <img src="resources/orientation1_identity.jxl">
diff --git a/jpegxl/orientation-rotate-90-ccw-reftest-ref.html b/jpegxl/orientation-rotate-90-ccw-reftest-ref.html
@@ -1,3 +1,4 @@
 <!DOCTYPE html>
+<link rel="stylesheet" href="resources/jpegxl-reftest.css">
 
 <img src="resources/orientation8_rotate_90_ccw.png">
diff --git a/jpegxl/orientation-rotate-90-ccw-reftest.html b/jpegxl/orientation-rotate-90-ccw-reftest.html
@@ -2,5 +2,6 @@
 <link rel="help" href="https://github.com/web-platform-tests/interop-jpegxl">
 <link rel="match" href="orientation-rotate-90-ccw-reftest-ref.html">
 <meta name="assert" content="90-degree CCW orientation JPEG XL decode should match PNG reference output.">
+<link rel="stylesheet" href="resources/jpegxl-reftest.css">
 
 <img src="resources/orientation8_rotate_90_ccw.jxl">
diff --git a/jpegxl/progressive-dc-observable-reftest-ref.html b/jpegxl/progressive-dc-observable-reftest-ref.html
@@ -1,3 +1,4 @@
 <!DOCTYPE html>
+<link rel="stylesheet" href="resources/jpegxl-reftest.css">
 
 <img src="resources/progressive_ac.png">
diff --git a/jpegxl/progressive-dc-observable-reftest.html b/jpegxl/progressive-dc-observable-reftest.html
@@ -2,5 +2,6 @@
 <link rel="help" href="https://github.com/web-platform-tests/interop-jpegxl">
 <link rel="match" href="progressive-dc-observable-reftest-ref.html">
 <meta name="assert" content="Progressive JXL codestream decode should match PNG reference output.">
+<link rel="stylesheet" href="resources/jpegxl-reftest.css">
 
 <img src="resources/progressive_ac.jxl">
diff --git a/jpegxl/resources/jpegxl-reftest.css b/jpegxl/resources/jpegxl-reftest.css
@@ -0,0 +1,2 @@
+body { margin: 0; }
+img { display: block; max-width: 100vw; max-height: 100vh; }
diff --git a/jpegxl/vardct-large-blocks-reftest-ref.html b/jpegxl/vardct-large-blocks-reftest-ref.html
@@ -1,3 +1,4 @@
 <!DOCTYPE html>
+<link rel="stylesheet" href="resources/jpegxl-reftest.css">
 
 <img src="resources/green_queen_vardct_e3.png">
diff --git a/jpegxl/vardct-large-blocks-reftest.html b/jpegxl/vardct-large-blocks-reftest.html
@@ -2,5 +2,6 @@
 <link rel="help" href="https://github.com/web-platform-tests/interop-jpegxl">
 <link rel="match" href="vardct-large-blocks-reftest-ref.html">
 <meta name="assert" content="VarDCT larger image JXL decode should match PNG reference output.">
+<link rel="stylesheet" href="resources/jpegxl-reftest.css">
 
 <img src="resources/green_queen_vardct_e3.jxl">
diff --git a/jpegxl/vardct-small-blocks-reftest-ref.html b/jpegxl/vardct-small-blocks-reftest-ref.html
@@ -1,3 +1,4 @@
 <!DOCTYPE html>
+<link rel="stylesheet" href="resources/jpegxl-reftest.css">
 
 <img src="resources/8x8_noise.png">
diff --git a/jpegxl/vardct-small-blocks-reftest.html b/jpegxl/vardct-small-blocks-reftest.html
@@ -2,5 +2,6 @@
 <link rel="help" href="https://github.com/web-platform-tests/interop-jpegxl">
 <link rel="match" href="vardct-small-blocks-reftest-ref.html">
 <meta name="assert" content="VarDCT small block JXL decode should match PNG reference output.">
+<link rel="stylesheet" href="resources/jpegxl-reftest.css">
 
 <img src="resources/8x8_noise.jxl">
diff --git a/jpegxl/wide-gamut-adobe-rgb-ref.html b/jpegxl/wide-gamut-adobe-rgb-ref.html
@@ -1,3 +1,4 @@
 <!DOCTYPE html>
+<link rel="stylesheet" href="resources/jpegxl-reftest.css">
 
 <img src="resources/conformance_sunset_logo.png">
diff --git a/jpegxl/wide-gamut-adobe-rgb.html b/jpegxl/wide-gamut-adobe-rgb.html
@@ -5,4 +5,5 @@
 <meta name="assert" content="Adobe RGB JPEG XL rendering on an RGB display should match PNG reference output.">
 
 <!-- TODO(https://github.com/web-platform-tests/wpt/issues/44320): Add strict wide-gamut assertions once WPT has color-management infra support. -->
+<link rel="stylesheet" href="resources/jpegxl-reftest.css">
 <img src="resources/conformance_sunset_logo.jxl">

Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,4 @@`
`1`	`1`	`<!DOCTYPE html>`
	`2`	`+<link rel="stylesheet" href="resources/jpegxl-reftest.css">`
`2`	`3`
`3`	`4`	`<img src="resources/3x3a_srgb_lossless.png">`