summaryrefslogtreecommitdiffstats
path: root/remote/test/puppeteer/test/assets/grid.html
diff options
context:
space:
mode:
authorDaniel Baumann <daniel.baumann@progress-linux.org>2024-04-19 00:47:55 +0000
committerDaniel Baumann <daniel.baumann@progress-linux.org>2024-04-19 00:47:55 +0000
commit26a029d407be480d791972afb5975cf62c9360a6 (patch)
treef435a8308119effd964b339f76abb83a57c29483 /remote/test/puppeteer/test/assets/grid.html
parentInitial commit. (diff)
downloadfirefox-26a029d407be480d791972afb5975cf62c9360a6.tar.xz
firefox-26a029d407be480d791972afb5975cf62c9360a6.zip
Adding upstream version 124.0.1.upstream/124.0.1
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'remote/test/puppeteer/test/assets/grid.html')
-rw-r--r--remote/test/puppeteer/test/assets/grid.html51
1 files changed, 51 insertions, 0 deletions
diff --git a/remote/test/puppeteer/test/assets/grid.html b/remote/test/puppeteer/test/assets/grid.html
new file mode 100644
index 0000000000..437193573d
--- /dev/null
+++ b/remote/test/puppeteer/test/assets/grid.html
@@ -0,0 +1,51 @@
+<script>
+document.addEventListener('DOMContentLoaded', function() {
+ function generatePalette(amount) {
+ var result = [];
+ var hueStep = 360 / amount;
+ for (var i = 0; i < amount; ++i)
+ result.push('hsl(' + (hueStep * i) + ', 100%, 90%)');
+ return result;
+ }
+
+ var palette = generatePalette(100);
+ for (var i = 0; i < 200; ++i) {
+ var box = document.createElement('div');
+ box.classList.add('box');
+ box.style.setProperty('background-color', palette[i % palette.length]);
+ var x = i;
+ do {
+ var digit = x % 10;
+ x = (x / 10)|0;
+ var img = document.createElement('img');
+ img.src = `./digits/${digit}.png`;
+ box.insertBefore(img, box.firstChild);
+ } while (x);
+ document.body.appendChild(box);
+ }
+});
+</script>
+
+<style>
+
+:root {
+ scrollbar-width: none;
+}
+
+body {
+ margin: 0;
+ padding: 0;
+}
+
+.box {
+ font-family: arial;
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ margin: 0;
+ padding: 0;
+ width: 50px;
+ height: 50px;
+ box-sizing: border-box;
+ border: 1px solid darkgray;
+}