mirror of
https://github.com/servo/servo.git
synced 2025-08-13 01:15:34 +01:00
Update web-platform-tests to revision b'468d01bbd84da2babf265c6af46947be68713440'
This commit is contained in:
parent
35e95f55a1
commit
58e8ee674b
9438 changed files with 266112 additions and 106976 deletions
|
@ -0,0 +1,3 @@
|
|||
<!doctype html>
|
||||
<meta charset="utf-8">
|
||||
<p>בְּרֵאשִׁית בָּרָא אֱלֹהִים אֵת הַשָּׁמַיִם וְאֵת הָאָֽרֶץ׃</p>
|
|
@ -0,0 +1,25 @@
|
|||
<!doctype html>
|
||||
<meta charset="utf-8">
|
||||
<link rel="help" href='http://www.w3.org/TR/css-writing-modes-3/#text-direction'>
|
||||
<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1721952">
|
||||
<link rel="author" href="mailto:emilio@crisal.io" title="Emilio Cobos Álvarez">
|
||||
<link rel="author" href="https://mozilla.org" title="Mozilla">
|
||||
<link rel="match" href="bidi-dynamic-iframe-001-ref.html">
|
||||
<iframe srcdoc="בְּרֵאשִׁית בָּרָא אֱלֹהִים אֵת הַשָּׁמַיִם וְאֵת הָאָֽרֶץ׃"></iframe>
|
||||
<p id="target"></p>
|
||||
<script>
|
||||
onload = function() {
|
||||
let frame = document.querySelector("iframe");
|
||||
let target = document.getElementById("target");
|
||||
|
||||
let doc = frame.contentDocument;
|
||||
let bidiString = frame.getAttribute("srcdoc");
|
||||
let node = doc.createTextNode("");
|
||||
|
||||
doc.body.appendChild(node);
|
||||
node.appendData(bidiString);
|
||||
|
||||
target.appendChild(node);
|
||||
frame.remove();
|
||||
}
|
||||
</script>
|
|
@ -0,0 +1,44 @@
|
|||
<!DOCTYPE html>
|
||||
<title>unicode-bidi: plaintext with forced breaks</title>
|
||||
<link rel="help" href='https://drafts.csswg.org/css-writing-modes-3/#valdef-unicode-bidi-plaintext'/>
|
||||
<link rel="match" href='reference/bidi-plaintext-br-001-ref.html'/>
|
||||
<link rel="author" title="Koji Ishii" href='mailto:kojii@chromium.org'/>
|
||||
<style>
|
||||
div.test {
|
||||
font-family: Arial;
|
||||
line-height: 1;
|
||||
width: 10ch;
|
||||
border: 1px solid blue;
|
||||
unicode-bidi: plaintext;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<div class="test">
|
||||
אאאאאאאא
|
||||
MMMMM
|
||||
</div>
|
||||
<div class="test">
|
||||
MMMMM
|
||||
אאאאאאאא
|
||||
</div>
|
||||
<div class="test">
|
||||
a<br>
|
||||
אאאאאאאא
|
||||
MMMMM
|
||||
</div>
|
||||
<div class="test">
|
||||
a<br>
|
||||
MMMMM
|
||||
אאאאאאאא
|
||||
</div>
|
||||
<div class="test">
|
||||
א<br>
|
||||
אאאאאאאא
|
||||
MMMMM
|
||||
</div>
|
||||
<div class="test">
|
||||
א<br>
|
||||
MMMMM
|
||||
אאאאאאאא
|
||||
</div>
|
||||
</body>
|
|
@ -42,6 +42,17 @@
|
|||
padding-bottom: 1em; /* overriding default 40px in several browsers */
|
||||
}
|
||||
|
||||
/*
|
||||
This test depends on the blue ::marker image being placed inside the (blue)
|
||||
padding area. That depends on how the spacing between it and the list-item
|
||||
box is calculated, which depends on font metrics. The following rule is
|
||||
to avoid these uncertainties and place it inside the padding for sure.
|
||||
*/
|
||||
::marker
|
||||
{
|
||||
font-size: 0;
|
||||
}
|
||||
|
||||
ul.left-border
|
||||
{
|
||||
border-left: blue solid 1em;
|
||||
|
@ -95,4 +106,4 @@
|
|||
<!-- The 4th left-most line of right-most "S" --> <ul id="right-border"><li>jjjj k</li></ul>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
@ -42,6 +42,17 @@
|
|||
padding-top: 1em; /* overriding default padding-start: 40px in several browsers */
|
||||
}
|
||||
|
||||
/*
|
||||
This test depends on the blue ::marker image being placed inside the (blue)
|
||||
padding area. That depends on how the spacing between it and the list-item
|
||||
box is calculated, which depends on font metrics. The following rule is
|
||||
to avoid these uncertainties and place it inside the padding for sure.
|
||||
*/
|
||||
::marker
|
||||
{
|
||||
font-size: 0;
|
||||
}
|
||||
|
||||
ul.right-border
|
||||
{
|
||||
border-right: blue solid 1em;
|
||||
|
@ -95,4 +106,4 @@
|
|||
<!-- The 4th right-most line of "P" --> <ul id="left-border"><li>kkkkkkk</li></ul>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
@ -51,6 +51,17 @@
|
|||
{
|
||||
border-right: blue solid 1em;
|
||||
}
|
||||
|
||||
/*
|
||||
This test depends on the blue ::marker image being placed inside the (blue)
|
||||
padding area. That depends on how the spacing between it and the list-item
|
||||
box is calculated, which depends on font metrics. The following rule is
|
||||
to avoid these uncertainties and place it inside the padding for sure.
|
||||
*/
|
||||
::marker
|
||||
{
|
||||
font-size: 0;
|
||||
}
|
||||
]]></style>
|
||||
</head>
|
||||
|
||||
|
@ -95,4 +106,4 @@
|
|||
<!-- The 4th left-most line of right-most "S" --> <ul id="right-border"><li>j kkkk</li></ul>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
@ -51,6 +51,17 @@
|
|||
{
|
||||
border-left: blue solid 1em;
|
||||
}
|
||||
|
||||
/*
|
||||
This test depends on the blue ::marker image being placed inside the (blue)
|
||||
padding area. That depends on how the spacing between it and the list-item
|
||||
box is calculated, which depends on font metrics. The following rule is
|
||||
to avoid these uncertainties and place it inside the padding for sure.
|
||||
*/
|
||||
::marker
|
||||
{
|
||||
font-size: 0;
|
||||
}
|
||||
]]></style>
|
||||
</head>
|
||||
|
||||
|
@ -95,4 +106,4 @@
|
|||
<!-- The 4th right-most line of "P" --> <ul id="left-border"><li>kkkkkkk</li></ul>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
@ -0,0 +1,24 @@
|
|||
<!DOCTYPE html>
|
||||
<link rel="author" title="Koji Ishii" href="mailto:kojii@chromium.org">
|
||||
<link rel="help" href="https://crbug.com/1213358">
|
||||
<style type="text/css">
|
||||
.CLASS2 {
|
||||
writing-mode: vertical-lr;
|
||||
}
|
||||
.CLASS4 {
|
||||
columns: +6.9vh 8589934576;
|
||||
}
|
||||
samp, button, div.CLASS1 {
|
||||
overflow-x: auto;
|
||||
float: left;
|
||||
block-size: 2.0%;
|
||||
}
|
||||
</style>
|
||||
<samp class="CLASS2">
|
||||
<button>
|
||||
<div class="CLASS1">
|
||||
<h6 class="CLASS4">ABC</h6>
|
||||
</div>
|
||||
ABC
|
||||
</button>
|
||||
</samp>
|
|
@ -0,0 +1,8 @@
|
|||
<!DOCTYPE html>
|
||||
<link rel="author" title="Koji Ishii" href="mailto:kojii@chromium.org">
|
||||
<link rel="help" href="https://crbug.com/1213358">
|
||||
<div style="writing-mode:vertical-lr; inline-size:fit-content">
|
||||
<div style="overflow: auto; writing-mode:horizontal-tb; height:10%">
|
||||
abc
|
||||
</div>
|
||||
</div>
|
|
@ -0,0 +1,6 @@
|
|||
<!DOCTYPE html>
|
||||
<link rel="help" href="https://crbug.com/1225014">
|
||||
<link rel="author" title="Koji Ishii" href="mailto:kojii@chromium.org">
|
||||
<div style="display: -webkit-box">
|
||||
<table style="writing-mode: vertical-rl">
|
||||
<caption>
|
|
@ -0,0 +1,11 @@
|
|||
<!DOCTYPE html>
|
||||
<title>Chrome DCHECK failure for non-root <html></title>
|
||||
<link rel="help" href="https://crbug.com/1217946">
|
||||
<body></body>
|
||||
<script>
|
||||
let non_root = document.createElement("html");
|
||||
document.documentElement.appendChild(non_root);
|
||||
document.body.offsetTop;
|
||||
document.body.style.display = "inline";
|
||||
non_root.style.color = "red";
|
||||
</script>
|
|
@ -0,0 +1,4 @@
|
|||
<!doctype html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Test Reference</title>
|
||||
<body style="margin:0">This text should be left aligned.</body>
|
|
@ -0,0 +1,13 @@
|
|||
<!doctype html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Writing Modes Test: Do not propagate direction from body when html root is contained</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-writing-modes/#principal-flow">
|
||||
<link rel="match" href="direction-propagation-body-contain-root-ref.html">
|
||||
<style>
|
||||
html { contain: paint; }
|
||||
body { direction: rtl; display: inline; }
|
||||
</style>
|
||||
<body></body>
|
||||
<script>
|
||||
document.documentElement.insertBefore(document.createTextNode("This text should be left aligned."), document.body);
|
||||
</script>
|
|
@ -0,0 +1,47 @@
|
|||
<!DOCTYPE html>
|
||||
<style>
|
||||
div.test {
|
||||
font-family: Arial;
|
||||
line-height: 1;
|
||||
width: 10ch;
|
||||
border: 1px solid blue;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<div class="test" dir="rtl">
|
||||
אאאאאאאא
|
||||
MMMMM
|
||||
</div>
|
||||
<div class="test">
|
||||
MMMMM
|
||||
אאאאאאאא
|
||||
</div>
|
||||
<div class="test">
|
||||
<div>a</div>
|
||||
<div dir="rtl">
|
||||
אאאאאאאא
|
||||
MMMMM
|
||||
</div>
|
||||
</div>
|
||||
<div class="test">
|
||||
<div>a</div>
|
||||
<div>
|
||||
MMMMM
|
||||
אאאאאאאא
|
||||
</div>
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="rtl">א</div>
|
||||
<div dir="rtl">
|
||||
אאאאאאאא
|
||||
MMMMM
|
||||
</div>
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="rtl">א</div>
|
||||
<div>
|
||||
MMMMM
|
||||
אאאאאאאא
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
|
@ -0,0 +1,2 @@
|
|||
<!DOCTYPE html>
|
||||
<div style="width: 100px; height: 50px; background: blue;"></div>
|
|
@ -0,0 +1,7 @@
|
|||
<!DOCTYPE html>
|
||||
<title>Checks the natural-size of the image is in the correct orientation.</title>
|
||||
<link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=1204409">
|
||||
<link rel="match" href="replaced-content-image-004-ref.html">
|
||||
<div style="writing-mode: vertical-rl;">
|
||||
<img src="support/blue-200x100.png" width="200" height="100" style="width: auto; height: auto; max-width: 100px; max-height: 100px;">
|
||||
</div>
|
|
@ -18,6 +18,8 @@
|
|||
{
|
||||
height: 100%;
|
||||
writing-mode: vertical-rl;
|
||||
overflow: hidden; /* since test and reference might place scrollbars on
|
||||
different sides */
|
||||
}
|
||||
|
||||
body
|
||||
|
|
|
@ -60,6 +60,12 @@
|
|||
-->
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
html
|
||||
{
|
||||
overflow: hidden; /* since test and reference might place scrollbars on
|
||||
different sides */
|
||||
}
|
||||
|
||||
body
|
||||
{
|
||||
font-size: 16px;
|
||||
|
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<title>CSS Writing Modes Test Reference: positioning of a sideways-lr block alongside vertical-lr floats</title>
|
||||
|
||||
<link rel="author" title="Ting-Yu Lin" href="tlin@mozilla.com">
|
||||
<link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
|
||||
<link rel="author" title="Mozilla" href="https://www.mozilla.org/">
|
||||
<meta content="image" name="flags">
|
||||
|
||||
|
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<title>CSS Writing Modes Test: positioning of a sideways-lr block alongside vertical-lr floats</title>
|
||||
|
||||
<link rel="author" title="Ting-Yu Lin" href="tlin@mozilla.com">
|
||||
<link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
|
||||
<link rel="author" title="Mozilla" href="https://www.mozilla.org/">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-writing-modes/#block-flow" title="3.2. Block Flow Direction: the writing-mode property">
|
||||
<link rel="match" href="slr-alongside-vlr-floats-ref.html">
|
||||
|
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<title>CSS Writing Modes Test Reference: positioning of a sideways-rl block alongside vertical-rl floats</title>
|
||||
|
||||
<link rel="author" title="Ting-Yu Lin" href="tlin@mozilla.com">
|
||||
<link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
|
||||
<link rel="author" title="Mozilla" href="https://www.mozilla.org/">
|
||||
<meta content="image" name="flags">
|
||||
|
||||
|
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<title>CSS Writing Modes Test: positioning of a sideways-rl block alongside vertical-rl floats</title>
|
||||
|
||||
<link rel="author" title="Ting-Yu Lin" href="tlin@mozilla.com">
|
||||
<link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
|
||||
<link rel="author" title="Mozilla" href="https://www.mozilla.org/">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-writing-modes/#block-flow" title="3.2. Block Flow Direction: the writing-mode property">
|
||||
<link rel="match" href="srl-alongside-vrl-floats-ref.html">
|
||||
|
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<title>CSS Writing Modes Test Reference: positioning of a text-orientation:sideways block alongside vertical-lr floats</title>
|
||||
|
||||
<link rel="author" title="Ting-Yu Lin" href="tlin@mozilla.com">
|
||||
<link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
|
||||
<link rel="author" title="Mozilla" href="https://www.mozilla.org/">
|
||||
|
||||
<style>
|
||||
|
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<title>CSS Writing Modes Test: positioning of a text-orientation:sideways block alongside vertical-lr floats</title>
|
||||
|
||||
<link rel="author" title="Ting-Yu Lin" href="tlin@mozilla.com">
|
||||
<link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
|
||||
<link rel="author" title="Mozilla" href="https://www.mozilla.org/">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-writing-modes/#block-flow" title="3.2. Block Flow Direction: the writing-mode property">
|
||||
<link rel="match" href="vlr-text-orientation-sideways-alongside-vlr-floats-ref.html">
|
||||
|
|
|
@ -0,0 +1,19 @@
|
|||
<!DOCTYPE html>
|
||||
<html class="reftest-wait">
|
||||
<link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=1206914">
|
||||
<link rel="match" href="../reference/ref-filled-green-100px-square-only.html">
|
||||
<link rel="stylesheet" href="/fonts/ahem.css">
|
||||
<script src="/common/reftest-wait.js"></script>
|
||||
<script src="/common/rendering-utils.js"></script>
|
||||
<p>Test passes if there is a filled green square.</p>
|
||||
<div id="target" style="font: 100px/1 Ahem; color: green; width: 50px; height: 100px; writing-mode: vertical-rl; line-height: 0; background: red;">
|
||||
<div style="width: 100%;">
|
||||
<span style="position: relative; left: -50px;">X</span>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
waitForAtLeastOneFrame().then(function() {
|
||||
document.getElementById('target').style.width = '100px';
|
||||
takeScreenshot();
|
||||
});
|
||||
</script>
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<title>CSS Writing Modes Test Reference: positioning of a text-orientation:sideways block alongside vertical-rl floats</title>
|
||||
|
||||
<link rel="author" title="Ting-Yu Lin" href="tlin@mozilla.com">
|
||||
<link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
|
||||
<link rel="author" title="Mozilla" href="https://www.mozilla.org/">
|
||||
|
||||
<style>
|
||||
|
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<title>CSS Writing Modes Test: positioning of a text-orientation:sideways block alongside vertical-rl floats</title>
|
||||
|
||||
<link rel="author" title="Ting-Yu Lin" href="tlin@mozilla.com">
|
||||
<link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
|
||||
<link rel="author" title="Mozilla" href="https://www.mozilla.org/">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-writing-modes/#block-flow" title="3.2. Block Flow Direction: the writing-mode property">
|
||||
<link rel="match" href="vrl-text-orientation-sideways-alongside-vrl-floats-ref.html">
|
||||
|
|
|
@ -0,0 +1,4 @@
|
|||
<!doctype html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Test Reference</title>
|
||||
<div style="writing-mode:vertical-rl">This text should run vertically on the left side</body>
|
|
@ -0,0 +1,10 @@
|
|||
<!doctype html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Writing Modes Test: Do not propagate writing-mode from body when html root is contained</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-writing-modes/#principal-flow">
|
||||
<link rel="match" href="wm-propagation-body-contain-root-ref.html">
|
||||
<style>
|
||||
html { contain: paint; }
|
||||
body { writing-mode: vertical-rl; }
|
||||
</style>
|
||||
<body>This text should run vertically on the left side</body>
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS-Writing Modes Test: propagation of the writing-mode property from body to root</title>
|
||||
<link rel="author" title="Ting-Yu Lin" href="tlin@mozilla.com">
|
||||
<link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
|
||||
<link rel="author" title="Mozilla" href="http://www.mozilla.org/">
|
||||
<link rel=help href="https://drafts.csswg.org/css-writing-modes-3/#principal-flow">
|
||||
<link rel="match" href="block-flow-direction-025-ref.xht">
|
||||
|
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS-Writing Modes Test: propagation of the writing-mode property from body to root</title>
|
||||
<link rel="author" title="Ting-Yu Lin" href="tlin@mozilla.com">
|
||||
<link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
|
||||
<link rel="author" title="Mozilla" href="http://www.mozilla.org/">
|
||||
|
||||
<style>
|
||||
|
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS-Writing Modes Test: propagation of the writing-mode property from body to root</title>
|
||||
<link rel="author" title="Ting-Yu Lin" href="tlin@mozilla.com">
|
||||
<link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
|
||||
<link rel="author" title="Mozilla" href="http://www.mozilla.org/">
|
||||
<link rel=help href="https://drafts.csswg.org/css-writing-modes-3/#principal-flow">
|
||||
<link rel="match" href="wm-propagation-body-dynamic-change-002-ref.html">
|
||||
|
|
|
@ -0,0 +1,4 @@
|
|||
<!doctype html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Test Reference</title>
|
||||
<body style="margin:0">This text must be horizontal.</body>
|
|
@ -0,0 +1,12 @@
|
|||
<!doctype html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Writing Modes Test: propagation of the writing-mode property from body to root with text children</title>
|
||||
<link rel=help href="https://drafts.csswg.org/css-writing-modes-3/#principal-flow">
|
||||
<link rel="match" href="wm-propagation-body-dynamic-change-003-ref.html">
|
||||
<body style="writing-mode: vertical-rl"></body>
|
||||
<script>
|
||||
document.documentElement.insertBefore(
|
||||
document.createTextNode("This text must be horizontal."), document.body);
|
||||
document.body.offsetTop;
|
||||
document.body.style.writingMode = "horizontal-tb";
|
||||
</script>
|
|
@ -1,7 +1,7 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:html="http://www.w3.org/1999/xhtml" width="2000px" height="100px" style="direction: rtl;">
|
||||
<g id="testmeta">
|
||||
<title>CSS-Writing Modes Test: Principal Writing Mode</title>
|
||||
<html:link rel="author" title="Ting-Yu Lin" href="tlin@mozilla.com"/>
|
||||
<html:link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com"/>
|
||||
<html:link rel="author" title="Mozilla" href="https://mozilla.org/"/>
|
||||
<html:link rel="help" href="https://drafts.csswg.org/css-writing-modes-3/#principal-flow"/>
|
||||
<html:link rel="mismatch" href="../reference/blank.html"/>
|
||||
|
|
Before Width: | Height: | Size: 696 B After Width: | Height: | Size: 703 B |
Loading…
Add table
Add a link
Reference in a new issue