mirror of
https://github.com/servo/servo.git
synced 2025-10-04 02:29:12 +01:00
Update web-platform-tests to revision e15b5ebba7465e09bcda2962f6758cddcdcfa248
This commit is contained in:
WPT Sync Bot
parent
68e55ead42
commit
3eaee747ed
214 changed files with 4692 additions and 245 deletions
|
|
@ -0,0 +1,9 @@
|
|||
<!DOCTYPE html>
|
||||
<title>Auto margin-top and margin-bottom, non-auto everything else</title>
|
||||
<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
|
||||
<link rel="help" href="https://www.w3.org/TR/CSS22/visudet.html#abs-non-replaced-height">
|
||||
<link rel="match" href="../../reference/ref-filled-green-100px-square.xht">
|
||||
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
||||
<div style="position:relative; width:100px; height:100px; background:red;">
|
||||
<div style="position:absolute; top:50%; bottom:50%; width:100px; height:100px; margin:auto; background:green;"></div>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!doctype html>
|
||||
<title>CSS Test Reference</title>
|
||||
<link rel="author" title="Emilio Cobos Álvarez" href="mailto:emilio@crisal.io">
|
||||
<style>
|
||||
div {
|
||||
border: 1px solid;
|
||||
}
|
||||
#myHeightChanges {
|
||||
width: 100px;
|
||||
height: 200px;
|
||||
background: green;
|
||||
}
|
||||
</style>
|
||||
<div style="display:flex; flex-direction:column">
|
||||
<div style="height:auto">
|
||||
<div id="myHeightChanges"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,28 @@
|
|||
<!doctype html>
|
||||
<title>CSS Test: Dynamic change to the block size inside an auto-sized flex item</title>
|
||||
<link rel="author" title="Emilio Cobos Álvarez" href="mailto:emilio@crisal.io">
|
||||
<link rel="author" title="Mozilla" href="https://mozilla.org">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-flexbox">
|
||||
<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1496833">
|
||||
<link rel="match" href="dynamic-bsize-change-ref.html">
|
||||
<style>
|
||||
div {
|
||||
border: 1px solid;
|
||||
}
|
||||
#myHeightChanges {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background: green;
|
||||
}
|
||||
</style>
|
||||
<div style="display:flex; flex-direction:column">
|
||||
<div style="height:auto">
|
||||
<div id="myHeightChanges"></div>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
onload = function() {
|
||||
window.unused = myHeightChanges.offsetTop;
|
||||
myHeightChanges.style.height = "200px";
|
||||
}
|
||||
</script>
|
||||
|
|
@ -68,6 +68,12 @@
|
|||
grid-row: 3;
|
||||
}
|
||||
|
||||
.thirdRowThirdColumn {
|
||||
background-color: salmon;
|
||||
grid-column: 3;
|
||||
grid-row: 3;
|
||||
}
|
||||
|
||||
.firstRowThirdColumn {
|
||||
background-color: magenta;
|
||||
grid-column: 3;
|
||||
|
|
|
|||
|
|
@ -68,6 +68,12 @@
|
|||
grid-row: 3;
|
||||
}
|
||||
|
||||
.thirdRowThirdColumn {
|
||||
background-color: salmon;
|
||||
grid-column: 3;
|
||||
grid-row: 3;
|
||||
}
|
||||
|
||||
.firstRowThirdColumn {
|
||||
background-color: magenta;
|
||||
grid-column: 3;
|
||||
|
|
|
|||
|
|
@ -0,0 +1,95 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Grid Layout Test: Grid items with relative offsets</title>
|
||||
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-grid/#grid-item-sizing">
|
||||
<meta name="assert" content="Checks that relative offests work for grid items.">
|
||||
<link rel="stylesheet" href="support/grid.css">
|
||||
<style>
|
||||
.grid {
|
||||
position: relative;
|
||||
grid: 90px 60px 30px / 200px 150px 100px;
|
||||
inline-size: 600px;
|
||||
block-size: 300px;
|
||||
}
|
||||
|
||||
.grid > div { position: relative; }
|
||||
</style>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="/resources/check-layout-th.js"></script>
|
||||
|
||||
<body onload="checkLayout('.grid')">
|
||||
|
||||
<div id="log"></div>
|
||||
|
||||
<h3>Direction LTR</h3>
|
||||
|
||||
<div class="grid">
|
||||
<div class="firstRowFirstColumn" style="left: 10px; top: 9px;"
|
||||
data-offset-x="10" data-offest-y="9" data-expected-width="200" data-expected-height="90"></div>
|
||||
<div class="secondRowSecondColumn" style="left: -15px; top: -12px;"
|
||||
data-offset-x="185" data-offest-y="78" data-expected-width="150" data-expected-height="60"></div>
|
||||
<div class="thirdRowThirdColumn" style="right: 30px; bottom: 21px;"
|
||||
data-offset-x="320" data-offest-y="129" data-expected-width="100" data-expected-height="30"></div>
|
||||
</div>
|
||||
|
||||
<h3>Direction RTL</h3>
|
||||
|
||||
<div class="grid directionRTL">
|
||||
<div class="firstRowFirstColumn" style="left: 10px; top: 9px;"
|
||||
data-offset-x="410" data-offest-y="9" data-expected-width="200" data-expected-height="90"></div>
|
||||
<div class="secondRowSecondColumn" style="left: -15px; top: -12px;"
|
||||
data-offset-x="235" data-offest-y="78" data-expected-width="150" data-expected-height="60"></div>
|
||||
<div class="thirdRowThirdColumn" style="right: 30px; bottom: 21px;"
|
||||
data-offset-x="120" data-offest-y="129" data-expected-width="100" data-expected-height="30"></div>
|
||||
</div>
|
||||
|
||||
<h2>Writing Mode vertical-lr</h2>
|
||||
|
||||
<h3>Direction LTR</h3>
|
||||
|
||||
<div class="grid verticalLR">
|
||||
<div class="firstRowFirstColumn" style="left: 9px; top: 10px;"
|
||||
data-offset-x="9" data-offest-y="10" data-expected-width="90" data-expected-height="200"></div>
|
||||
<div class="secondRowSecondColumn" style="left: -12px; top: -15px;"
|
||||
data-offset-x="78" data-offest-y="75" data-expected-width="60" data-expected-height="150"></div>
|
||||
<div class="thirdRowThirdColumn" style="right: 21px; bottom: 30px;"
|
||||
data-offset-x="129" data-offest-y="120" data-expected-width="30" data-expected-height="100"></div>
|
||||
</div>
|
||||
|
||||
<h3>Direction RTL</h3>
|
||||
|
||||
<div class="grid verticalLR directionRTL">
|
||||
<div class="firstRowFirstColumn" style="left: 9px; top: 10px;"
|
||||
data-offset-x="9" data-offest-y="10" data-expected-width="90" data-expected-height="200"></div>
|
||||
<div class="secondRowSecondColumn" style="left: -12px; top: -15px;"
|
||||
data-offset-x="78" data-offest-y="75" data-expected-width="60" data-expected-height="150"></div>
|
||||
<div class="thirdRowThirdColumn" style="right: 21px; bottom: 30px;"
|
||||
data-offset-x="129" data-offest-y="120" data-expected-width="30" data-expected-height="100"></div>
|
||||
</div>
|
||||
|
||||
<h2>Writing Mode vertical-rl</h2>
|
||||
|
||||
<h3>Direction LTR</h3>
|
||||
|
||||
<div class="grid verticalRL">
|
||||
<div class="firstRowFirstColumn" style="left: 9px; top: 10px;"
|
||||
data-offset-x="219" data-offest-y="10" data-expected-width="90" data-expected-height="200"></div>
|
||||
<div class="secondRowSecondColumn" style="left: -12px; top: -15px;"
|
||||
data-offset-x="138" data-offest-y="75" data-expected-width="60" data-expected-height="150"></div>
|
||||
<div class="thirdRowThirdColumn" style="right: 21px; bottom: 30px;"
|
||||
data-offset-x="99" data-offest-y="120" data-expected-width="30" data-expected-height="100"></div>
|
||||
</div>
|
||||
|
||||
<h3>Direction RTL</h3>
|
||||
|
||||
<div class="grid verticalRL directionRTL">
|
||||
<div class="firstRowFirstColumn" style="left: 9px; top: 10px;"
|
||||
data-offset-x="219" data-offest-y="10" data-expected-width="90" data-expected-height="200"></div>
|
||||
<div class="secondRowSecondColumn" style="left: -12px; top: -15px;"
|
||||
data-offset-x="138" data-offest-y="75" data-expected-width="60" data-expected-height="150"></div>
|
||||
<div class="thirdRowThirdColumn" style="right: 21px; bottom: 30px;"
|
||||
data-offset-x="99" data-offest-y="120" data-expected-width="30" data-expected-height="100"></div>
|
||||
</div>
|
||||
|
||||
|
|
@ -0,0 +1,94 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Grid Layout Test: Grid items with relative offsets</title>
|
||||
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-grid/#grid-item-sizing">
|
||||
<meta name="assert" content="Checks that relative percentage offests work for grid items.">
|
||||
<link rel="stylesheet" href="support/grid.css">
|
||||
<style>
|
||||
.grid {
|
||||
position: relative;
|
||||
grid: 90px 60px 30px / 200px 150px 100px;
|
||||
inline-size: 600px;
|
||||
block-size: 300px;
|
||||
}
|
||||
|
||||
.grid > div { position: relative; }
|
||||
</style>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="/resources/check-layout-th.js"></script>
|
||||
|
||||
<body onload="checkLayout('.grid')">
|
||||
|
||||
<div id="log"></div>
|
||||
|
||||
<h3>Direction LTR</h3>
|
||||
|
||||
<div class="grid">
|
||||
<div class="firstRowFirstColumn" style="left: 5%; top: 10%;"
|
||||
data-offset-x="10" data-offest-y="9" data-expected-width="200" data-expected-height="90"></div>
|
||||
<div class="secondRowSecondColumn" style="left: -10%; top: -20%;"
|
||||
data-offset-x="185" data-offest-y="78" data-expected-width="150" data-expected-height="60"></div>
|
||||
<div class="thirdRowThirdColumn" style="right: 30%; bottom: 70%;"
|
||||
data-offset-x="320" data-offest-y="129" data-expected-width="100" data-expected-height="30"></div>
|
||||
</div>
|
||||
|
||||
<h3>Direction RTL</h3>
|
||||
|
||||
<div class="grid directionRTL">
|
||||
<div class="firstRowFirstColumn" style="left: 5%; top: 10%;"
|
||||
data-offset-x="410" data-offest-y="9" data-expected-width="200" data-expected-height="90"></div>
|
||||
<div class="secondRowSecondColumn" style="left: -10%; top: -20%;"
|
||||
data-offset-x="235" data-offest-y="78" data-expected-width="150" data-expected-height="60"></div>
|
||||
<div class="thirdRowThirdColumn" style="right: 30%; bottom: 70%;"
|
||||
data-offset-x="120" data-offest-y="129" data-expected-width="100" data-expected-height="30"></div>
|
||||
</div>
|
||||
|
||||
<h2>Writing Mode vertical-lr</h2>
|
||||
|
||||
<h3>Direction LTR</h3>
|
||||
|
||||
<div class="grid verticalLR">
|
||||
<div class="firstRowFirstColumn" style="left: 10%; top: 5%;"
|
||||
data-offset-x="9" data-offest-y="10" data-expected-width="90" data-expected-height="200"></div>
|
||||
<div class="secondRowSecondColumn" style="left: -20%; top: -10%;"
|
||||
data-offset-x="78" data-offest-y="75" data-expected-width="60" data-expected-height="150"></div>
|
||||
<div class="thirdRowThirdColumn" style="right: 70%; bottom: 30%;"
|
||||
data-offset-x="129" data-offest-y="120" data-expected-width="30" data-expected-height="100"></div>
|
||||
</div>
|
||||
|
||||
<h3>Direction RTL</h3>
|
||||
|
||||
<div class="grid verticalLR directionRTL">
|
||||
<div class="firstRowFirstColumn" style="left: 10%; top: 5%;"
|
||||
data-offset-x="9" data-offest-y="10" data-expected-width="90" data-expected-height="200"></div>
|
||||
<div class="secondRowSecondColumn" style="left: -20%; top: -10%;"
|
||||
data-offset-x="78" data-offest-y="75" data-expected-width="60" data-expected-height="150"></div>
|
||||
<div class="thirdRowThirdColumn" style="right: 70%; bottom: 30%;"
|
||||
data-offset-x="129" data-offest-y="120" data-expected-width="30" data-expected-height="100"></div>
|
||||
</div>
|
||||
|
||||
<h2>Writing Mode vertical-rl</h2>
|
||||
|
||||
<h3>Direction LTR</h3>
|
||||
|
||||
<div class="grid verticalRL">
|
||||
<div class="firstRowFirstColumn" style="left: 10%; top: 5%;"
|
||||
data-offset-x="219" data-offest-y="10" data-expected-width="90" data-expected-height="200"></div>
|
||||
<div class="secondRowSecondColumn" style="left: -20%; top: -10%;"
|
||||
data-offset-x="138" data-offest-y="75" data-expected-width="60" data-expected-height="150"></div>
|
||||
<div class="thirdRowThirdColumn" style="right: 70%; bottom: 30%;"
|
||||
data-offset-x="99" data-offest-y="120" data-expected-width="30" data-expected-height="100"></div>
|
||||
</div>
|
||||
|
||||
<h3>Direction RTL</h3>
|
||||
|
||||
<div class="grid verticalRL directionRTL">
|
||||
<div class="firstRowFirstColumn" style="left: 10%; top: 5%;"
|
||||
data-offset-x="219" data-offest-y="10" data-expected-width="90" data-expected-height="200"></div>
|
||||
<div class="secondRowSecondColumn" style="left: -20%; top: -10%;"
|
||||
data-offset-x="138" data-offest-y="75" data-expected-width="60" data-expected-height="150"></div>
|
||||
<div class="thirdRowThirdColumn" style="right: 70%; bottom: 30%;"
|
||||
data-offset-x="99" data-offest-y="120" data-expected-width="30" data-expected-height="100"></div>
|
||||
</div>
|
||||
|
|
@ -68,6 +68,12 @@
|
|||
grid-row: 3;
|
||||
}
|
||||
|
||||
.thirdRowThirdColumn {
|
||||
background-color: salmon;
|
||||
grid-column: 3;
|
||||
grid-row: 3;
|
||||
}
|
||||
|
||||
.firstRowThirdColumn {
|
||||
background-color: magenta;
|
||||
grid-column: 3;
|
||||
|
|
|
|||
|
|
@ -68,6 +68,12 @@
|
|||
grid-row: 3;
|
||||
}
|
||||
|
||||
.thirdRowThirdColumn {
|
||||
background-color: salmon;
|
||||
grid-column: 3;
|
||||
grid-row: 3;
|
||||
}
|
||||
|
||||
.firstRowThirdColumn {
|
||||
background-color: magenta;
|
||||
grid-column: 3;
|
||||
|
|
|
|||
|
|
@ -537,4 +537,61 @@ test(function(){
|
|||
assert_parsed_type(gen_prop('<length># | fail', 'fail'), '10px, 20px', CSSUnitValue);
|
||||
}, 'CSSStyleValue.parse[All] returns list of CSSUnitValues for <length>#');
|
||||
|
||||
// Direct CSSStyleValue objects:
|
||||
|
||||
function gen_all_props() {
|
||||
return [
|
||||
gen_prop('*', 'foo'),
|
||||
gen_prop('foo', 'foo'),
|
||||
gen_prop('<angle>', '0deg'),
|
||||
gen_prop('<color>', 'rgb(1, 2, 3)'),
|
||||
gen_prop('<custom-ident>', 'thing'),
|
||||
gen_prop('<image>', 'url(a)'),
|
||||
gen_prop('<integer>', '0'),
|
||||
gen_prop('<length-percentage>', 'calc(10px + 10%)'),
|
||||
gen_prop('<length>', '0px'),
|
||||
gen_prop('<number>', '0.5'),
|
||||
gen_prop('<percentage>', '0%'),
|
||||
gen_prop('<resolution>', '0dpi'),
|
||||
gen_prop('<time>', '0s'),
|
||||
gen_prop('<transform-function>', 'rotateX(0deg)'),
|
||||
gen_prop('<transform-list>', 'rotateX(0deg)'),
|
||||
gen_prop('<url>', 'url(a)')
|
||||
];
|
||||
}
|
||||
|
||||
test(function(){
|
||||
let props0 = gen_all_props();
|
||||
let props1 = gen_all_props();
|
||||
|
||||
for (let i = 0; i < props0.length; i++) {
|
||||
let prop0 = props0[i];
|
||||
let prop1 = props1[i];
|
||||
|
||||
// Abuse computedStyleMap to get the initialValue (just to get some
|
||||
// value that will parse for prop0/1's syntax).
|
||||
let initialValue = target.computedStyleMap().get(prop0);
|
||||
|
||||
// We only care about direct CSSStyleValue instances in this test.
|
||||
// Ultimately, in some future version of CSS TypedOM, we may have no
|
||||
// direct CSSStyleValue instances at all, which is fine.
|
||||
if (initialValue.constructor !== CSSStyleValue) {
|
||||
continue;
|
||||
}
|
||||
|
||||
let value = CSSStyleValue.parse(prop0, initialValue.toString());
|
||||
|
||||
// A value parsed for prop0 must be assignable to prop0.
|
||||
target.attributeStyleMap.clear();
|
||||
target.attributeStyleMap.set(prop0, value); // Don't throw.
|
||||
|
||||
// A value parsed for prop0 must not be assignable to prop1, even if
|
||||
// the properties have compatible syntaxes.
|
||||
assert_throws(new TypeError(), () => {
|
||||
target.attributeStyleMap.clear();
|
||||
target.attributeStyleMap.set(prop1, value);
|
||||
});
|
||||
}
|
||||
}, 'Direct CSSStyleValue instances are tied to their associated property');
|
||||
|
||||
</script>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,21 @@
|
|||
<!doctype html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Test: the selector inside :host-context() affects specificity</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-scoping/#host-selector">
|
||||
<link rel="match" href="reference/green-box.html">
|
||||
<p>Test passes if you see a single 100px by 100px green box below.</p>
|
||||
<div id="host"></div>
|
||||
<script>
|
||||
host.attachShadow({ mode: 'open' }).innerHTML = `
|
||||
<style>
|
||||
:host-context(#host) {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background: green;
|
||||
}
|
||||
:host {
|
||||
background: red;
|
||||
}
|
||||
</style>
|
||||
`;
|
||||
</script>
|
||||
|
|
@ -0,0 +1,23 @@
|
|||
<!doctype html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Test: :host-context() is accounted for during specificity computation</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-scoping/#host-selector">
|
||||
<link rel="match" href="reference/green-box.html">
|
||||
<p>Test passes if you see a single 100px by 100px green box below.</p>
|
||||
<div id="host"></div>
|
||||
<script>
|
||||
host.attachShadow({ mode: 'open' }).innerHTML = `
|
||||
<style>
|
||||
.foo span {
|
||||
display: block;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background: red;
|
||||
}
|
||||
:host-context(*) span {
|
||||
background: green;
|
||||
}
|
||||
</style>
|
||||
<div class="foo"><span></span></div>
|
||||
`;
|
||||
</script>
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
<!doctype html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Test: the :host-context() selector affects specificity</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-scoping/#host-selector">
|
||||
<link rel="match" href="reference/green-box.html">
|
||||
<p>Test passes if you see a single 100px by 100px green box below.</p>
|
||||
<div id="host"></div>
|
||||
<script>
|
||||
host.attachShadow({ mode: 'open' }).innerHTML = `
|
||||
<style>
|
||||
:host-context(*) div {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background: green;
|
||||
}
|
||||
div {
|
||||
background: red;
|
||||
}
|
||||
</style>
|
||||
<div></div>
|
||||
`;
|
||||
</script>
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
<!doctype html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Test: the :host() selector affects specificity</title>
|
||||
<link rel="author" title="Emilio Cobos Álvarez" href="mailto:emilio@crisal.io">
|
||||
<link rel="author" title="Mozilla" href="https://mozilla.org">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-scoping/#host-selector">
|
||||
<link rel="help" href="https://github.com/w3c/csswg-drafts/issues/1915">
|
||||
<link rel="help" href="https://bugzil.la/1454165">
|
||||
<link rel="match" href="reference/green-box.html">
|
||||
<p>Test passes if you see a single 100px by 100px green box below.</p>
|
||||
<div id="host"></div>
|
||||
<script>
|
||||
host.attachShadow({ mode: 'open' }).innerHTML = `
|
||||
<style>
|
||||
:host(*) div {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background: green;
|
||||
}
|
||||
div {
|
||||
background: red;
|
||||
}
|
||||
</style>
|
||||
<div></div>
|
||||
`;
|
||||
</script>
|
||||
|
|
@ -0,0 +1,30 @@
|
|||
<!DOCTYPE html>
|
||||
<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-scroll-anchoring/">
|
||||
|
||||
<p>There should be no red below.</p>
|
||||
<div id="container" style="writing-mode:vertical-rl; overflow:auto; width:300px; height:300px;">
|
||||
<div style="width:300px; background:red;"></div>
|
||||
<div style="width:400px; font-size:16px; line-height:25px;">
|
||||
<span id="displayMe" style="color:red; display:none;">
|
||||
FAIL<br>FAIL<br>FAIL<br>FAIL<br>
|
||||
</span>
|
||||
line<br>
|
||||
</div>
|
||||
<div id="displayMeToo" style="display:none; width:300px; background:red;"></div>
|
||||
</div>
|
||||
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script>
|
||||
test(()=> {
|
||||
var container = document.getElementById("container");
|
||||
var displayMe = document.getElementById("displayMe");
|
||||
var displayMeToo = document.getElementById("displayMeToo");
|
||||
// Scroll the text container into view.
|
||||
container.scrollLeft = 100;
|
||||
displayMe.style.display = "inline";
|
||||
displayMeToo.style.display = "block";
|
||||
assert_equals(container.scrollLeft, 300);
|
||||
}, "Line at edge of scrollport shouldn't jump visually when content is inserted before");
|
||||
</script>
|
||||
|
|
@ -0,0 +1,11 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang=en>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Text Test reference</title>
|
||||
<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">
|
||||
<style>
|
||||
div { padding-left: 50px; }
|
||||
</style>
|
||||
|
||||
<p>Test passes if there is a single black X below and no red.
|
||||
<div>X</div>
|
||||
|
|
@ -0,0 +1,27 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang=en>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Text Test: text-indent percentage resolution basis</title>
|
||||
<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property">
|
||||
<meta name="flags" content="">
|
||||
<link rel="match" href="reference/text-indent-percentage-002-ref.html">
|
||||
<meta name="assert" content="Percentages in text-indent refer to width of the element's content box">
|
||||
<style>
|
||||
section { position: absolute; }
|
||||
section, div {
|
||||
border-right: 10px solid white;
|
||||
margin-right: 10px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
div {
|
||||
box-sizing: border-box;
|
||||
width: 120px;
|
||||
}
|
||||
.test div { text-indent: 50%; color: red; }
|
||||
.ref div { text-indent: 50px; }
|
||||
</style>
|
||||
|
||||
<p>Test passes if there is a single black X below and no red.
|
||||
<section class=test><div>X</div></section>
|
||||
<section class=ref><div>X</div></section>
|
||||
|
|
@ -0,0 +1,27 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang=en>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Text Test: text-indent percentage resolution basis</title>
|
||||
<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property">
|
||||
<meta name="flags" content="">
|
||||
<link rel="match" href="reference/text-indent-percentage-002-ref.html">
|
||||
<meta name="assert" content="Percentages in text-indent refer to width of the element's content box">
|
||||
<style>
|
||||
section { position: absolute; }
|
||||
section, div {
|
||||
border-right: 10px solid white;
|
||||
margin-right: 10px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
div {
|
||||
box-sizing: border-box;
|
||||
width: 120px;
|
||||
}
|
||||
.test div { text-indent: 50%; color: red; overflow: hidden; } /* overflow:hidden should not make any difference, but it does in some browsers */
|
||||
.ref div { text-indent: 50px; }
|
||||
</style>
|
||||
|
||||
<p>Test passes if there is a single black X below and no red.
|
||||
<section class=test><div>X</div></section>
|
||||
<section class=ref><div>X</div></section>
|
||||
|
|
@ -0,0 +1,27 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang=en>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Text Test: text-indent percentage resolution basis, in a calc expressiong</title>
|
||||
<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property">
|
||||
<meta name="flags" content="">
|
||||
<link rel="match" href="reference/text-indent-percentage-002-ref.html">
|
||||
<meta name="assert" content="Percentages in text-indent refer to width of the element's content box, when used in a calc expression">
|
||||
<style>
|
||||
section { position: absolute; }
|
||||
section, div {
|
||||
border-right: 10px solid white;
|
||||
margin-right: 10px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
div {
|
||||
box-sizing: border-box;
|
||||
width: 120px;
|
||||
}
|
||||
.test div { text-indent: calc(25px + 25%); color: red; }
|
||||
.ref div { text-indent: 50px; }
|
||||
</style>
|
||||
|
||||
<p>Test passes if there is a single black X below and no red.
|
||||
<section class=test><div>X</div></section>
|
||||
<section class=ref><div>X</div></section>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!doctype html>
|
||||
<meta charset=utf-8>
|
||||
<title>Control charcters must be visible: U+0000</title>
|
||||
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
|
||||
<link rel=help href="https://drafts.csswg.org/css-text-3/#white-space-processing">
|
||||
<link rel=mismatch href="reference/control-chars-000-ref.html">
|
||||
<meta name=flags content="">
|
||||
<meta name=assert content="U+0000, which is in the unicode category CC, must be visible">
|
||||
<style>
|
||||
div {
|
||||
font-size: 4em;
|
||||
}
|
||||
div::after { content: "\0000" } /* Injecting via CSS, to avoid any mangling by the html parser */
|
||||
</style>
|
||||
|
||||
<p>Test passes if there is a visible character below.
|
||||
|
||||
<div></div>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!doctype html>
|
||||
<meta charset=utf-8>
|
||||
<title>Control charcters must be visible: U+0001</title>
|
||||
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
|
||||
<link rel=help href="https://drafts.csswg.org/css-text-3/#white-space-processing">
|
||||
<link rel=mismatch href="reference/control-chars-000-ref.html">
|
||||
<meta name=flags content="">
|
||||
<meta name=assert content="U+0001, which is in the unicode category CC, must be visible">
|
||||
<style>
|
||||
div {
|
||||
font-size: 4em;
|
||||
}
|
||||
div::after { content: "\0001" } /* Injecting via CSS, to avoid any mangling by the html parser */
|
||||
</style>
|
||||
|
||||
<p>Test passes if there is a visible character below.
|
||||
|
||||
<div></div>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!doctype html>
|
||||
<meta charset=utf-8>
|
||||
<title>Control charcters must be visible: U+0002</title>
|
||||
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
|
||||
<link rel=help href="https://drafts.csswg.org/css-text-3/#white-space-processing">
|
||||
<link rel=mismatch href="reference/control-chars-000-ref.html">
|
||||
<meta name=flags content="">
|
||||
<meta name=assert content="U+0002, which is in the unicode category CC, must be visible">
|
||||
<style>
|
||||
div {
|
||||
font-size: 4em;
|
||||
}
|
||||
div::after { content: "\0002" } /* Injecting via CSS, to avoid any mangling by the html parser */
|
||||
</style>
|
||||
|
||||
<p>Test passes if there is a visible character below.
|
||||
|
||||
<div></div>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!doctype html>
|
||||
<meta charset=utf-8>
|
||||
<title>Control charcters must be visible: U+0003</title>
|
||||
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
|
||||
<link rel=help href="https://drafts.csswg.org/css-text-3/#white-space-processing">
|
||||
<link rel=mismatch href="reference/control-chars-000-ref.html">
|
||||
<meta name=flags content="">
|
||||
<meta name=assert content="U+0003, which is in the unicode category CC, must be visible">
|
||||
<style>
|
||||
div {
|
||||
font-size: 4em;
|
||||
}
|
||||
div::after { content: "\0003" } /* Injecting via CSS, to avoid any mangling by the html parser */
|
||||
</style>
|
||||
|
||||
<p>Test passes if there is a visible character below.
|
||||
|
||||
<div></div>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!doctype html>
|
||||
<meta charset=utf-8>
|
||||
<title>Control charcters must be visible: U+0004</title>
|
||||
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
|
||||
<link rel=help href="https://drafts.csswg.org/css-text-3/#white-space-processing">
|
||||
<link rel=mismatch href="reference/control-chars-000-ref.html">
|
||||
<meta name=flags content="">
|
||||
<meta name=assert content="U+0004, which is in the unicode category CC, must be visible">
|
||||
<style>
|
||||
div {
|
||||
font-size: 4em;
|
||||
}
|
||||
div::after { content: "\0004" } /* Injecting via CSS, to avoid any mangling by the html parser */
|
||||
</style>
|
||||
|
||||
<p>Test passes if there is a visible character below.
|
||||
|
||||
<div></div>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!doctype html>
|
||||
<meta charset=utf-8>
|
||||
<title>Control charcters must be visible: U+0005</title>
|
||||
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
|
||||
<link rel=help href="https://drafts.csswg.org/css-text-3/#white-space-processing">
|
||||
<link rel=mismatch href="reference/control-chars-000-ref.html">
|
||||
<meta name=flags content="">
|
||||
<meta name=assert content="U+0005, which is in the unicode category CC, must be visible">
|
||||
<style>
|
||||
div {
|
||||
font-size: 4em;
|
||||
}
|
||||
div::after { content: "\0005" } /* Injecting via CSS, to avoid any mangling by the html parser */
|
||||
</style>
|
||||
|
||||
<p>Test passes if there is a visible character below.
|
||||
|
||||
<div></div>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!doctype html>
|
||||
<meta charset=utf-8>
|
||||
<title>Control charcters must be visible: U+0006</title>
|
||||
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
|
||||
<link rel=help href="https://drafts.csswg.org/css-text-3/#white-space-processing">
|
||||
<link rel=mismatch href="reference/control-chars-000-ref.html">
|
||||
<meta name=flags content="">
|
||||
<meta name=assert content="U+0006, which is in the unicode category CC, must be visible">
|
||||
<style>
|
||||
div {
|
||||
font-size: 4em;
|
||||
}
|
||||
div::after { content: "\0006" } /* Injecting via CSS, to avoid any mangling by the html parser */
|
||||
</style>
|
||||
|
||||
<p>Test passes if there is a visible character below.
|
||||
|
||||
<div></div>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!doctype html>
|
||||
<meta charset=utf-8>
|
||||
<title>Control charcters must be visible: U+0007</title>
|
||||
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
|
||||
<link rel=help href="https://drafts.csswg.org/css-text-3/#white-space-processing">
|
||||
<link rel=mismatch href="reference/control-chars-000-ref.html">
|
||||
<meta name=flags content="">
|
||||
<meta name=assert content="U+0007, which is in the unicode category CC, must be visible">
|
||||
<style>
|
||||
div {
|
||||
font-size: 4em;
|
||||
}
|
||||
div::after { content: "\0007" } /* Injecting via CSS, to avoid any mangling by the html parser */
|
||||
</style>
|
||||
|
||||
<p>Test passes if there is a visible character below.
|
||||
|
||||
<div></div>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!doctype html>
|
||||
<meta charset=utf-8>
|
||||
<title>Control charcters must be visible: U+0008</title>
|
||||
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
|
||||
<link rel=help href="https://drafts.csswg.org/css-text-3/#white-space-processing">
|
||||
<link rel=mismatch href="reference/control-chars-000-ref.html">
|
||||
<meta name=flags content="">
|
||||
<meta name=assert content="U+0008, which is in the unicode category CC, must be visible">
|
||||
<style>
|
||||
div {
|
||||
font-size: 4em;
|
||||
}
|
||||
div::after { content: "\0008" } /* Injecting via CSS, to avoid any mangling by the html parser */
|
||||
</style>
|
||||
|
||||
<p>Test passes if there is a visible character below.
|
||||
|
||||
<div></div>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!doctype html>
|
||||
<meta charset=utf-8>
|
||||
<title>Control charcters must be visible: U+000B</title>
|
||||
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
|
||||
<link rel=help href="https://drafts.csswg.org/css-text-3/#white-space-processing">
|
||||
<link rel=mismatch href="reference/control-chars-000-ref.html">
|
||||
<meta name=flags content="">
|
||||
<meta name=assert content="U+000B, which is in the unicode category CC, must be visible">
|
||||
<style>
|
||||
div {
|
||||
font-size: 4em;
|
||||
}
|
||||
div::after { content: "\000B" } /* Injecting via CSS, to avoid any mangling by the html parser */
|
||||
</style>
|
||||
|
||||
<p>Test passes if there is a visible character below.
|
||||
|
||||
<div></div>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!doctype html>
|
||||
<meta charset=utf-8>
|
||||
<title>Control charcters must be visible: U+000D</title>
|
||||
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
|
||||
<link rel=help href="https://drafts.csswg.org/css-text-3/#white-space-processing">
|
||||
<link rel=mismatch href="reference/control-chars-000-ref.html">
|
||||
<meta name=flags content="">
|
||||
<meta name=assert content="U+000D, which is in the unicode category CC, must be visible">
|
||||
<style>
|
||||
div {
|
||||
font-size: 4em;
|
||||
}
|
||||
div::after { content: "\000D" } /* Injecting via CSS, to avoid any mangling by the html parser */
|
||||
</style>
|
||||
|
||||
<p>Test passes if there is a visible character below.
|
||||
|
||||
<div></div>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!doctype html>
|
||||
<meta charset=utf-8>
|
||||
<title>Control charcters must be visible: U+000E</title>
|
||||
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
|
||||
<link rel=help href="https://drafts.csswg.org/css-text-3/#white-space-processing">
|
||||
<link rel=mismatch href="reference/control-chars-000-ref.html">
|
||||
<meta name=flags content="">
|
||||
<meta name=assert content="U+000E, which is in the unicode category CC, must be visible">
|
||||
<style>
|
||||
div {
|
||||
font-size: 4em;
|
||||
}
|
||||
div::after { content: "\000E" } /* Injecting via CSS, to avoid any mangling by the html parser */
|
||||
</style>
|
||||
|
||||
<p>Test passes if there is a visible character below.
|
||||
|
||||
<div></div>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!doctype html>
|
||||
<meta charset=utf-8>
|
||||
<title>Control charcters must be visible: U+000F</title>
|
||||
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
|
||||
<link rel=help href="https://drafts.csswg.org/css-text-3/#white-space-processing">
|
||||
<link rel=mismatch href="reference/control-chars-000-ref.html">
|
||||
<meta name=flags content="">
|
||||
<meta name=assert content="U+000F, which is in the unicode category CC, must be visible">
|
||||
<style>
|
||||
div {
|
||||
font-size: 4em;
|
||||
}
|
||||
div::after { content: "\000F" } /* Injecting via CSS, to avoid any mangling by the html parser */
|
||||
</style>
|
||||
|
||||
<p>Test passes if there is a visible character below.
|
||||
|
||||
<div></div>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!doctype html>
|
||||
<meta charset=utf-8>
|
||||
<title>Control charcters must be visible: U+0010</title>
|
||||
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
|
||||
<link rel=help href="https://drafts.csswg.org/css-text-3/#white-space-processing">
|
||||
<link rel=mismatch href="reference/control-chars-000-ref.html">
|
||||
<meta name=flags content="">
|
||||
<meta name=assert content="U+0010, which is in the unicode category CC, must be visible">
|
||||
<style>
|
||||
div {
|
||||
font-size: 4em;
|
||||
}
|
||||
div::after { content: "\0010" } /* Injecting via CSS, to avoid any mangling by the html parser */
|
||||
</style>
|
||||
|
||||
<p>Test passes if there is a visible character below.
|
||||
|
||||
<div></div>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!doctype html>
|
||||
<meta charset=utf-8>
|
||||
<title>Control charcters must be visible: U+0011</title>
|
||||
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
|
||||
<link rel=help href="https://drafts.csswg.org/css-text-3/#white-space-processing">
|
||||
<link rel=mismatch href="reference/control-chars-000-ref.html">
|
||||
<meta name=flags content="">
|
||||
<meta name=assert content="U+0011, which is in the unicode category CC, must be visible">
|
||||
<style>
|
||||
div {
|
||||
font-size: 4em;
|
||||
}
|
||||
div::after { content: "\0011" } /* Injecting via CSS, to avoid any mangling by the html parser */
|
||||
</style>
|
||||
|
||||
<p>Test passes if there is a visible character below.
|
||||
|
||||
<div></div>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!doctype html>
|
||||
<meta charset=utf-8>
|
||||
<title>Control charcters must be visible: U+0012</title>
|
||||
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
|
||||
<link rel=help href="https://drafts.csswg.org/css-text-3/#white-space-processing">
|
||||
<link rel=mismatch href="reference/control-chars-000-ref.html">
|
||||
<meta name=flags content="">
|
||||
<meta name=assert content="U+0012, which is in the unicode category CC, must be visible">
|
||||
<style>
|
||||
div {
|
||||
font-size: 4em;
|
||||
}
|
||||
div::after { content: "\0012" } /* Injecting via CSS, to avoid any mangling by the html parser */
|
||||
</style>
|
||||
|
||||
<p>Test passes if there is a visible character below.
|
||||
|
||||
<div></div>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!doctype html>
|
||||
<meta charset=utf-8>
|
||||
<title>Control charcters must be visible: U+0013</title>
|
||||
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
|
||||
<link rel=help href="https://drafts.csswg.org/css-text-3/#white-space-processing">
|
||||
<link rel=mismatch href="reference/control-chars-000-ref.html">
|
||||
<meta name=flags content="">
|
||||
<meta name=assert content="U+0013, which is in the unicode category CC, must be visible">
|
||||
<style>
|
||||
div {
|
||||
font-size: 4em;
|
||||
}
|
||||
div::after { content: "\0013" } /* Injecting via CSS, to avoid any mangling by the html parser */
|
||||
</style>
|
||||
|
||||
<p>Test passes if there is a visible character below.
|
||||
|
||||
<div></div>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!doctype html>
|
||||
<meta charset=utf-8>
|
||||
<title>Control charcters must be visible: U+0014</title>
|
||||
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
|
||||
<link rel=help href="https://drafts.csswg.org/css-text-3/#white-space-processing">
|
||||
<link rel=mismatch href="reference/control-chars-000-ref.html">
|
||||
<meta name=flags content="">
|
||||
<meta name=assert content="U+0014, which is in the unicode category CC, must be visible">
|
||||
<style>
|
||||
div {
|
||||
font-size: 4em;
|
||||
}
|
||||
div::after { content: "\0014" } /* Injecting via CSS, to avoid any mangling by the html parser */
|
||||
</style>
|
||||
|
||||
<p>Test passes if there is a visible character below.
|
||||
|
||||
<div></div>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!doctype html>
|
||||
<meta charset=utf-8>
|
||||
<title>Control charcters must be visible: U+0015</title>
|
||||
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
|
||||
<link rel=help href="https://drafts.csswg.org/css-text-3/#white-space-processing">
|
||||
<link rel=mismatch href="reference/control-chars-000-ref.html">
|
||||
<meta name=flags content="">
|
||||
<meta name=assert content="U+0015, which is in the unicode category CC, must be visible">
|
||||
<style>
|
||||
div {
|
||||
font-size: 4em;
|
||||
}
|
||||
div::after { content: "\0015" } /* Injecting via CSS, to avoid any mangling by the html parser */
|
||||
</style>
|
||||
|
||||
<p>Test passes if there is a visible character below.
|
||||
|
||||
<div></div>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!doctype html>
|
||||
<meta charset=utf-8>
|
||||
<title>Control charcters must be visible: U+0016</title>
|
||||
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
|
||||
<link rel=help href="https://drafts.csswg.org/css-text-3/#white-space-processing">
|
||||
<link rel=mismatch href="reference/control-chars-000-ref.html">
|
||||
<meta name=flags content="">
|
||||
<meta name=assert content="U+0016, which is in the unicode category CC, must be visible">
|
||||
<style>
|
||||
div {
|
||||
font-size: 4em;
|
||||
}
|
||||
div::after { content: "\0016" } /* Injecting via CSS, to avoid any mangling by the html parser */
|
||||
</style>
|
||||
|
||||
<p>Test passes if there is a visible character below.
|
||||
|
||||
<div></div>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!doctype html>
|
||||
<meta charset=utf-8>
|
||||
<title>Control charcters must be visible: U+0017</title>
|
||||
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
|
||||
<link rel=help href="https://drafts.csswg.org/css-text-3/#white-space-processing">
|
||||
<link rel=mismatch href="reference/control-chars-000-ref.html">
|
||||
<meta name=flags content="">
|
||||
<meta name=assert content="U+0017, which is in the unicode category CC, must be visible">
|
||||
<style>
|
||||
div {
|
||||
font-size: 4em;
|
||||
}
|
||||
div::after { content: "\0017" } /* Injecting via CSS, to avoid any mangling by the html parser */
|
||||
</style>
|
||||
|
||||
<p>Test passes if there is a visible character below.
|
||||
|
||||
<div></div>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!doctype html>
|
||||
<meta charset=utf-8>
|
||||
<title>Control charcters must be visible: U+0018</title>
|
||||
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
|
||||
<link rel=help href="https://drafts.csswg.org/css-text-3/#white-space-processing">
|
||||
<link rel=mismatch href="reference/control-chars-000-ref.html">
|
||||
<meta name=flags content="">
|
||||
<meta name=assert content="U+0018, which is in the unicode category CC, must be visible">
|
||||
<style>
|
||||
div {
|
||||
font-size: 4em;
|
||||
}
|
||||
div::after { content: "\0018" } /* Injecting via CSS, to avoid any mangling by the html parser */
|
||||
</style>
|
||||
|
||||
<p>Test passes if there is a visible character below.
|
||||
|
||||
<div></div>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!doctype html>
|
||||
<meta charset=utf-8>
|
||||
<title>Control charcters must be visible: U+0019</title>
|
||||
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
|
||||
<link rel=help href="https://drafts.csswg.org/css-text-3/#white-space-processing">
|
||||
<link rel=mismatch href="reference/control-chars-000-ref.html">
|
||||
<meta name=flags content="">
|
||||
<meta name=assert content="U+0019, which is in the unicode category CC, must be visible">
|
||||
<style>
|
||||
div {
|
||||
font-size: 4em;
|
||||
}
|
||||
div::after { content: "\0019" } /* Injecting via CSS, to avoid any mangling by the html parser */
|
||||
</style>
|
||||
|
||||
<p>Test passes if there is a visible character below.
|
||||
|
||||
<div></div>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!doctype html>
|
||||
<meta charset=utf-8>
|
||||
<title>Control charcters must be visible: U+001A</title>
|
||||
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
|
||||
<link rel=help href="https://drafts.csswg.org/css-text-3/#white-space-processing">
|
||||
<link rel=mismatch href="reference/control-chars-000-ref.html">
|
||||
<meta name=flags content="">
|
||||
<meta name=assert content="U+001A, which is in the unicode category CC, must be visible">
|
||||
<style>
|
||||
div {
|
||||
font-size: 4em;
|
||||
}
|
||||
div::after { content: "\001A" } /* Injecting via CSS, to avoid any mangling by the html parser */
|
||||
</style>
|
||||
|
||||
<p>Test passes if there is a visible character below.
|
||||
|
||||
<div></div>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!doctype html>
|
||||
<meta charset=utf-8>
|
||||
<title>Control charcters must be visible: U+001B</title>
|
||||
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
|
||||
<link rel=help href="https://drafts.csswg.org/css-text-3/#white-space-processing">
|
||||
<link rel=mismatch href="reference/control-chars-000-ref.html">
|
||||
<meta name=flags content="">
|
||||
<meta name=assert content="U+001B, which is in the unicode category CC, must be visible">
|
||||
<style>
|
||||
div {
|
||||
font-size: 4em;
|
||||
}
|
||||
div::after { content: "\001B" } /* Injecting via CSS, to avoid any mangling by the html parser */
|
||||
</style>
|
||||
|
||||
<p>Test passes if there is a visible character below.
|
||||
|
||||
<div></div>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!doctype html>
|
||||
<meta charset=utf-8>
|
||||
<title>Control charcters must be visible: U+001C</title>
|
||||
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
|
||||
<link rel=help href="https://drafts.csswg.org/css-text-3/#white-space-processing">
|
||||
<link rel=mismatch href="reference/control-chars-000-ref.html">
|
||||
<meta name=flags content="">
|
||||
<meta name=assert content="U+001C, which is in the unicode category CC, must be visible">
|
||||
<style>
|
||||
div {
|
||||
font-size: 4em;
|
||||
}
|
||||
div::after { content: "\001C" } /* Injecting via CSS, to avoid any mangling by the html parser */
|
||||
</style>
|
||||
|
||||
<p>Test passes if there is a visible character below.
|
||||
|
||||
<div></div>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!doctype html>
|
||||
<meta charset=utf-8>
|
||||
<title>Control charcters must be visible: U+001D</title>
|
||||
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
|
||||
<link rel=help href="https://drafts.csswg.org/css-text-3/#white-space-processing">
|
||||
<link rel=mismatch href="reference/control-chars-000-ref.html">
|
||||
<meta name=flags content="">
|
||||
<meta name=assert content="U+001D, which is in the unicode category CC, must be visible">
|
||||
<style>
|
||||
div {
|
||||
font-size: 4em;
|
||||
}
|
||||
div::after { content: "\001D" } /* Injecting via CSS, to avoid any mangling by the html parser */
|
||||
</style>
|
||||
|
||||
<p>Test passes if there is a visible character below.
|
||||
|
||||
<div></div>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!doctype html>
|
||||
<meta charset=utf-8>
|
||||
<title>Control charcters must be visible: U+001E</title>
|
||||
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
|
||||
<link rel=help href="https://drafts.csswg.org/css-text-3/#white-space-processing">
|
||||
<link rel=mismatch href="reference/control-chars-000-ref.html">
|
||||
<meta name=flags content="">
|
||||
<meta name=assert content="U+001E, which is in the unicode category CC, must be visible">
|
||||
<style>
|
||||
div {
|
||||
font-size: 4em;
|
||||
}
|
||||
div::after { content: "\001E" } /* Injecting via CSS, to avoid any mangling by the html parser */
|
||||
</style>
|
||||
|
||||
<p>Test passes if there is a visible character below.
|
||||
|
||||
<div></div>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!doctype html>
|
||||
<meta charset=utf-8>
|
||||
<title>Control charcters must be visible: U+001F</title>
|
||||
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
|
||||
<link rel=help href="https://drafts.csswg.org/css-text-3/#white-space-processing">
|
||||
<link rel=mismatch href="reference/control-chars-000-ref.html">
|
||||
<meta name=flags content="">
|
||||
<meta name=assert content="U+001F, which is in the unicode category CC, must be visible">
|
||||
<style>
|
||||
div {
|
||||
font-size: 4em;
|
||||
}
|
||||
div::after { content: "\001F" } /* Injecting via CSS, to avoid any mangling by the html parser */
|
||||
</style>
|
||||
|
||||
<p>Test passes if there is a visible character below.
|
||||
|
||||
<div></div>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!doctype html>
|
||||
<meta charset=utf-8>
|
||||
<title>Control charcters must be visible: U+007F</title>
|
||||
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
|
||||
<link rel=help href="https://drafts.csswg.org/css-text-3/#white-space-processing">
|
||||
<link rel=mismatch href="reference/control-chars-000-ref.html">
|
||||
<meta name=flags content="">
|
||||
<meta name=assert content="U+007F, which is in the unicode category CC, must be visible">
|
||||
<style>
|
||||
div {
|
||||
font-size: 4em;
|
||||
}
|
||||
div::after { content: "\007F" } /* Injecting via CSS, to avoid any mangling by the html parser */
|
||||
</style>
|
||||
|
||||
<p>Test passes if there is a visible character below.
|
||||
|
||||
<div></div>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!doctype html>
|
||||
<meta charset=utf-8>
|
||||
<title>Control charcters must be visible: U+0080</title>
|
||||
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
|
||||
<link rel=help href="https://drafts.csswg.org/css-text-3/#white-space-processing">
|
||||
<link rel=mismatch href="reference/control-chars-000-ref.html">
|
||||
<meta name=flags content="">
|
||||
<meta name=assert content="U+0080, which is in the unicode category CC, must be visible">
|
||||
<style>
|
||||
div {
|
||||
font-size: 4em;
|
||||
}
|
||||
div::after { content: "\0080" } /* Injecting via CSS, to avoid any mangling by the html parser */
|
||||
</style>
|
||||
|
||||
<p>Test passes if there is a visible character below.
|
||||
|
||||
<div></div>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!doctype html>
|
||||
<meta charset=utf-8>
|
||||
<title>Control charcters must be visible: U+0081</title>
|
||||
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
|
||||
<link rel=help href="https://drafts.csswg.org/css-text-3/#white-space-processing">
|
||||
<link rel=mismatch href="reference/control-chars-000-ref.html">
|
||||
<meta name=flags content="">
|
||||
<meta name=assert content="U+0081, which is in the unicode category CC, must be visible">
|
||||
<style>
|
||||
div {
|
||||
font-size: 4em;
|
||||
}
|
||||
div::after { content: "\0081" } /* Injecting via CSS, to avoid any mangling by the html parser */
|
||||
</style>
|
||||
|
||||
<p>Test passes if there is a visible character below.
|
||||
|
||||
<div></div>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!doctype html>
|
||||
<meta charset=utf-8>
|
||||
<title>Control charcters must be visible: U+0082</title>
|
||||
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
|
||||
<link rel=help href="https://drafts.csswg.org/css-text-3/#white-space-processing">
|
||||
<link rel=mismatch href="reference/control-chars-000-ref.html">
|
||||
<meta name=flags content="">
|
||||
<meta name=assert content="U+0082, which is in the unicode category CC, must be visible">
|
||||
<style>
|
||||
div {
|
||||
font-size: 4em;
|
||||
}
|
||||
div::after { content: "\0082" } /* Injecting via CSS, to avoid any mangling by the html parser */
|
||||
</style>
|
||||
|
||||
<p>Test passes if there is a visible character below.
|
||||
|
||||
<div></div>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!doctype html>
|
||||
<meta charset=utf-8>
|
||||
<title>Control charcters must be visible: U+0083</title>
|
||||
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
|
||||
<link rel=help href="https://drafts.csswg.org/css-text-3/#white-space-processing">
|
||||
<link rel=mismatch href="reference/control-chars-000-ref.html">
|
||||
<meta name=flags content="">
|
||||
<meta name=assert content="U+0083, which is in the unicode category CC, must be visible">
|
||||
<style>
|
||||
div {
|
||||
font-size: 4em;
|
||||
}
|
||||
div::after { content: "\0083" } /* Injecting via CSS, to avoid any mangling by the html parser */
|
||||
</style>
|
||||
|
||||
<p>Test passes if there is a visible character below.
|
||||
|
||||
<div></div>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!doctype html>
|
||||
<meta charset=utf-8>
|
||||
<title>Control charcters must be visible: U+0084</title>
|
||||
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
|
||||
<link rel=help href="https://drafts.csswg.org/css-text-3/#white-space-processing">
|
||||
<link rel=mismatch href="reference/control-chars-000-ref.html">
|
||||
<meta name=flags content="">
|
||||
<meta name=assert content="U+0084, which is in the unicode category CC, must be visible">
|
||||
<style>
|
||||
div {
|
||||
font-size: 4em;
|
||||
}
|
||||
div::after { content: "\0084" } /* Injecting via CSS, to avoid any mangling by the html parser */
|
||||
</style>
|
||||
|
||||
<p>Test passes if there is a visible character below.
|
||||
|
||||
<div></div>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!doctype html>
|
||||
<meta charset=utf-8>
|
||||
<title>Control charcters must be visible: U+0085</title>
|
||||
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
|
||||
<link rel=help href="https://drafts.csswg.org/css-text-3/#white-space-processing">
|
||||
<link rel=mismatch href="reference/control-chars-000-ref.html">
|
||||
<meta name=flags content="">
|
||||
<meta name=assert content="U+0085, which is in the unicode category CC, must be visible">
|
||||
<style>
|
||||
div {
|
||||
font-size: 4em;
|
||||
}
|
||||
div::after { content: "\0085" } /* Injecting via CSS, to avoid any mangling by the html parser */
|
||||
</style>
|
||||
|
||||
<p>Test passes if there is a visible character below.
|
||||
|
||||
<div></div>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!doctype html>
|
||||
<meta charset=utf-8>
|
||||
<title>Control charcters must be visible: U+0086</title>
|
||||
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
|
||||
<link rel=help href="https://drafts.csswg.org/css-text-3/#white-space-processing">
|
||||
<link rel=mismatch href="reference/control-chars-000-ref.html">
|
||||
<meta name=flags content="">
|
||||
<meta name=assert content="U+0086, which is in the unicode category CC, must be visible">
|
||||
<style>
|
||||
div {
|
||||
font-size: 4em;
|
||||
}
|
||||
div::after { content: "\0086" } /* Injecting via CSS, to avoid any mangling by the html parser */
|
||||
</style>
|
||||
|
||||
<p>Test passes if there is a visible character below.
|
||||
|
||||
<div></div>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!doctype html>
|
||||
<meta charset=utf-8>
|
||||
<title>Control charcters must be visible: U+0087</title>
|
||||
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
|
||||
<link rel=help href="https://drafts.csswg.org/css-text-3/#white-space-processing">
|
||||
<link rel=mismatch href="reference/control-chars-000-ref.html">
|
||||
<meta name=flags content="">
|
||||
<meta name=assert content="U+0087, which is in the unicode category CC, must be visible">
|
||||
<style>
|
||||
div {
|
||||
font-size: 4em;
|
||||
}
|
||||
div::after { content: "\0087" } /* Injecting via CSS, to avoid any mangling by the html parser */
|
||||
</style>
|
||||
|
||||
<p>Test passes if there is a visible character below.
|
||||
|
||||
<div></div>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!doctype html>
|
||||
<meta charset=utf-8>
|
||||
<title>Control charcters must be visible: U+0088</title>
|
||||
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
|
||||
<link rel=help href="https://drafts.csswg.org/css-text-3/#white-space-processing">
|
||||
<link rel=mismatch href="reference/control-chars-000-ref.html">
|
||||
<meta name=flags content="">
|
||||
<meta name=assert content="U+0088, which is in the unicode category CC, must be visible">
|
||||
<style>
|
||||
div {
|
||||
font-size: 4em;
|
||||
}
|
||||
div::after { content: "\0088" } /* Injecting via CSS, to avoid any mangling by the html parser */
|
||||
</style>
|
||||
|
||||
<p>Test passes if there is a visible character below.
|
||||
|
||||
<div></div>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!doctype html>
|
||||
<meta charset=utf-8>
|
||||
<title>Control charcters must be visible: U+0089</title>
|
||||
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
|
||||
<link rel=help href="https://drafts.csswg.org/css-text-3/#white-space-processing">
|
||||
<link rel=mismatch href="reference/control-chars-000-ref.html">
|
||||
<meta name=flags content="">
|
||||
<meta name=assert content="U+0089, which is in the unicode category CC, must be visible">
|
||||
<style>
|
||||
div {
|
||||
font-size: 4em;
|
||||
}
|
||||
div::after { content: "\0089" } /* Injecting via CSS, to avoid any mangling by the html parser */
|
||||
</style>
|
||||
|
||||
<p>Test passes if there is a visible character below.
|
||||
|
||||
<div></div>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!doctype html>
|
||||
<meta charset=utf-8>
|
||||
<title>Control charcters must be visible: U+008A</title>
|
||||
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
|
||||
<link rel=help href="https://drafts.csswg.org/css-text-3/#white-space-processing">
|
||||
<link rel=mismatch href="reference/control-chars-000-ref.html">
|
||||
<meta name=flags content="">
|
||||
<meta name=assert content="U+008A, which is in the unicode category CC, must be visible">
|
||||
<style>
|
||||
div {
|
||||
font-size: 4em;
|
||||
}
|
||||
div::after { content: "\008A" } /* Injecting via CSS, to avoid any mangling by the html parser */
|
||||
</style>
|
||||
|
||||
<p>Test passes if there is a visible character below.
|
||||
|
||||
<div></div>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!doctype html>
|
||||
<meta charset=utf-8>
|
||||
<title>Control charcters must be visible: U+008B</title>
|
||||
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
|
||||
<link rel=help href="https://drafts.csswg.org/css-text-3/#white-space-processing">
|
||||
<link rel=mismatch href="reference/control-chars-000-ref.html">
|
||||
<meta name=flags content="">
|
||||
<meta name=assert content="U+008B, which is in the unicode category CC, must be visible">
|
||||
<style>
|
||||
div {
|
||||
font-size: 4em;
|
||||
}
|
||||
div::after { content: "\008B" } /* Injecting via CSS, to avoid any mangling by the html parser */
|
||||
</style>
|
||||
|
||||
<p>Test passes if there is a visible character below.
|
||||
|
||||
<div></div>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!doctype html>
|
||||
<meta charset=utf-8>
|
||||
<title>Control charcters must be visible: U+008C</title>
|
||||
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
|
||||
<link rel=help href="https://drafts.csswg.org/css-text-3/#white-space-processing">
|
||||
<link rel=mismatch href="reference/control-chars-000-ref.html">
|
||||
<meta name=flags content="">
|
||||
<meta name=assert content="U+008C, which is in the unicode category CC, must be visible">
|
||||
<style>
|
||||
div {
|
||||
font-size: 4em;
|
||||
}
|
||||
div::after { content: "\008C" } /* Injecting via CSS, to avoid any mangling by the html parser */
|
||||
</style>
|
||||
|
||||
<p>Test passes if there is a visible character below.
|
||||
|
||||
<div></div>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!doctype html>
|
||||
<meta charset=utf-8>
|
||||
<title>Control charcters must be visible: U+008D</title>
|
||||
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
|
||||
<link rel=help href="https://drafts.csswg.org/css-text-3/#white-space-processing">
|
||||
<link rel=mismatch href="reference/control-chars-000-ref.html">
|
||||
<meta name=flags content="">
|
||||
<meta name=assert content="U+008D, which is in the unicode category CC, must be visible">
|
||||
<style>
|
||||
div {
|
||||
font-size: 4em;
|
||||
}
|
||||
div::after { content: "\008D" } /* Injecting via CSS, to avoid any mangling by the html parser */
|
||||
</style>
|
||||
|
||||
<p>Test passes if there is a visible character below.
|
||||
|
||||
<div></div>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!doctype html>
|
||||
<meta charset=utf-8>
|
||||
<title>Control charcters must be visible: U+008E</title>
|
||||
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
|
||||
<link rel=help href="https://drafts.csswg.org/css-text-3/#white-space-processing">
|
||||
<link rel=mismatch href="reference/control-chars-000-ref.html">
|
||||
<meta name=flags content="">
|
||||
<meta name=assert content="U+008E, which is in the unicode category CC, must be visible">
|
||||
<style>
|
||||
div {
|
||||
font-size: 4em;
|
||||
}
|
||||
div::after { content: "\008E" } /* Injecting via CSS, to avoid any mangling by the html parser */
|
||||
</style>
|
||||
|
||||
<p>Test passes if there is a visible character below.
|
||||
|
||||
<div></div>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!doctype html>
|
||||
<meta charset=utf-8>
|
||||
<title>Control charcters must be visible: U+008F</title>
|
||||
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
|
||||
<link rel=help href="https://drafts.csswg.org/css-text-3/#white-space-processing">
|
||||
<link rel=mismatch href="reference/control-chars-000-ref.html">
|
||||
<meta name=flags content="">
|
||||
<meta name=assert content="U+008F, which is in the unicode category CC, must be visible">
|
||||
<style>
|
||||
div {
|
||||
font-size: 4em;
|
||||
}
|
||||
div::after { content: "\008F" } /* Injecting via CSS, to avoid any mangling by the html parser */
|
||||
</style>
|
||||
|
||||
<p>Test passes if there is a visible character below.
|
||||
|
||||
<div></div>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!doctype html>
|
||||
<meta charset=utf-8>
|
||||
<title>Control charcters must be visible: U+0090</title>
|
||||
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
|
||||
<link rel=help href="https://drafts.csswg.org/css-text-3/#white-space-processing">
|
||||
<link rel=mismatch href="reference/control-chars-000-ref.html">
|
||||
<meta name=flags content="">
|
||||
<meta name=assert content="U+0090, which is in the unicode category CC, must be visible">
|
||||
<style>
|
||||
div {
|
||||
font-size: 4em;
|
||||
}
|
||||
div::after { content: "\0090" } /* Injecting via CSS, to avoid any mangling by the html parser */
|
||||
</style>
|
||||
|
||||
<p>Test passes if there is a visible character below.
|
||||
|
||||
<div></div>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!doctype html>
|
||||
<meta charset=utf-8>
|
||||
<title>Control charcters must be visible: U+0091</title>
|
||||
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
|
||||
<link rel=help href="https://drafts.csswg.org/css-text-3/#white-space-processing">
|
||||
<link rel=mismatch href="reference/control-chars-000-ref.html">
|
||||
<meta name=flags content="">
|
||||
<meta name=assert content="U+0091, which is in the unicode category CC, must be visible">
|
||||
<style>
|
||||
div {
|
||||
font-size: 4em;
|
||||
}
|
||||
div::after { content: "\0091" } /* Injecting via CSS, to avoid any mangling by the html parser */
|
||||
</style>
|
||||
|
||||
<p>Test passes if there is a visible character below.
|
||||
|
||||
<div></div>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!doctype html>
|
||||
<meta charset=utf-8>
|
||||
<title>Control charcters must be visible: U+0092</title>
|
||||
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
|
||||
<link rel=help href="https://drafts.csswg.org/css-text-3/#white-space-processing">
|
||||
<link rel=mismatch href="reference/control-chars-000-ref.html">
|
||||
<meta name=flags content="">
|
||||
<meta name=assert content="U+0092, which is in the unicode category CC, must be visible">
|
||||
<style>
|
||||
div {
|
||||
font-size: 4em;
|
||||
}
|
||||
div::after { content: "\0092" } /* Injecting via CSS, to avoid any mangling by the html parser */
|
||||
</style>
|
||||
|
||||
<p>Test passes if there is a visible character below.
|
||||
|
||||
<div></div>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!doctype html>
|
||||
<meta charset=utf-8>
|
||||
<title>Control charcters must be visible: U+0093</title>
|
||||
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
|
||||
<link rel=help href="https://drafts.csswg.org/css-text-3/#white-space-processing">
|
||||
<link rel=mismatch href="reference/control-chars-000-ref.html">
|
||||
<meta name=flags content="">
|
||||
<meta name=assert content="U+0093, which is in the unicode category CC, must be visible">
|
||||
<style>
|
||||
div {
|
||||
font-size: 4em;
|
||||
}
|
||||
div::after { content: "\0093" } /* Injecting via CSS, to avoid any mangling by the html parser */
|
||||
</style>
|
||||
|
||||
<p>Test passes if there is a visible character below.
|
||||
|
||||
<div></div>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!doctype html>
|
||||
<meta charset=utf-8>
|
||||
<title>Control charcters must be visible: U+0094</title>
|
||||
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
|
||||
<link rel=help href="https://drafts.csswg.org/css-text-3/#white-space-processing">
|
||||
<link rel=mismatch href="reference/control-chars-000-ref.html">
|
||||
<meta name=flags content="">
|
||||
<meta name=assert content="U+0094, which is in the unicode category CC, must be visible">
|
||||
<style>
|
||||
div {
|
||||
font-size: 4em;
|
||||
}
|
||||
div::after { content: "\0094" } /* Injecting via CSS, to avoid any mangling by the html parser */
|
||||
</style>
|
||||
|
||||
<p>Test passes if there is a visible character below.
|
||||
|
||||
<div></div>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!doctype html>
|
||||
<meta charset=utf-8>
|
||||
<title>Control charcters must be visible: U+0095</title>
|
||||
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
|
||||
<link rel=help href="https://drafts.csswg.org/css-text-3/#white-space-processing">
|
||||
<link rel=mismatch href="reference/control-chars-000-ref.html">
|
||||
<meta name=flags content="">
|
||||
<meta name=assert content="U+0095, which is in the unicode category CC, must be visible">
|
||||
<style>
|
||||
div {
|
||||
font-size: 4em;
|
||||
}
|
||||
div::after { content: "\0095" } /* Injecting via CSS, to avoid any mangling by the html parser */
|
||||
</style>
|
||||
|
||||
<p>Test passes if there is a visible character below.
|
||||
|
||||
<div></div>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!doctype html>
|
||||
<meta charset=utf-8>
|
||||
<title>Control charcters must be visible: U+0096</title>
|
||||
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
|
||||
<link rel=help href="https://drafts.csswg.org/css-text-3/#white-space-processing">
|
||||
<link rel=mismatch href="reference/control-chars-000-ref.html">
|
||||
<meta name=flags content="">
|
||||
<meta name=assert content="U+0096, which is in the unicode category CC, must be visible">
|
||||
<style>
|
||||
div {
|
||||
font-size: 4em;
|
||||
}
|
||||
div::after { content: "\0096" } /* Injecting via CSS, to avoid any mangling by the html parser */
|
||||
</style>
|
||||
|
||||
<p>Test passes if there is a visible character below.
|
||||
|
||||
<div></div>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!doctype html>
|
||||
<meta charset=utf-8>
|
||||
<title>Control charcters must be visible: U+0097</title>
|
||||
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
|
||||
<link rel=help href="https://drafts.csswg.org/css-text-3/#white-space-processing">
|
||||
<link rel=mismatch href="reference/control-chars-000-ref.html">
|
||||
<meta name=flags content="">
|
||||
<meta name=assert content="U+0097, which is in the unicode category CC, must be visible">
|
||||
<style>
|
||||
div {
|
||||
font-size: 4em;
|
||||
}
|
||||
div::after { content: "\0097" } /* Injecting via CSS, to avoid any mangling by the html parser */
|
||||
</style>
|
||||
|
||||
<p>Test passes if there is a visible character below.
|
||||
|
||||
<div></div>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!doctype html>
|
||||
<meta charset=utf-8>
|
||||
<title>Control charcters must be visible: U+0098</title>
|
||||
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
|
||||
<link rel=help href="https://drafts.csswg.org/css-text-3/#white-space-processing">
|
||||
<link rel=mismatch href="reference/control-chars-000-ref.html">
|
||||
<meta name=flags content="">
|
||||
<meta name=assert content="U+0098, which is in the unicode category CC, must be visible">
|
||||
<style>
|
||||
div {
|
||||
font-size: 4em;
|
||||
}
|
||||
div::after { content: "\0098" } /* Injecting via CSS, to avoid any mangling by the html parser */
|
||||
</style>
|
||||
|
||||
<p>Test passes if there is a visible character below.
|
||||
|
||||
<div></div>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!doctype html>
|
||||
<meta charset=utf-8>
|
||||
<title>Control charcters must be visible: U+0099</title>
|
||||
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
|
||||
<link rel=help href="https://drafts.csswg.org/css-text-3/#white-space-processing">
|
||||
<link rel=mismatch href="reference/control-chars-000-ref.html">
|
||||
<meta name=flags content="">
|
||||
<meta name=assert content="U+0099, which is in the unicode category CC, must be visible">
|
||||
<style>
|
||||
div {
|
||||
font-size: 4em;
|
||||
}
|
||||
div::after { content: "\0099" } /* Injecting via CSS, to avoid any mangling by the html parser */
|
||||
</style>
|
||||
|
||||
<p>Test passes if there is a visible character below.
|
||||
|
||||
<div></div>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!doctype html>
|
||||
<meta charset=utf-8>
|
||||
<title>Control charcters must be visible: U+009A</title>
|
||||
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
|
||||
<link rel=help href="https://drafts.csswg.org/css-text-3/#white-space-processing">
|
||||
<link rel=mismatch href="reference/control-chars-000-ref.html">
|
||||
<meta name=flags content="">
|
||||
<meta name=assert content="U+009A, which is in the unicode category CC, must be visible">
|
||||
<style>
|
||||
div {
|
||||
font-size: 4em;
|
||||
}
|
||||
div::after { content: "\009A" } /* Injecting via CSS, to avoid any mangling by the html parser */
|
||||
</style>
|
||||
|
||||
<p>Test passes if there is a visible character below.
|
||||
|
||||
<div></div>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!doctype html>
|
||||
<meta charset=utf-8>
|
||||
<title>Control charcters must be visible: U+009B</title>
|
||||
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
|
||||
<link rel=help href="https://drafts.csswg.org/css-text-3/#white-space-processing">
|
||||
<link rel=mismatch href="reference/control-chars-000-ref.html">
|
||||
<meta name=flags content="">
|
||||
<meta name=assert content="U+009B, which is in the unicode category CC, must be visible">
|
||||
<style>
|
||||
div {
|
||||
font-size: 4em;
|
||||
}
|
||||
div::after { content: "\009B" } /* Injecting via CSS, to avoid any mangling by the html parser */
|
||||
</style>
|
||||
|
||||
<p>Test passes if there is a visible character below.
|
||||
|
||||
<div></div>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!doctype html>
|
||||
<meta charset=utf-8>
|
||||
<title>Control charcters must be visible: U+009C</title>
|
||||
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
|
||||
<link rel=help href="https://drafts.csswg.org/css-text-3/#white-space-processing">
|
||||
<link rel=mismatch href="reference/control-chars-000-ref.html">
|
||||
<meta name=flags content="">
|
||||
<meta name=assert content="U+009C, which is in the unicode category CC, must be visible">
|
||||
<style>
|
||||
div {
|
||||
font-size: 4em;
|
||||
}
|
||||
div::after { content: "\009C" } /* Injecting via CSS, to avoid any mangling by the html parser */
|
||||
</style>
|
||||
|
||||
<p>Test passes if there is a visible character below.
|
||||
|
||||
<div></div>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!doctype html>
|
||||
<meta charset=utf-8>
|
||||
<title>Control charcters must be visible: U+009D</title>
|
||||
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
|
||||
<link rel=help href="https://drafts.csswg.org/css-text-3/#white-space-processing">
|
||||
<link rel=mismatch href="reference/control-chars-000-ref.html">
|
||||
<meta name=flags content="">
|
||||
<meta name=assert content="U+009D, which is in the unicode category CC, must be visible">
|
||||
<style>
|
||||
div {
|
||||
font-size: 4em;
|
||||
}
|
||||
div::after { content: "\009D" } /* Injecting via CSS, to avoid any mangling by the html parser */
|
||||
</style>
|
||||
|
||||
<p>Test passes if there is a visible character below.
|
||||
|
||||
<div></div>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!doctype html>
|
||||
<meta charset=utf-8>
|
||||
<title>Control charcters must be visible: U+009E</title>
|
||||
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
|
||||
<link rel=help href="https://drafts.csswg.org/css-text-3/#white-space-processing">
|
||||
<link rel=mismatch href="reference/control-chars-000-ref.html">
|
||||
<meta name=flags content="">
|
||||
<meta name=assert content="U+009E, which is in the unicode category CC, must be visible">
|
||||
<style>
|
||||
div {
|
||||
font-size: 4em;
|
||||
}
|
||||
div::after { content: "\009E" } /* Injecting via CSS, to avoid any mangling by the html parser */
|
||||
</style>
|
||||
|
||||
<p>Test passes if there is a visible character below.
|
||||
|
||||
<div></div>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!doctype html>
|
||||
<meta charset=utf-8>
|
||||
<title>Control charcters must be visible: U+009F</title>
|
||||
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
|
||||
<link rel=help href="https://drafts.csswg.org/css-text-3/#white-space-processing">
|
||||
<link rel=mismatch href="reference/control-chars-000-ref.html">
|
||||
<meta name=flags content="">
|
||||
<meta name=assert content="U+009F, which is in the unicode category CC, must be visible">
|
||||
<style>
|
||||
div {
|
||||
font-size: 4em;
|
||||
}
|
||||
div::after { content: "\009F" } /* Injecting via CSS, to avoid any mangling by the html parser */
|
||||
</style>
|
||||
|
||||
<p>Test passes if there is a visible character below.
|
||||
|
||||
<div></div>
|
||||
|
|
@ -0,0 +1,40 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<meta charset=utf-8>
|
||||
<link rel="author" title="Mike Bremford" href="mailto:mike@bfo.com">
|
||||
<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net">
|
||||
<link rel="help" href="https://www.w3.org/TR/css-text-3/#white-space-phase-2">
|
||||
<link rel="match" href="reference/line-edge-white-space-collapse-001-ref.html">
|
||||
<meta name="flags" content="">
|
||||
<title>White space collapse at end of line collapses through an inline</title>
|
||||
<style>
|
||||
div { font: 30px/30px monospace; }
|
||||
span span { border-left: 30px solid green }
|
||||
aside {
|
||||
font: 30px/30px monospace;
|
||||
width: 30px;
|
||||
background: red;
|
||||
position: absolute;
|
||||
z-index:-1;
|
||||
height: 300px;
|
||||
|
||||
/* to avoid accidental bleeding at the edges by a pixel or a sub pixel*/
|
||||
box-sizing: border-box;
|
||||
border: solid white 5px;
|
||||
margin-left: 1ch;
|
||||
}
|
||||
</style>
|
||||
|
||||
<p>Test passes if there is a single green rectangle next to ABCDEFGHIJ, and no red.
|
||||
|
||||
<aside></aside>
|
||||
<div><span>A <span> </span> </span></div>
|
||||
<div><span>B <span> </span> </span></div>
|
||||
<div><span>C <span> </span> </span></div>
|
||||
<div><span>D <span> </span></span></div>
|
||||
<div><span>E <span> </span> </span></div>
|
||||
<div><span>F <span> </span> </span></div>
|
||||
<div><span>G <span> </span></span></div>
|
||||
<div><span>H<span> </span> </span></div>
|
||||
<div><span>I<span> </span></span></div>
|
||||
<div><span>J<span></span></span></div>
|
||||
|
|
@ -0,0 +1,40 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<meta charset=utf-8>
|
||||
<link rel="author" title="Mike Bremford" href="mailto:mike@bfo.com">
|
||||
<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net">
|
||||
<link rel="help" href="https://www.w3.org/TR/css-text-3/#white-space-phase-2">
|
||||
<link rel="match" href="reference/line-edge-white-space-collapse-002-ref.html">
|
||||
<meta name="flags" content="">
|
||||
<title>White space collapse at start of line collapses through an inline</title>
|
||||
<style>
|
||||
div { font: 30px/30px monospace; }
|
||||
span span { border-left: 30px solid green }
|
||||
aside {
|
||||
font: 30px/30px monospace;
|
||||
width: 30px;
|
||||
background: red;
|
||||
position: absolute;
|
||||
z-index:-1;
|
||||
height: 300px;
|
||||
|
||||
/* to avoid accidental bleeding at the edges by a pixel or a sub pixel*/
|
||||
box-sizing: border-box;
|
||||
border: solid white 5px;
|
||||
}
|
||||
</style>
|
||||
|
||||
<p>Test passes if there is a single green rectangle, and no red. The letters KLMNOPQRST must be immediately to its right, vertically aligned with each other.
|
||||
|
||||
<aside></aside>
|
||||
<div><span> <span> </span> K</span></div>
|
||||
<div><span> <span> </span> L</span></div>
|
||||
<div><span> <span> </span> M</span></div>
|
||||
<div><span><span> </span> N</span></div>
|
||||
<div><span> <span> </span> O </span></div>
|
||||
<div><span> <span> </span> P</span></div>
|
||||
<div><span><span> </span> Q</span></div>
|
||||
<div><span> <span> </span>R</span></div>
|
||||
<div><span><span> </span>S</span></div>
|
||||
<div><span><span></span>T</span></div>
|
||||
|
||||
|
|
@ -0,0 +1,6 @@
|
|||
<!doctype html>
|
||||
<meta charset=utf-8>
|
||||
<title>CSS test mismatch reference</title>
|
||||
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
|
||||
|
||||
<p>Test passes if there is a visible character below.
|
||||
|
|
@ -0,0 +1,23 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<meta charset=utf-8>
|
||||
<link rel="author" title="Mike Bremford" href="mailto:mike@bfo.com">
|
||||
<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net">
|
||||
<title>CSS test reference</title>
|
||||
<style>
|
||||
div { font: 30px/30px monospace; }
|
||||
span { border-left: 30px solid green }
|
||||
</style>
|
||||
|
||||
<p>Test passes if there is a single green rectangle next to ABCDEFGHIJ, and no red.
|
||||
|
||||
<div>A<span></span></div>
|
||||
<div>B<span></span></div>
|
||||
<div>C<span></span></div>
|
||||
<div>D<span></span></div>
|
||||
<div>E<span></span></div>
|
||||
<div>F<span></span></div>
|
||||
<div>G<span></span></div>
|
||||
<div>H<span></span></div>
|
||||
<div>I<span></span></div>
|
||||
<div>J<span></span></div>
|
||||
|
|
@ -0,0 +1,24 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<meta charset=utf-8>
|
||||
<link rel="author" title="Mike Bremford" href="mailto:mike@bfo.com">
|
||||
<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net">
|
||||
<title>CSS test reference</title>
|
||||
<style>
|
||||
div { font: 30px/30px monospace; }
|
||||
span { border-left: 30px solid green }
|
||||
</style>
|
||||
|
||||
<p>Test passes if there is a single green rectangle, and no red. The letters KLMNOPQRST must be immediately to its right, vertically aligned with each other.
|
||||
|
||||
<div><span>K</span></div>
|
||||
<div><span>L</span></div>
|
||||
<div><span>M</span></div>
|
||||
<div><span>N</span></div>
|
||||
<div><span>O</span></div>
|
||||
<div><span>P</span></div>
|
||||
<div><span>Q</span></div>
|
||||
<div><span>R</span></div>
|
||||
<div><span>S</span></div>
|
||||
<div><span>T</span></div>
|
||||
|
||||
|
|
@ -68,6 +68,12 @@
|
|||
grid-row: 3;
|
||||
}
|
||||
|
||||
.thirdRowThirdColumn {
|
||||
background-color: salmon;
|
||||
grid-column: 3;
|
||||
grid-row: 3;
|
||||
}
|
||||
|
||||
.firstRowThirdColumn {
|
||||
background-color: magenta;
|
||||
grid-column: 3;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue