mirror of
https://github.com/servo/servo.git
synced 2025-08-06 14:10:11 +01:00
Update web-platform-tests to revision b'49287d0e660dd6704c508ef20c9d53c13aee296b'
This commit is contained in:
parent
94c4e1cd1a
commit
d2eeed132b
76 changed files with 7672 additions and 5893 deletions
|
@ -0,0 +1,32 @@
|
|||
<!DOCTYPE html>
|
||||
<link rel="help" href="https://w3c.github.io/csswg-drafts/css-text-4/#text-wrap">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<style>
|
||||
#container {
|
||||
width: 20ch;
|
||||
}
|
||||
.balance {
|
||||
text-wrap: balance;
|
||||
}
|
||||
</style>
|
||||
<div id="container"></div>
|
||||
<script>
|
||||
const container = document.getElementById('container');
|
||||
for (const text of [
|
||||
'Balancing should',
|
||||
'Balancing should not change',
|
||||
'Balancing should not change the number of lines.',
|
||||
]) {
|
||||
const normal = document.createElement('div');
|
||||
const balance = document.createElement('div');
|
||||
normal.textContent = text;
|
||||
balance.textContent = text;
|
||||
balance.classList.add('balance');
|
||||
container.appendChild(normal);
|
||||
container.appendChild(balance);
|
||||
test(() => {
|
||||
assert_equals(normal.offsetHeight, balance.offsetHeight);
|
||||
});
|
||||
}
|
||||
</script>
|
|
@ -0,0 +1,2 @@
|
|||
<!DOCTYPE html>
|
||||
<div style="width: 1px; text-wrap: balance">A</div>
|
|
@ -0,0 +1,70 @@
|
|||
<!DOCTYPE html>
|
||||
<link rel="help" href="https://w3c.github.io/csswg-drafts/css-text-4/#propdef-white-space">
|
||||
<link rel="help" href="https://w3c.github.io/csswg-drafts/css-text-4/#propdef-text-wrap">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<style>
|
||||
.balance {
|
||||
text-wrap: balance;
|
||||
}
|
||||
</style>
|
||||
<div id="balance" class="balance"></div>
|
||||
<script>
|
||||
test(() => {
|
||||
const target = document.getElementById('balance');
|
||||
assert_equals(getComputedStyle(target).textWrap, 'balance');
|
||||
}, "`text-wrap: balance` should be set");
|
||||
</script>
|
||||
|
||||
<style>
|
||||
#text-wrap-after-white-space {
|
||||
white-space: normal;
|
||||
text-wrap: balance;
|
||||
}
|
||||
</style>
|
||||
<div id="text-wrap-after-white-space"></div>
|
||||
<script>
|
||||
test(() => {
|
||||
const target = document.getElementById('text-wrap-after-white-space');
|
||||
assert_equals(getComputedStyle(target).textWrap, 'balance');
|
||||
}, "`text-wrap` should not be affected by previous `white-space`");
|
||||
</script>
|
||||
|
||||
<style>
|
||||
#white-space-after-text-wrap {
|
||||
text-wrap: balance;
|
||||
white-space: normal;
|
||||
}
|
||||
</style>
|
||||
<div id="white-space-after-text-wrap"></div>
|
||||
<script>
|
||||
test(() => {
|
||||
const target = document.getElementById('white-space-after-text-wrap');
|
||||
assert_equals(getComputedStyle(target).textWrap, 'wrap');
|
||||
}, "`white-space` should overwrite previous `text-wrap`");
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.normal {
|
||||
white-space: normal;
|
||||
}
|
||||
</style>
|
||||
<div class="normal">
|
||||
<div id="parent-white-space" class="balance"></div>
|
||||
</div>
|
||||
<script>
|
||||
test(() => {
|
||||
const target = document.getElementById('parent-white-space');
|
||||
assert_equals(getComputedStyle(target).textWrap, 'balance');
|
||||
}, "`text-wrap` should not be affected by `white-space` on the parent");
|
||||
</script>
|
||||
|
||||
<div class="balance">
|
||||
<div id="parent-text-wrap" class="normal"></div>
|
||||
</div>
|
||||
<script>
|
||||
test(() => {
|
||||
const target = document.getElementById('parent-text-wrap');
|
||||
assert_equals(getComputedStyle(target).textWrap, 'wrap');
|
||||
}, "`white-space` should overwrite `text-wrap` on the parent");
|
||||
</script>
|
Loading…
Add table
Add a link
Reference in a new issue