mirror of
https://github.com/LadybirdBrowser/ladybird
synced 2026-04-27 02:05:07 +02:00
Tests: Import WPT CSSOM tests about serialization
This is an area we're lacking in, so let's bring these in-tree to track them more easily. :^)
This commit is contained in:
committed by
Andreas Kling
parent
12442ca430
commit
2fc164c0b6
Notes:
github-actions[bot]
2024-11-30 10:03:37 +00:00
Author: https://github.com/AtkinsSJ Commit: https://github.com/LadybirdBrowser/ladybird/commit/2fc164c0b64 Pull-request: https://github.com/LadybirdBrowser/ladybird/pull/2638
@@ -0,0 +1,36 @@
|
||||
<!doctype html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSSOM - Serialization with variable preserves original serialization.</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-variables/#serializing-custom-props">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-variables/#variables-in-shorthands">
|
||||
<script src="../../resources/testharness.js"></script>
|
||||
<script src="../../resources/testharnessreport.js"></script>
|
||||
<div id="longhand-whitespace" style="font-size: var(--a);"></div>
|
||||
<div id="shorthand-whitespace" style="font: var(--a);"></div>
|
||||
<div id="longhand" style="font-size:var(--a);"></div>
|
||||
<div id="shorthand" style="font:var(--a);"></div>
|
||||
<script>
|
||||
test(function() {
|
||||
var elem = document.getElementById('longhand-whitespace');
|
||||
|
||||
assert_equals(elem.style.cssText, 'font-size: var(--a);');
|
||||
}, 'Longhand with variable preserves original serialization: with whitespace')
|
||||
|
||||
test(function() {
|
||||
var elem = document.getElementById('shorthand-whitespace');
|
||||
|
||||
assert_equals(elem.style.cssText, 'font: var(--a);');
|
||||
}, 'Shorthand with variable preserves original serialization: with whitespace')
|
||||
|
||||
test(function() {
|
||||
var elem = document.getElementById('longhand');
|
||||
|
||||
assert_equals(elem.style.cssText, 'font-size: var(--a);');
|
||||
}, 'Longhand with variable preserves original serialization but trims whitespace: without whitespace')
|
||||
|
||||
test(function() {
|
||||
var elem = document.getElementById('shorthand');
|
||||
|
||||
assert_equals(elem.style.cssText, 'font: var(--a);');
|
||||
}, 'Shorthand with variable preserves original serialization but trims whitespace: without whitespace')
|
||||
</script>
|
||||
Reference in New Issue
Block a user