ladybird/Tests/LibWeb/Ref/input/css/css-counter/counter-multiple-changes-1.html
Manuel Zahariev f972342c27
Some checks are pending
CI / Lagom (arm64, Sanitizer_CI, false, macOS, macos-15, Clang) (push) Waiting to run
CI / Lagom (x86_64, Fuzzers_CI, false, Linux, blacksmith-16vcpu-ubuntu-2404, Clang) (push) Waiting to run
CI / Lagom (x86_64, Sanitizer_CI, false, Linux, blacksmith-16vcpu-ubuntu-2404, GNU) (push) Waiting to run
CI / Lagom (x86_64, Sanitizer_CI, true, Linux, blacksmith-16vcpu-ubuntu-2404, Clang) (push) Waiting to run
Package the js repl as a binary artifact / build-and-package (arm64, macOS, macOS-arm64, macos-15) (push) Waiting to run
Package the js repl as a binary artifact / build-and-package (x86_64, Linux, Linux-x86_64, blacksmith-8vcpu-ubuntu-2404) (push) Waiting to run
Run test262 and test-wasm / run_and_update_results (push) Waiting to run
Lint Code / lint (push) Waiting to run
Label PRs with merge conflicts / auto-labeler (push) Waiting to run
Push notes / build (push) Waiting to run
LibWeb/CSS: Unit tests for changes to counter definitions
2025-06-03 03:51:42 +02:00

34 lines
1.1 KiB
HTML

<!DOCTYPE html>
<html class="reftest-wait">
<link rel="match" href="../../../expected/css/css-counter/counter-multiple-changes-1-ref.html" />
<style>
div > div::before { content: counter(item) ': '; }
.Res4 { counter-reset: item 4; }
.Inc1 { counter-increment: item; }
.Set8 { counter-set: item 8; }
</style>
<div id='zero' class='Res4'>
<div id='one' class='Inc1'>Zero</div>
<div id='two' class='Inc1'>Zero</div>
<div id='eight' class='Set8'>Zero</div>
<div id='nine' >One</div>
</div>
<script>
// Two nested requestAnimationFrame() calls to force code execution _after_ initial paint
requestAnimationFrame(() => {
requestAnimationFrame(() => {
document.getElementById('zero' ).classList.toggle('Res4');
document.getElementById('one' ).classList.toggle('Inc1');
document.getElementById('two' ).classList.toggle('Inc1');
document.getElementById('eight').classList.toggle('Set8');
document.getElementById('nine' ).classList.toggle('Inc1');
document.documentElement.classList.remove("reftest-wait");
});
});
</script>
</html>