Mirrors/servo
1
0
Fork 0
mirror of https://github.com/servo/servo.git synced 2025-08-08 06:55:31 +01:00
Code Issues Projects Releases Packages Wiki Activity

Update web-platform-tests to revision b'1d9b01e2fad6af3a057d571b1e088e15fa9bc8e6'

Browse source
This commit is contained in:
WPT Sync Bot 2023-04-07 01:27:34 +00:00
parent cfef75c99b
commit bb34f95b33
1683 changed files with 37170 additions and 4252 deletions
Download patch file Download diff file Expand all files Collapse all files

28
tests/wpt/web-platform-tests/css/css-text/white-space/pre-wrap-align-center-001.html Normal file
View file

@ -0,0 +1,28 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS Text test: white-space:pre-wrap vs text-align</title>
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2">
<meta name="assert" content="white-space at end of line must hang">
<link rel="match" href="reference/pre-wrap-align-center-001-ref.html">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
<style>
.test {
font: 20px Ahem, monospace;
width: 15ch;
border: 1px solid gray;
padding: 5px;
white-space: pre-wrap;
text-align: center;
}
</style>
</head>
<p>The text on each line should be neatly centered:</p>
<div class=test>one two three four five
six seven eight nine ten.
un deux trois quatre cinq
six sept huit neuf dix</div>

28
tests/wpt/web-platform-tests/css/css-text/white-space/pre-wrap-align-center-002.html Normal file
View file

@ -0,0 +1,28 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS Text test: white-space:pre-wrap vs text-align</title>
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2">
<meta name="assert" content="white-space at end of line must hang">
<link rel="match" href="reference/pre-wrap-align-center-002-ref.html">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
<style>
.test {
font: 20px Ahem, monospace;
width: 15ch;
border: 1px solid gray;
padding: 5px;
white-space: pre-wrap;
text-align: center;
}
</style>
</head>
<p>The text on each line should be neatly centered:</p>
<div class=test dir=rtl>one two three four five
six seven eight nine ten.
un deux trois quatre cinq
six sept huit neuf dix</div>

29
tests/wpt/web-platform-tests/css/css-text/white-space/pre-wrap-align-center-003.html Normal file
View file

@ -0,0 +1,29 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS Text test: white-space:pre-wrap vs text-align</title>
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2">
<meta name="assert" content="white-space at end of line must hang">
<link rel="match" href="reference/pre-wrap-align-center-003-ref.html">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
<style>
.test {
font: 20px Ahem, monospace;
width: 15ch;
border: 1px solid gray;
padding: 5px;
white-space: pre-wrap;
text-align: center;
unicode-bidi: bidi-override;
}
</style>
</head>
<p>The text on each line should be neatly centered:</p>
<div class=test dir=rtl>one two three four five
six seven eight nine ten.
un deux trois quatre cinq
six sept huit neuf dix</div>

28
tests/wpt/web-platform-tests/css/css-text/white-space/pre-wrap-align-end-001.html Normal file
View file

@ -0,0 +1,28 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS Text test: white-space:pre-wrap vs text-align</title>
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2">
<meta name="assert" content="white-space at end of line must hang">
<link rel="match" href="reference/pre-wrap-align-right-001-ref.html">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
<style>
.test {
font: 20px Ahem, monospace;
width: 15ch;
border: 1px solid gray;
padding: 5px;
white-space: pre-wrap;
text-align: end;
}
</style>
</head>
<p>The text on each line should be neatly right-aligned:</p>
<div class=test>one two three four five
six seven eight nine ten.
un deux trois quatre cinq
six sept huit neuf dix</div>

28
tests/wpt/web-platform-tests/css/css-text/white-space/pre-wrap-align-end-002.html Normal file
View file

@ -0,0 +1,28 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS Text test: white-space:pre-wrap vs text-align</title>
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2">
<meta name="assert" content="white-space at end of line must hang">
<link rel="match" href="reference/pre-wrap-align-left-002-ref.html">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
<style>
.test {
font: 20px Ahem, monospace;
width: 15ch;
border: 1px solid gray;
padding: 5px;
white-space: pre-wrap;
text-align: end;
}
</style>
</head>
<p>The text on each line should be neatly left-aligned:</p>
<div class=test dir=rtl>one two three four five
six seven eight nine ten.
un deux trois quatre cinq
six sept huit neuf dix</div>

29
tests/wpt/web-platform-tests/css/css-text/white-space/pre-wrap-align-end-003.html Normal file
View file

@ -0,0 +1,29 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS Text test: white-space:pre-wrap vs text-align</title>
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2">
<meta name="assert" content="white-space at end of line must hang">
<link rel="match" href="reference/pre-wrap-align-left-003-ref.html">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
<style>
.test {
font: 20px Ahem, monospace;
width: 15ch;
border: 1px solid gray;
padding: 5px;
white-space: pre-wrap;
text-align: end;
unicode-bidi: bidi-override;
}
</style>
</head>
<p>The text on each line should be neatly left-aligned:</p>
<div class=test dir=rtl>one two three four five
six seven eight nine ten.
un deux trois quatre cinq
six sept huit neuf dix</div>

28
tests/wpt/web-platform-tests/css/css-text/white-space/pre-wrap-align-left-001.html Normal file
View file

@ -0,0 +1,28 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS Text test: white-space:pre-wrap vs text-align</title>
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2">
<meta name="assert" content="white-space at end of line must hang">
<link rel="match" href="reference/pre-wrap-align-left-001-ref.html">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
<style>
.test {
font: 20px Ahem, monospace;
width: 15ch;
border: 1px solid gray;
padding: 5px;
white-space: pre-wrap;
text-align: left;
}
</style>
</head>
<p>The text on each line should be neatly left-aligned:</p>
<div class=test>one two three four five
six seven eight nine ten.
un deux trois quatre cinq
six sept huit neuf dix</div>

28
tests/wpt/web-platform-tests/css/css-text/white-space/pre-wrap-align-left-002.html Normal file
View file

@ -0,0 +1,28 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS Text test: white-space:pre-wrap vs text-align</title>
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2">
<meta name="assert" content="white-space at end of line must hang">
<link rel="match" href="reference/pre-wrap-align-left-002-ref.html">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
<style>
.test {
font: 20px Ahem, monospace;
width: 15ch;
border: 1px solid gray;
padding: 5px;
white-space: pre-wrap;
text-align: left;
}
</style>
</head>
<p>The text on each line should be neatly left-aligned:</p>
<div class=test dir=rtl>one two three four five
six seven eight nine ten.
un deux trois quatre cinq
six sept huit neuf dix</div>

29
tests/wpt/web-platform-tests/css/css-text/white-space/pre-wrap-align-left-003.html Normal file
View file

@ -0,0 +1,29 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS Text test: white-space:pre-wrap vs text-align</title>
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2">
<meta name="assert" content="white-space at end of line must hang">
<link rel="match" href="reference/pre-wrap-align-left-003-ref.html">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
<style>
.test {
font: 20px Ahem, monospace;
width: 15ch;
border: 1px solid gray;
padding: 5px;
white-space: pre-wrap;
text-align: left;
unicode-bidi: bidi-override;
}
</style>
</head>
<p>The text on each line should be neatly left-aligned:</p>
<div class=test dir=rtl>one two three four five
six seven eight nine ten.
un deux trois quatre cinq
six sept huit neuf dix</div>

28
tests/wpt/web-platform-tests/css/css-text/white-space/pre-wrap-align-right-001.html Normal file
View file

@ -0,0 +1,28 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS Text test: white-space:pre-wrap vs text-align</title>
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2">
<meta name="assert" content="white-space at end of line must hang">
<link rel="match" href="reference/pre-wrap-align-right-001-ref.html">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
<style>
.test {
font: 20px Ahem, monospace;
width: 15ch;
border: 1px solid gray;
padding: 5px;
white-space: pre-wrap;
text-align: right;
}
</style>
</head>
<p>The text on each line should be neatly right-aligned:</p>
<div class=test>one two three four five
six seven eight nine ten.
un deux trois quatre cinq
six sept huit neuf dix</div>

28
tests/wpt/web-platform-tests/css/css-text/white-space/pre-wrap-align-right-002.html Normal file
View file

@ -0,0 +1,28 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS Text test: white-space:pre-wrap vs text-align</title>
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2">
<meta name="assert" content="white-space at end of line must hang">
<link rel="match" href="reference/pre-wrap-align-right-002-ref.html">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
<style>
.test {
font: 20px Ahem, monospace;
width: 15ch;
border: 1px solid gray;
padding: 5px;
white-space: pre-wrap;
text-align: right;
}
</style>
</head>
<p>The text on each line should be neatly right-aligned:</p>
<div class=test dir=rtl>one two three four five
six seven eight nine ten.
un deux trois quatre cinq
six sept huit neuf dix</div>

29
tests/wpt/web-platform-tests/css/css-text/white-space/pre-wrap-align-right-003.html Normal file
View file

@ -0,0 +1,29 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS Text test: white-space:pre-wrap vs text-align</title>
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2">
<meta name="assert" content="white-space at end of line must hang">
<link rel="match" href="reference/pre-wrap-align-right-003-ref.html">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
<style>
.test {
font: 20px Ahem, monospace;
width: 15ch;
border: 1px solid gray;
padding: 5px;
white-space: pre-wrap;
text-align: right;
unicode-bidi: bidi-override;
}
</style>
</head>
<p>The text on each line should be neatly right-aligned:</p>
<div class=test dir=rtl>one two three four five
six seven eight nine ten.
un deux trois quatre cinq
six sept huit neuf dix</div>

28
tests/wpt/web-platform-tests/css/css-text/white-space/pre-wrap-align-start-001.html Normal file
View file

@ -0,0 +1,28 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS Text test: white-space:pre-wrap vs text-align</title>
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2">
<meta name="assert" content="white-space at end of line must hang">
<link rel="match" href="reference/pre-wrap-align-left-001-ref.html">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
<style>
.test {
font: 20px Ahem, monospace;
width: 15ch;
border: 1px solid gray;
padding: 5px;
white-space: pre-wrap;
text-align: start;
}
</style>
</head>
<p>The text on each line should be neatly left-aligned:</p>
<div class=test>one two three four five
six seven eight nine ten.
un deux trois quatre cinq
six sept huit neuf dix</div>

28
tests/wpt/web-platform-tests/css/css-text/white-space/pre-wrap-align-start-002.html Normal file
View file

@ -0,0 +1,28 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS Text test: white-space:pre-wrap vs text-align</title>
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2">
<meta name="assert" content="white-space at end of line must hang">
<link rel="match" href="reference/pre-wrap-align-right-002-ref.html">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
<style>
.test {
font: 20px Ahem, monospace;
width: 15ch;
border: 1px solid gray;
padding: 5px;
white-space: pre-wrap;
text-align: start;
}
</style>
</head>
<p>The text on each line should be neatly right-aligned:</p>
<div class=test dir=rtl>one two three four five
six seven eight nine ten.
un deux trois quatre cinq
six sept huit neuf dix</div>

29
tests/wpt/web-platform-tests/css/css-text/white-space/pre-wrap-align-start-003.html Normal file
View file

@ -0,0 +1,29 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS Text test: white-space:pre-wrap vs text-align</title>
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2">
<meta name="assert" content="white-space at end of line must hang">
<link rel="match" href="reference/pre-wrap-align-right-003-ref.html">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
<style>
.test {
font: 20px Ahem, monospace;
width: 15ch;
border: 1px solid gray;
padding: 5px;
white-space: pre-wrap;
text-align: start;
unicode-bidi: bidi-override;
}
</style>
</head>
<p>The text on each line should be neatly right-aligned:</p>
<div class=test dir=rtl>one two three four five
six seven eight nine ten.
un deux trois quatre cinq
six sept huit neuf dix</div>

28
tests/wpt/web-platform-tests/css/css-text/white-space/reference/pre-wrap-align-center-001-ref.html Normal file
View file

@ -0,0 +1,28 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS Text reference</title>
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
<style>
.test {
font: 20px Ahem, monospace;
width: 15ch;
border: 1px solid gray;
padding: 5px;
white-space: normal;
text-align: center;
}
</style>
</head>
<p>The text on each line should be neatly centered:</p>
<div class=test>one two three<br>
four five<br>
six seven eight<br>
nine ten.<br>
un deux trois<br>
quatre cinq<br>
six sept huit<br>
neuf dix</div>

29
tests/wpt/web-platform-tests/css/css-text/white-space/reference/pre-wrap-align-center-002-ref.html Normal file
View file

@ -0,0 +1,29 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS Text reference</title>
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
<style>
.test {
font: 20px Ahem, monospace;
width: 15ch;
border: 1px solid gray;
padding: 5px;
white-space: normal;
text-align: center;
}
</style>
</head>
<p>The text on each line should be neatly centered:</p>
<!-- testcase has dir=rtl -->
<div class=test>one two three<br>
four five<br>
six seven eight<br>
.nine ten<br>
un deux trois<br>
quatre cinq<br>
six sept huit<br>
neuf dix</div>

29
tests/wpt/web-platform-tests/css/css-text/white-space/reference/pre-wrap-align-center-003-ref.html Normal file
View file

@ -0,0 +1,29 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS Text reference</title>
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
<style>
.test {
font: 20px Ahem, monospace;
width: 15ch;
border: 1px solid gray;
padding: 5px;
white-space: normal;
text-align: center;
}
</style>
</head>
<p>The text on each line should be neatly centered:</p>
<!-- testcase has dir=rtl and bidi-override -->
<div class=test>eerht owt eno<br>
evif ruof<br>
thgie neves xis<br>
.net enin<br>
siort xued nu<br>
qnic ertauq<br>
tiuh tpes xis<br>
xid fuen</div>

28
tests/wpt/web-platform-tests/css/css-text/white-space/reference/pre-wrap-align-left-001-ref.html Normal file
View file

@ -0,0 +1,28 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS Text reference</title>
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
<style>
.test {
font: 20px Ahem, monospace;
width: 15ch;
border: 1px solid gray;
padding: 5px;
white-space: normal;
text-align: left;
}
</style>
</head>
<p>The text on each line should be neatly left-aligned:</p>
<div class=test>one two three<br>
four five<br>
six seven eight<br>
nine ten.<br>
un deux trois<br>
quatre cinq<br>
six sept huit<br>
neuf dix</div>

29
tests/wpt/web-platform-tests/css/css-text/white-space/reference/pre-wrap-align-left-002-ref.html Normal file
View file

@ -0,0 +1,29 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS Text reference</title>
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
<style>
.test {
font: 20px Ahem, monospace;
width: 15ch;
border: 1px solid gray;
padding: 5px;
white-space: normal;
text-align: left;
}
</style>
</head>
<p>The text on each line should be neatly left-aligned:</p>
<!-- testcase has dir=rtl -->
<div class=test>one two three<br>
four five<br>
six seven eight<br>
.nine ten<br>
un deux trois<br>
quatre cinq<br>
six sept huit<br>
neuf dix</div>

29
tests/wpt/web-platform-tests/css/css-text/white-space/reference/pre-wrap-align-left-003-ref.html Normal file
View file

@ -0,0 +1,29 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS Text reference</title>
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
<style>
.test {
font: 20px Ahem, monospace;
width: 15ch;
border: 1px solid gray;
padding: 5px;
white-space: normal;
text-align: left;
}
</style>
</head>
<p>The text on each line should be neatly left-aligned:</p>
<!-- testcase has dir=rtl and bidi-override -->
<div class=test>eerht owt eno<br>
evif ruof<br>
thgie neves xis<br>
.net enin<br>
siort xued nu<br>
qnic ertauq<br>
tiuh tpes xis<br>
xid fuen</div>

28
tests/wpt/web-platform-tests/css/css-text/white-space/reference/pre-wrap-align-right-001-ref.html Normal file
View file

@ -0,0 +1,28 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS Text reference</title>
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
<style>
.test {
font: 20px Ahem, monospace;
width: 15ch;
border: 1px solid gray;
padding: 5px;
white-space: normal;
text-align: right;
}
</style>
</head>
<p>The text on each line should be neatly right-aligned:</p>
<div class=test>one two three<br>
four five<br>
six seven eight<br>
nine ten.<br>
un deux trois<br>
quatre cinq<br>
six sept huit<br>
neuf dix</div>

29
tests/wpt/web-platform-tests/css/css-text/white-space/reference/pre-wrap-align-right-002-ref.html Normal file
View file

@ -0,0 +1,29 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS Text reference</title>
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
<style>
.test {
font: 20px Ahem, monospace;
width: 15ch;
border: 1px solid gray;
padding: 5px;
white-space: normal;
text-align: right;
}
</style>
</head>
<p>The text on each line should be neatly right-aligned:</p>
<!-- testcase has dir=rtl -->
<div class=test>one two three<br>
four five<br>
six seven eight<br>
.nine ten<br>
un deux trois<br>
quatre cinq<br>
six sept huit<br>
neuf dix</div>

29
tests/wpt/web-platform-tests/css/css-text/white-space/reference/pre-wrap-align-right-003-ref.html Normal file
View file

@ -0,0 +1,29 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS Text reference</title>
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
<style>
.test {
font: 20px Ahem, monospace;
width: 15ch;
border: 1px solid gray;
padding: 5px;
white-space: normal;
text-align: right;
}
</style>
</head>
<p>The text on each line should be neatly right-aligned:</p>
<!-- testcase has dir=rtl and bidi-override -->
<div class=test>eerht owt eno<br>
evif ruof<br>
thgie neves xis<br>
.net enin<br>
siort xued nu<br>
qnic ertauq<br>
tiuh tpes xis<br>
xid fuen</div>

70
tests/wpt/web-platform-tests/css/css-text/white-space/text-wrap-white-space-001.html
View file

@ -1,70 +0,0 @@
<!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>