mirror of
https://github.com/LadybirdBrowser/ladybird.git
synced 2025-07-27 19:29:52 +00:00
FIXME: Rendering modifications to a list is sometimes not pixel-perfect vs. reference (likely a bug). After this is fixed, screenshot tests from this commit will likely fail + can be moved to ref tests.
36 lines
880 B
HTML
36 lines
880 B
HTML
<!DOCTYPE html>
|
|
<head>
|
|
<link rel="match" href="../expected/ol-render-node-prepend-ref.html" />
|
|
</head>
|
|
<html class="reftest-wait">
|
|
<body>
|
|
<ol id="ol1">
|
|
<li>Two</li>
|
|
<li>Three</li>
|
|
</ol>
|
|
<ol id="ol2" reversed>
|
|
<li>Two</li>
|
|
<li>One</li>
|
|
</ol>
|
|
<script>
|
|
// Two nested requestAnimationFrame() calls to force code execution _after_ initial paint
|
|
requestAnimationFrame(() => {
|
|
requestAnimationFrame(() => {
|
|
const ol1 = document.getElementById("ol1");
|
|
const ol2 = document.getElementById("ol2");
|
|
|
|
const one = document.createElement("li");
|
|
one.innerHTML = "One";
|
|
|
|
const three = document.createElement("li");
|
|
three.innerHTML = "Three";
|
|
|
|
ol1.prepend( one );
|
|
ol2.prepend( three );
|
|
|
|
document.documentElement.classList.remove("reftest-wait");
|
|
});
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|