Update web-platform-tests to revision 0d318188757a9c996e20b82db201fd04de5aa255

This commit is contained in:
James Graham 2015-03-27 09:15:38 +00:00
parent b2a5225831
commit 1a81b18b9f
12321 changed files with 544385 additions and 6 deletions

View file

@ -0,0 +1,16 @@
<!DOCTYPE html>
<title>HTMLAnchorElement stringifier</title>
<link rel="author" title="Ms2ger" href="mailto:ms2ger@gmail.com">
<link rel="help" href="https://heycam.github.io/webidl/#es-stringifier">
<script src=/resources/testharness.js></script>
<script src=/resources/testharnessreport.js></script>
<script src=/common/stringifiers.js></script>
<div id=log></div>
<script>
test(function() {
test_stringifier_attribute(document.createElement("a"), "href", false);
var a = document.createElement("a");
a.setAttribute("href", "foo");
test_stringifier_attribute(a, "href", false);
});
</script>

View file

@ -0,0 +1,34 @@
<!DOCTYPE html>
<title>HTMLAnchorElement.text getting</title>
<link rel="author" title="Ms2ger" href="mailto:ms2ger@gmail.com">
<link rel="help" href="https://html.spec.whatwg.org/multipage/#dom-a-text">
<script src=/resources/testharness.js></script>
<script src=/resources/testharnessreport.js></script>
<div id=log></div>
<script>var b</script>
<div id="test">
<a href="a">a b c </a>
<a href="b">a <!--b-->b c </a>
<a href="c">a <b>b</b> c </a>
<a href="d">a <script>b</script> c </a>
<script>
var e = document.getElementById("test")
.appendChild(document.createElement("a"));
e.href = "d";
e.appendChild(document.createTextNode("a "));
e.appendChild(document.createTextNode("b "));
e.appendChild(document.createTextNode("c "));
</script>
</div>
<script>
test(function() {
var list = document.getElementById("test")
.getElementsByTagName("a");
for (var i = 0, il = list.length; i < il; ++i) {
test(function() {
assert_equals(list[i].text, list[i].textContent);
assert_equals(list[i].text, "a b c ");
}, "Test for anchor " + i);
}
});
</script>

View file

@ -0,0 +1,41 @@
<!DOCTYPE html>
<title>HTMLAnchorElement.text setting</title>
<link rel="author" title="Ms2ger" href="mailto:ms2ger@gmail.com">
<link rel="help" href="https://html.spec.whatwg.org/multipage/#dom-a-text">
<script src=/resources/testharness.js></script>
<script src=/resources/testharnessreport.js></script>
<div id=log></div>
<div id="test">
<a href="a">a b c</a>
<a href="b">a <!--b--> c</a>
<a href="c">a <b>b</b> c</a>
<script>
var d = document.getElementById("test")
.appendChild(document.createElement("a"));
d.href = "d";
d.appendChild(document.createTextNode("a "));
d.appendChild(document.createTextNode("b "));
d.appendChild(document.createTextNode("c "));
</script>
</div>
<script>
test(function() {
var list = document.getElementById("test")
.getElementsByTagName("a");
for (var i = 0, il = list.length; i < il; ++i) {
test(function() {
list[i].text = "x";
assert_equals(list[i].text, "x");
assert_equals(list[i].textContent, "x");
assert_equals(list[i].firstChild.data, "x");
assert_equals(list[i].childNodes.length, 1);
list[i].textContent = "y";
assert_equals(list[i].text, "y");
assert_equals(list[i].textContent, "y");
assert_equals(list[i].firstChild.data, "y");
assert_equals(list[i].childNodes.length, 1);
}, "Test for anchor " + i);
}
});
</script>

View file

@ -0,0 +1,36 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="author" title="Aharon Lanin" href="mailto:aharon@google.com">
<link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com">
<style>
body{
font-size:2em;
}
.test, .ref {
border: medium solid gray;
width: 500px;
margin: 20px;
}
.comments { display: none; }
</style>
</head>
<body>
<div class="instructions"><p>Test passes if the two boxes below look exactly the same.</p></div>
<div class="comments">
Key to entities used below:
&#x05D0; ... &#x05D5; - The first six Hebrew letters (strongly RTL).
&#x202D; - The LRO (left-to-right override) formatting character.
&#x202C; - The PDF (pop directional formatting) formatting character; closes LRO.
</div>
<div class="test">
<div dir="ltr">&#x202D;[:)], [+- a &#x05D1;], [d &#x05D2; 1]...&#x202C;</div>
<div dir="rtl">&#x202D;...[d &#x05D2; 1] ,[+- a &#x05D1;] ,[:)]&#x202C;</div>
</div>
<div class="ref">
<div dir="ltr">&#x202D;[:)], [+- a &#x05D1;], [d &#x05D2; 1]...&#x202C;</div>
<div dir="rtl">&#x202D;...[d &#x05D2; 1] ,[+- a &#x05D1;] ,[:)]&#x202C;</div>
</div>
</body>
</html>

View file

@ -0,0 +1,46 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>HTML Test: BDI: has dir=auto by default</title>
<link rel="match" href="bdi-auto-dir-default-ref.html"/>
<link rel="author" title="Aharon Lanin" href="mailto:aharon@google.com"/>
<link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com"/>
<link rel="help" href="https://html.spec.whatwg.org/multipage/#the-bdi-element"/>
<meta name="assert" content="
'The dir global attribute defaults to auto on this element (it never inherits from the parent
element like with other elements).'"/>
<style>
body{
font-size:2em;
}
.test, .ref {
border: medium solid gray;
width: 500px;
margin: 20px;
}
.comments { display: none; }
</style>
</head>
<body>
<div class="instructions"><p>Test passes if the two boxes below look exactly the same.</p></div>
<div class="comments">
Key to entities used below:
&#x05D0; ... &#x05D5; - The first six Hebrew letters (strongly RTL).
&#x202D; - The LRO (left-to-right override) formatting character.
&#x202C; - The PDF (pop directional formatting) formatting character; closes LRO.
In each DIV of the test:
- the first BDI, having no characters with strong direction, should be LTR by default;
- the second BDI, having an LTR character first, should be LTR by default;
- the third BDI, having an RTL character first, should be RTL by default.
</div>
<div class="test">
<div dir="ltr"><bdi>[:)]</bdi>, <bdi>[+- a &#x05D1;]</bdi>, <bdi>[1 &#x05D2; d]</bdi>...</div>
<div dir="rtl"><bdi>[:)]</bdi>, <bdi>[+- a &#x05D1;]</bdi>, <bdi>[1 &#x05D2; d]</bdi>...</div>
</div>
<div class="ref">
<div dir="ltr">&#x202D;[:)], [+- a &#x05D1;], [d &#x05D2; 1]...&#x202C;</div>
<div dir="rtl">&#x202D;...[d &#x05D2; 1] ,[+- a &#x05D1;] ,[:)]&#x202C;</div>
</div>
</body>
</html>

View file

@ -0,0 +1,44 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="author" title="Aharon Lanin" href="mailto:aharon@google.com">
<link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com">
<style>
body{
font-size:2em;
}
.test, .ref {
border: medium solid gray;
width: 400px;
margin: 20px;
}
.comments { display: none; }
</style>
</head>
<body>
<div class="instructions"><p>Test passes if the two boxes below look exactly the same.</p></div>
<div class="comments">
Key to entities used below:
&#x05D0; ... &#x05D5; - The first six Hebrew letters (strongly RTL).
&#x202D; - The LRO (left-to-right override) formatting character.
&#x202C; - The PDF (pop directional formatting) formatting character; closes LRO.
</div>
<div class="test">
<div dir="ltr">&#x202D;cb&#x05D0;de...&#x202C;</div>
<div dir="ltr">&#x202D;cb&#x05D0;de...&#x202C;</div>
<div dir="ltr">&#x202D;cb&#x05D0;de...&#x202C;</div>
<div dir="rtl">&#x202D;...&#x05D4;&#x05D3;a&#x05D1;&#x05D2;&#x202C;</div>
<div dir="rtl">&#x202D;...&#x05D4;&#x05D3;a&#x05D1;&#x05D2;&#x202C;</div>
<div dir="rtl">&#x202D;...&#x05D4;&#x05D3;a&#x05D1;&#x05D2;&#x202C;</div>
</div>
<div class="ref">
<div dir="ltr">&#x202D;cb&#x05D0;de...&#x202C;</div>
<div dir="ltr">&#x202D;cb&#x05D0;de...&#x202C;</div>
<div dir="ltr">&#x202D;cb&#x05D0;de...&#x202C;</div>
<div dir="rtl">&#x202D;...&#x05D4;&#x05D3;a&#x05D1;&#x05D2;&#x202C;</div>
<div dir="rtl">&#x202D;...&#x05D4;&#x05D3;a&#x05D1;&#x05D2;&#x202C;</div>
<div dir="rtl">&#x202D;...&#x05D4;&#x05D3;a&#x05D1;&#x05D2;&#x202C;</div>
</div>
</body>
</html>

View file

@ -0,0 +1,56 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>HTML Test: BDI: neutral when contains LRO or RLO without PDF</title>
<link rel="match" href="bdi-neutral-missing-pdf-ref.html"/>
<link rel="author" title="Aharon Lanin" href="mailto:aharon@google.com"/>
<link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com"/>
<link rel="help" href="https://html.spec.whatwg.org/multipage/#the-bdi-element"/>
<meta name="assert" content="
'For the purposes of applying the bidirectional algorithm to the paragraph-level
container that a bdi element finds itself within, the bdi element must be treated
like a U+FFFC OBJECT REPLACEMENT CHARACTER.'
Thus, if a BDI contains LRO or RLO characters lacking a matching PDF, these must not affect
the visual ordering of the content outside the BDI."/>
<style>
body{
font-size:2em;
}
.test, .ref {
border: medium solid gray;
width: 400px;
margin: 20px;
}
.comments { display: none; }
</style>
</head>
<body>
<div class="instructions"><p>Test passes if the two boxes below look exactly the same.</p></div>
<div class="comments">
Key to entities used below:
&#x05D0; ... &#x05D5; - The first six Hebrew letters (strongly RTL).
&#x202D; - The LRO (left-to-right override) formatting character.
&#x202E; - the RLO (right-to-left-override) formatting character.
&#x202C; - The PDF (pop directional formatting) formatting character; closes LRO and RLO.
If the BDI in the test's first DIV were a SPAN, the RLO it contains, not being closed by a
PDF, would visually reorder the de into ed.
</div>
<div class="test">
<div dir="ltr"><bdi>&#x05D0;&#x202E;bc</bdi>de...</div>
<div dir="ltr"><bdi dir="ltr">&#x05D0;&#x202E;bc</bdi>de...</div>
<div dir="ltr"><bdi dir="rtl">&#x05D0;&#x202E;bc</bdi>de...</div>
<div dir="rtl"><bdi>a&#x202D;&#x05D1;&#x05D2;</bdi>&#x05D3;&#x05D4;...</div>
<div dir="rtl"><bdi dir="ltr">a&#x202D;&#x05D1;&#x05D2;</bdi>&#x05D3;&#x05D4;...</div>
<div dir="rtl"><bdi dir="rtl">a&#x202D;&#x05D1;&#x05D2;</bdi>&#x05D3;&#x05D4;...</div>
</div>
<div class="ref">
<div dir="ltr">&#x202D;cb&#x05D0;de...&#x202C;</div>
<div dir="ltr">&#x202D;cb&#x05D0;de...&#x202C;</div>
<div dir="ltr">&#x202D;cb&#x05D0;de...&#x202C;</div>
<div dir="rtl">&#x202D;...&#x05D4;&#x05D3;a&#x05D1;&#x05D2;&#x202C;</div>
<div dir="rtl">&#x202D;...&#x05D4;&#x05D3;a&#x05D1;&#x05D2;&#x202C;</div>
<div dir="rtl">&#x202D;...&#x05D4;&#x05D3;a&#x05D1;&#x05D2;&#x202C;</div>
</div>
</body>
</html>

View file

@ -0,0 +1,44 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="author" title="Aharon Lanin" href="mailto:aharon@google.com">
<link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com">
<style>
body{
font-size:2em;
}
.test, .ref {
border: medium solid gray;
width: 500px;
margin: 20px;
}
.comments { display: none; }
</style>
</head>
<body>
<div class="instructions"><p>Test passes if the two boxes below look exactly the same.</p></div>
<div class="comments">
Key to entities used below:
&#x05D0; ... &#x05D5; - The first six Hebrew letters (strongly RTL).
&#x202D; - The LRO (left-to-right override) formatting character.
&#x202C; - The PDF (pop directional formatting) formatting character; closes LRO.
</div>
<div class="test">
<div dir="ltr">&#x202D;1 + [a + [3 + [b + 4] + &#x05D1;] + 2] + &#x05D0;&#x202C;</div>
<div dir="ltr">&#x202D;1 + [a + [3 + [b + 4] + &#x05D1;] + 2] + &#x05D0;&#x202C;</div>
<div dir="ltr">&#x202D;1 + [a + [3 + [b + 4] + &#x05D1;] + 2] + &#x05D0;&#x202C;</div>
<div dir="rtl">&#x202D;a + [1 + [b + [3 + &#x05D1;] + 2] + &#x05D0;] + 0&#x202C;</div>
<div dir="rtl">&#x202D;a + [1 + [b + [3 + &#x05D1;] + 2] + &#x05D0;] + 0&#x202C;</div>
<div dir="rtl">&#x202D;a + [1 + [b + [3 + &#x05D1;] + 2] + &#x05D0;] + 0&#x202C;</div>
</div>
<div class="ref">
<div dir="ltr">&#x202D;1 + [a + [3 + [b + 4] + &#x05D1;] + 2] + &#x05D0;&#x202C;</div>
<div dir="ltr">&#x202D;1 + [a + [3 + [b + 4] + &#x05D1;] + 2] + &#x05D0;&#x202C;</div>
<div dir="ltr">&#x202D;1 + [a + [3 + [b + 4] + &#x05D1;] + 2] + &#x05D0;&#x202C;</div>
<div dir="rtl">&#x202D;a + [1 + [b + [3 + &#x05D1;] + 2] + &#x05D0;] + 0&#x202C;</div>
<div dir="rtl">&#x202D;a + [1 + [b + [3 + &#x05D1;] + 2] + &#x05D0;] + 0&#x202C;</div>
<div dir="rtl">&#x202D;a + [1 + [b + [3 + &#x05D1;] + 2] + &#x05D0;] + 0&#x202C;</div>
</div>
</body>
</html>

View file

@ -0,0 +1,52 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>HTML Test: BDI: neutral when nested</title>
<link rel="match" href="bdi-neutral-nested-ref.html"/>
<link rel="author" title="Aharon Lanin" href="mailto:aharon@google.com"/>
<link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com"/>
<link rel="help" href="https://html.spec.whatwg.org/multipage/#the-bdi-element"/>
<meta name="assert" content="
'For the purposes of applying the bidirectional algorithm to the paragraph-level
container that a bdi element finds itself within, the bdi element must be treated
like a U+FFFC OBJECT REPLACEMENT CHARACTER.'
This must apply when a BDI is nested within a BDI."/>
<style>
body{
font-size:2em;
}
.test, .ref {
border: medium solid gray;
width: 500px;
margin: 20px;
}
.comments { display: none; }
</style>
</head>
<body>
<div class="instructions"><p>Test passes if the two boxes below look exactly the same.</p></div>
<div class="comments">
Key to entities used below:
&#x05D0; ... &#x05D5; - The first six Hebrew letters (strongly RTL).
&#x202D; - The LRO (left-to-right override) formatting character.
&#x202C; - The PDF (pop directional formatting) formatting character; closes LRO.
</div>
<div class="test">
<div dir="ltr">&#x05D0; + <bdi>[a + <bdi>[&#x05D1; + <bdi>[b + 4]</bdi> + 3]</bdi> + 2]</bdi> + 1</div>
<div dir="ltr">&#x05D0; + <bdi dir="rtl">[a + <bdi dir="ltr">[&#x05D1; + <bdi dir="rtl">[b + 4]</bdi> + 3]</bdi> + 2]</bdi> + 1</div>
<div dir="ltr">&#x05D0; + <bdi dir="ltr">[a + <bdi dir="rtl">[&#x05D1; + <bdi dir="ltr">[b + 4]</bdi> + 3]</bdi> + 2]</bdi> + 1</div>
<div dir="rtl">a + <bdi>[&#x05D0; + <bdi>[b + <bdi>[&#x05D1; + 3]</bdi> + 2]</bdi> + 1]</bdi> + 0</div>
<div dir="rtl">a + <bdi dir="ltr">[&#x05D0; + <bdi dir="rtl">[b + <bdi dir="ltr">[&#x05D1; + 3]</bdi> + 2]</bdi> + 1]</bdi> + 0</div>
<div dir="rtl">a + <bdi dir="rtl">[&#x05D0; + <bdi dir="ltr">[b + <bdi dir="rtl">[&#x05D1; + 3]</bdi> + 2]</bdi> + 1]</bdi> + 0</div>
</div>
<div class="ref">
<div dir="ltr">&#x202D;1 + [a + [3 + [b + 4] + &#x05D1;] + 2] + &#x05D0;&#x202C;</div>
<div dir="ltr">&#x202D;1 + [a + [3 + [b + 4] + &#x05D1;] + 2] + &#x05D0;&#x202C;</div>
<div dir="ltr">&#x202D;1 + [a + [3 + [b + 4] + &#x05D1;] + 2] + &#x05D0;&#x202C;</div>
<div dir="rtl">&#x202D;a + [1 + [b + [3 + &#x05D1;] + 2] + &#x05D0;] + 0&#x202C;</div>
<div dir="rtl">&#x202D;a + [1 + [b + [3 + &#x05D1;] + 2] + &#x05D0;] + 0&#x202C;</div>
<div dir="rtl">&#x202D;a + [1 + [b + [3 + &#x05D1;] + 2] + &#x05D0;] + 0&#x202C;</div>
</div>
</body>
</html>

View file

@ -0,0 +1,44 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="author" title="Aharon Lanin" href="mailto:aharon@google.com">
<link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com">
<style>
body{
font-size:2em;
}
.test, .ref {
border: medium solid gray;
width: 400px;
margin: 20px;
}
.comments { display: none; }
</style>
</head>
<body>
<div class="instructions"><p>Test passes if the two boxes below look exactly the same.</p></div>
<div class="comments">
Key to entities used below:
&#x05D0; ... &#x05D5; - The first six Hebrew letters (strongly RTL).
&#x202D; - The LRO (left-to-right override) formatting character.
&#x202C; - The PDF (pop directional formatting) formatting character; closes LRO.
</div>
<div class="test">
<div dir="ltr">&#x202D;&#x05D0; - [1]...&#x202C;</div>
<div dir="ltr">&#x202D;&#x05D0; - [1]...&#x202C;</div>
<div dir="ltr">&#x202D;&#x05D0; - [1]...&#x202C;</div>
<div dir="rtl">&#x202D;...[1] - a&#x202C;</div>
<div dir="rtl">&#x202D;...[1] - a&#x202C;</div>
<div dir="rtl">&#x202D;...[1] - a&#x202C;</div>
</div>
<div class="ref">
<div dir="ltr">&#x202D;&#x05D0; - [1]...&#x202C;</div>
<div dir="ltr">&#x202D;&#x05D0; - [1]...&#x202C;</div>
<div dir="ltr">&#x202D;&#x05D0; - [1]...&#x202C;</div>
<div dir="rtl">&#x202D;...[1] - a&#x202C;</div>
<div dir="rtl">&#x202D;...[1] - a&#x202C;</div>
<div dir="rtl">&#x202D;...[1] - a&#x202C;</div>
</div>
</body>
</html>

View file

@ -0,0 +1,53 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>HTML Test: BDI: neutral when number</title>
<link rel="match" href="bdi-neutral-number-ref.html"/>
<link rel="author" title="Aharon Lanin" href="mailto:aharon@google.com"/>
<link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com"/>
<link rel="help" href="https://html.spec.whatwg.org/multipage/#the-bdi-element"/>
<meta name="assert" content="
'For the purposes of applying the bidirectional algorithm to the paragraph-level
container that a bdi element finds itself within, the bdi element must be treated
like a U+FFFC OBJECT REPLACEMENT CHARACTER.'"/>
<style>
body{
font-size:2em;
}
.test, .ref {
border: medium solid gray;
width: 400px;
margin: 20px;
}
.comments { display: none; }
</style>
</head>
<body>
<div class="instructions"><p>Test passes if the two boxes below look exactly the same.</p></div>
<div class="comments">
Key to entities used below:
&#x05D0; ... &#x05D5; - The first six Hebrew letters (strongly RTL).
&#x202D; - The LRO (left-to-right override) formatting character.
&#x202C; - The PDF (pop directional formatting) formatting character; closes LRO.
If the BDI in the test's first DIV were a SPAN, the 1 inside it would be visually ordered
to the left of the &#x05D0;.
</div>
<div class="test">
<div dir="ltr">&#x05D0; - <bdi>[1]</bdi>...</div>
<div dir="ltr">&#x05D0; - <bdi dir="ltr">[1]</bdi>...</div>
<div dir="ltr">&#x05D0; - <bdi dir="rtl">[1]</bdi>...</div>
<div dir="rtl">a - <bdi>[1]</bdi>...</div>
<div dir="rtl">a - <bdi dir="ltr">[1]</bdi>...</div>
<div dir="rtl">a - <bdi dir="rtl">[1]</bdi>...</div>
</div>
<div class="ref">
<div dir="ltr">&#x202D;&#x05D0; - [1]...&#x202C;</div>
<div dir="ltr">&#x202D;&#x05D0; - [1]...&#x202C;</div>
<div dir="ltr">&#x202D;&#x05D0; - [1]...&#x202C;</div>
<div dir="rtl">&#x202D;...[1] - a&#x202C;</div>
<div dir="rtl">&#x202D;...[1] - a&#x202C;</div>
<div dir="rtl">&#x202D;...[1] - a&#x202C;</div>
</div>
</body>
</html>

View file

@ -0,0 +1,36 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="author" title="Aharon Lanin" href="mailto:aharon@google.com">
<link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com">
<style>
body{
font-size:2em;
}
.test, .ref {
border: medium solid gray;
width: 500px;
margin: 20px;
}
.comments { display: none; }
</style>
</head>
<body>
<div class="instructions"><p>Test passes if the two boxes below look exactly the same.</p></div>
<div class="comments">
Key to entities used below:
&#x05D0; ... &#x05D5; - The first six Hebrew letters (strongly RTL).
&#x202D; - The LRO (left-to-right override) formatting character.
&#x202C; - The PDF (pop directional formatting) formatting character; closes LRO.
</div>
<div class="test">
<div dir="ltr">&#x202D;&#x05D0; [1 b] c [d &#x05D4;] &#x05D5;...&#x202C;</div>
<div dir="rtl">&#x202D;...f [e &#x05D3;] &#x05D2; [&#x05D1; 1] a&#x202C;</div>
</div>
<div class="ref">
<div dir="ltr">&#x202D;&#x05D0; [1 b] c [d &#x05D4;] &#x05D5;...&#x202C;</div>
<div dir="rtl">&#x202D;...f [e &#x05D3;] &#x05D2; [&#x05D1; 1] a&#x202C;</div>
</div>
</body>
</html>

View file

@ -0,0 +1,47 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>HTML Test: BDI: paragraph-level container</title>
<link rel="match" href="bdi-neutral-separate-ref.html"/>
<link rel="author" title="Aharon Lanin" href="mailto:aharon@google.com"/>
<link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com"/>
<link rel="help" href="https://html.spec.whatwg.org/multipage/#the-bdi-element"/>
<meta name="assert" content="
'For the purposes of applying the bidirectional algorithm to the paragraph-level
container that a bdi element finds itself within, the bdi element must be treated
like a U+FFFC OBJECT REPLACEMENT CHARACTER.'
Thus, under no circumstances should any part of the content outside a BDI be visually
reordered inside the BDI's content."/>
<style>
body{
font-size:2em;
}
.test, .ref {
border: medium solid gray;
width: 500px;
margin: 20px;
}
.comments { display: none; }
</style>
</head>
<body>
<div class="instructions"><p>Test passes if the two boxes below look exactly the same.</p></div>
<div class="comments">
Key to entities used below:
&#x05D0; ... &#x05D5; - The first six Hebrew letters (strongly RTL).
&#x202D; - The LRO (left-to-right override) formatting character.
&#x202C; - The PDF (pop directional formatting) formatting character; closes LRO.
If the BDIs in the test's first DIV were just SPANs, the &#x05D0; would appear between the 1
and the b, and the &#x05D5; between the d and the &#x05D4;.
</div>
<div class="test">
<div dir="ltr">&#x05D0; <bdi>[1 b]</bdi> c <bdi>[d &#x05D4;]</bdi> &#x05D5;...</div>
<div dir="rtl">a <bdi>[1 &#x05D1;]</bdi> &#x05D2; <bdi>[&#x05D3; e]</bdi> f...</div>
</div>
<div class="ref">
<div dir="ltr">&#x202D;&#x05D0; [1 b] c [d &#x05D4;] &#x05D5;...&#x202C;</div>
<div dir="rtl">&#x202D;...f [e &#x05D3;] &#x05D2; [&#x05D1; 1] a&#x202C;</div>
</div>
</body>
</html>

View file

@ -0,0 +1,47 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link rel="author" title="Aharon Lanin" href="mailto:aharon@google.com" />
<link rel="author" title="Shai Berger" href="mailto:shai@platonix.com" />
<link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com" />
<style>
body{
font-size:2em;
}
.test, .ref {
border: medium solid gray;
width: 400px;
margin: 20px;
}
.comments {
display: none;
}
</style>
</head>
<body>
<div class="instructions">Test passes if the two boxes below look exactly the same.</div>
<div class="comments">
Key to entities used below:
&#x05D0; ... &#x05D5; - The first six Hebrew letters (strongly RTL).
&#x202D; - The LRO (left-to-right override) formatting character.
&#x202C; - The PDF (pop directional formatting) formatting character; closes LRO.
</div>
<div class="test">
<div dir="ltr">&#x202D;[&#x05D0;] &gt; [&#x05D1;]...&#x202C;</div>
<div dir="ltr">&#x202D;[&#x05D0;] &gt; [&#x05D1;]...&#x202C;</div>
<div dir="ltr">&#x202D;[&#x05D0;] &gt; [&#x05D1;]...&#x202C;</div>
<div dir="rtl">&#x202D;...[b] &lt; [a]&#x202C;</div>
<div dir="rtl">&#x202D;...[b] &lt; [a]&#x202C;</div>
<div dir="rtl">&#x202D;...[b] &lt; [a]&#x202C;</div>
</div>
<div class="ref">
<div dir="ltr">&#x202D;[&#x05D0;] &gt; [&#x05D1;]...&#x202C;</div>
<div dir="ltr">&#x202D;[&#x05D0;] &gt; [&#x05D1;]...&#x202C;</div>
<div dir="ltr">&#x202D;[&#x05D0;] &gt; [&#x05D1;]...&#x202C;</div>
<div dir="rtl">&#x202D;...[b] &lt; [a]&#x202C;</div>
<div dir="rtl">&#x202D;...[b] &lt; [a]&#x202C;</div>
<div dir="rtl">&#x202D;...[b] &lt; [a]&#x202C;</div>
</div>
</body>
</html>

View file

@ -0,0 +1,58 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>HTML Test: BDI: neutral to another BDI</title>
<link rel="match" href="bdi-neutral-to-another-bdi-1-ref.html" />
<link rel="author" title="Aharon Lanin" href="mailto:aharon@google.com" />
<link rel="author" title="Shai Berger" href="mailto:shai@platonix.com" />
<link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com" />
<link rel="help" href="https://html.spec.whatwg.org/multipage/#the-bdi-element" />
<meta name="assert" content="
'For the purposes of applying the bidirectional algorithm to the paragraph-level
container that a bdi element finds itself within, the bdi element must be treated
like a U+FFFC OBJECT REPLACEMENT CHARACTER.'
Thus, when a BDI contains text of the same strong direction as another BDI following it, the
two must not form a directional run as would be the case if the BDIs were just SPANs." />
<style>
body{
font-size:2em;
}
.test, .ref {
border: medium solid gray;
width: 400px;
margin: 20px;
}
.comments {
display: none;
}
</style>
</head>
<body>
<div class="instructions">Test passes if the two boxes below look exactly the same.</div>
<div class="comments">
Key to entities used below:
&#x05D0; ... &#x05D5; - The first six Hebrew letters (strongly RTL).
&#x202D; - The LRO (left-to-right override) formatting character.
&#x202C; - The PDF (pop directional formatting) formatting character; closes LRO.
If the BDIs in the test's first DIV were SPANs, the &#x05D1; would be rendered to the left
of the &#x05D0;.
</div>
<div class="test">
<div dir="ltr"><bdi>[&#x05D0;]</bdi> &gt; <bdi>[&#x05D1;]</bdi>...</div>
<div dir="ltr"><bdi dir="rtl">[&#x05D0;]</bdi> &gt; <bdi dir="rtl">[&#x05D1;]</bdi>...</div>
<div dir="ltr"><bdi dir="ltr">[&#x05D0;]</bdi> &gt; <bdi dir="ltr">[&#x05D1;]</bdi>...</div>
<div dir="rtl"><bdi>[a]</bdi> &gt; <bdi>[b]</bdi>...</div>
<div dir="rtl"><bdi dir="ltr">[a]</bdi> &gt; <bdi dir="ltr">[b]</bdi>...</div>
<div dir="rtl"><bdi dir="rtl">[a]</bdi> &gt; <bdi dir="rtl">[b]</bdi>...</div>
</div>
<div class="ref">
<div dir="ltr">&#x202D;[&#x05D0;] &gt; [&#x05D1;]...&#x202C;</div>
<div dir="ltr">&#x202D;[&#x05D0;] &gt; [&#x05D1;]...&#x202C;</div>
<div dir="ltr">&#x202D;[&#x05D0;] &gt; [&#x05D1;]...&#x202C;</div>
<div dir="rtl">&#x202D;...[b] &lt; [a]&#x202C;</div>
<div dir="rtl">&#x202D;...[b] &lt; [a]&#x202C;</div>
<div dir="rtl">&#x202D;...[b] &lt; [a]&#x202C;</div>
</div>
</body>
</html>

View file

@ -0,0 +1,47 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link rel="author" title="Aharon Lanin" href="mailto:aharon@google.com" />
<link rel="author" title="Shai Berger" href="mailto:shai@platonix.com" />
<link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com" />
<style>
body{
font-size:2em;
}
.test, .ref {
border: medium solid gray;
width: 400px;
margin: 20px;
}
.comments {
display: none;
}
</style>
</head>
<body>
<div class="instructions">Test passes if the two boxes below look exactly the same.</div>
<div class="comments">
Key to entities used below:
&#x05D0; ... &#x05D5; - The first six Hebrew letters (strongly RTL).
&#x202D; - The LRO (left-to-right override) formatting character.
&#x202C; - The PDF (pop directional formatting) formatting character; closes LRO.
</div>
<div class="test">
<div dir="ltr">&#x202D;&#x05D0;&#x05D1;...&#x202C;</div>
<div dir="ltr">&#x202D;&#x05D0;&#x05D1;...&#x202C;</div>
<div dir="ltr">&#x202D;&#x05D0;&#x05D1;...&#x202C;</div>
<div dir="rtl">&#x202D;...ba&#x202C;</div>
<div dir="rtl">&#x202D;...ba&#x202C;</div>
<div dir="rtl">&#x202D;...ba&#x202C;</div>
</div>
<div class="ref">
<div dir="ltr">&#x202D;&#x05D0;&#x05D1;...&#x202C;</div>
<div dir="ltr">&#x202D;&#x05D0;&#x05D1;...&#x202C;</div>
<div dir="ltr">&#x202D;&#x05D0;&#x05D1;...&#x202C;</div>
<div dir="rtl">&#x202D;...ba&#x202C;</div>
<div dir="rtl">&#x202D;...ba&#x202C;</div>
<div dir="rtl">&#x202D;...ba&#x202C;</div>
</div>
</body>
</html>

View file

@ -0,0 +1,59 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>HTML Test: BDI: neutral to another immediately following BDI</title>
<link rel="match" href="bdi-neutral-to-another-bdi-2-ref.html">
<link rel="author" title="Aharon Lanin" href="mailto:aharon@google.com" />
<link rel="author" title="Shai Berger" href="mailto:shai@platonix.com" />
<link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com" />
<link rel="help" href="https://html.spec.whatwg.org/multipage/#the-bdi-element" />
<meta name="assert" content="
'For the purposes of applying the bidirectional algorithm to the paragraph-level
container that a bdi element finds itself within, the bdi element must be treated
like a U+FFFC OBJECT REPLACEMENT CHARACTER.'
Thus, when a BDI contains text of the same strong direction as another BDI following it, the
two must not form a directional run as would be the case if the BDIs were just SPANs, even if
the two BDIs are not separated by anything at all." />
<style>
body{
font-size:2em;
}
.test, .ref {
border: medium solid gray;
width: 400px;
margin: 20px;
}
.comments {
display: none;
}
</style>
</head>
<body>
<div class="instructions">Test passes if the two boxes below look exactly the same.</div>
<div class="comments">
Key to entities used below:
&#x05D0; ... &#x05D5; - The first six Hebrew letters (strongly RTL).
&#x202D; - The LRO (left-to-right override) formatting character.
&#x202C; - The PDF (pop directional formatting) formatting character; closes LRO.
If the BDIs in the test's first DIV were SPANs, the &#x05D1; would be rendered to the left of
the &#x05D0;.
</div>
<div class="test">
<div dir="ltr"><bdi>&#x05D0;</bdi><bdi>&#x05D1;</bdi>...</div>
<div dir="ltr"><bdi dir="rtl">&#x05D0;</bdi><bdi dir="rtl">&#x05D1;</bdi>...</div>
<div dir="ltr"><bdi dir="ltr">&#x05D0;</bdi><bdi dir="ltr">&#x05D1;</bdi>...</div>
<div dir="rtl"><bdi>a</bdi><bdi>b</bdi>...</div>
<div dir="rtl"><bdi dir="ltr">a</bdi><bdi dir="ltr">b</bdi>...</div>
<div dir="rtl"><bdi dir="rtl">a</bdi><bdi dir="rtl">b</bdi>...</div>
</div>
<div class="ref">
<div dir="ltr">&#x202D;&#x05D0;&#x05D1;...&#x202C;</div>
<div dir="ltr">&#x202D;&#x05D0;&#x05D1;...&#x202C;</div>
<div dir="ltr">&#x202D;&#x05D0;&#x05D1;...&#x202C;</div>
<div dir="rtl">&#x202D;...ba&#x202C;</div>
<div dir="rtl">&#x202D;...ba&#x202C;</div>
<div dir="rtl">&#x202D;...ba&#x202C;</div>
</div>
</body>
</html>

View file

@ -0,0 +1,45 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="author" title="Aharon Lanin" href="mailto:aharon@google.com">
<link rel="author" title="Shai Berger" href="mailto:shai@platonix.com">
<link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com">
<style>
body{
font-size:2em;
}
.test, .ref {
border: medium solid gray;
width: 400px;
margin: 20px;
}
.comments { display: none; }
</style>
</head>
<body>
<div class="instructions"><p>Test passes if the two boxes below look exactly the same.</p></div>
<div class="comments">
Key to entities used below:
&#x05D0; ... &#x05D5; - The first six Hebrew letters (strongly RTL).
&#x202D; - The LRO (left-to-right override) formatting character.
&#x202C; - The PDF (pop directional formatting) formatting character; closes LRO.
</div>
<div class="test">
<div dir="ltr">&#x202D;[&#x05D0;] &gt; &#x05D1;...&#x202C;</div>
<div dir="ltr">&#x202D;[&#x05D0;] &gt; &#x05D1;...&#x202C;</div>
<div dir="ltr">&#x202D;[&#x05D0;] &gt; &#x05D1;...&#x202C;</div>
<div dir="rtl">&#x202D;...b &lt; [a]&#x202C;</div>
<div dir="rtl">&#x202D;...b &lt; [a]&#x202C;</div>
<div dir="rtl">&#x202D;...b &lt; [a]&#x202C;</div>
</div>
<div class="ref">
<div dir="ltr">&#x202D;[&#x05D0;] &gt; &#x05D1;...&#x202C;</div>
<div dir="ltr">&#x202D;[&#x05D0;] &gt; &#x05D1;...&#x202C;</div>
<div dir="ltr">&#x202D;[&#x05D0;] &gt; &#x05D1;...&#x202C;</div>
<div dir="rtl">&#x202D;...b &lt; [a]&#x202C;</div>
<div dir="rtl">&#x202D;...b &lt; [a]&#x202C;</div>
<div dir="rtl">&#x202D;...b &lt; [a]&#x202C;</div>
</div>
</body>
</html>

View file

@ -0,0 +1,54 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>HTML Test: BDI: neutral to following letter</title>
<link rel="match" href="bdi-neutral-to-letter-following-1-ref.html"/>
<link rel="author" title="Aharon Lanin" href="mailto:aharon@google.com"/>
<link rel="author" title="Shai Berger" href="mailto:shai@platonix.com"/>
<link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com"/>
<link rel="help" href="https://html.spec.whatwg.org/multipage/#the-bdi-element"/>
<meta name="assert" content="
'For the purposes of applying the bidirectional algorithm to the paragraph-level
container that a bdi element finds itself within, the bdi element must be treated
like a U+FFFC OBJECT REPLACEMENT CHARACTER.'"/>
<style>
body{
font-size:2em;
}
.test, .ref {
border: medium solid gray;
width: 400px;
margin: 20px;
}
.comments { display: none; }
</style>
</head>
<body>
<div class="instructions"><p>Test passes if the two boxes below look exactly the same.</p></div>
<div class="comments">
Key to entities used below:
&#x05D0; ... &#x05D5; - The first six Hebrew letters (strongly RTL).
&#x202D; - The LRO (left-to-right override) formatting character.
&#x202C; - The PDF (pop directional formatting) formatting character; closes LRO.
If the BDI in the test's first DIV were a SPAN, the &#x05D1; would be rendered to the left
of the &#x05D0;
</div>
<div class="test">
<div dir="ltr"><bdi>[&#x05D0;]</bdi> &gt; &#x05D1;...</div>
<div dir="ltr"><bdi dir="rtl">[&#x05D0;]</bdi> &gt; &#x05D1;...</div>
<div dir="ltr"><bdi dir="ltr">[&#x05D0;]</bdi> &gt; &#x05D1;...</div>
<div dir="rtl"><bdi>[a]</bdi> &gt; b...</div>
<div dir="rtl"><bdi dir="ltr">[a]</bdi> &gt; b...</div>
<div dir="rtl"><bdi dir="rtl">[a]</bdi> &gt; b...</div>
</div>
<div class="ref">
<div dir="ltr">&#x202D;[&#x05D0;] &gt; &#x05D1;...&#x202C;</div>
<div dir="ltr">&#x202D;[&#x05D0;] &gt; &#x05D1;...&#x202C;</div>
<div dir="ltr">&#x202D;[&#x05D0;] &gt; &#x05D1;...&#x202C;</div>
<div dir="rtl">&#x202D;...b &lt; [a]&#x202C;</div>
<div dir="rtl">&#x202D;...b &lt; [a]&#x202C;</div>
<div dir="rtl">&#x202D;...b &lt; [a]&#x202C;</div>
</div>
</body>
</html>

View file

@ -0,0 +1,45 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="author" title="Aharon Lanin" href="mailto:aharon@google.com">
<link rel="author" title="Shai Berger" href="mailto:shai@platonix.com">
<link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com">
<style>
body{
font-size:2em;
}
.test, .ref {
border: medium solid gray;
width: 400px;
margin: 20px;
}
.comments { display: none; }
</style>
</head>
<body>
<div class="instructions"><p>Test passes if the two boxes below look exactly the same.</p></div>
<div class="comments">
Key to entities used below:
&#x05D0; ... &#x05D5; - The first six Hebrew letters (strongly RTL).
&#x202D; - The LRO (left-to-right override) formatting character.
&#x202C; - The PDF (pop directional formatting) formatting character; closes LRO.
</div>
<div class="test">
<div dir="ltr">&#x202D;&#x05D0;&#x05D1;...&#x202C;</div>
<div dir="ltr">&#x202D;&#x05D0;&#x05D1;...&#x202C;</div>
<div dir="ltr">&#x202D;&#x05D0;&#x05D1;...&#x202C;</div>
<div dir="rtl">&#x202D;...ba&#x202C;</div>
<div dir="rtl">&#x202D;...ba&#x202C;</div>
<div dir="rtl">&#x202D;...ba&#x202C;</div>
</div>
<div class="ref">
<div dir="ltr">&#x202D;&#x05D0;&#x05D1;...&#x202C;</div>
<div dir="ltr">&#x202D;&#x05D0;&#x05D1;...&#x202C;</div>
<div dir="ltr">&#x202D;&#x05D0;&#x05D1;...&#x202C;</div>
<div dir="rtl">&#x202D;...ba&#x202C;</div>
<div dir="rtl">&#x202D;...ba&#x202C;</div>
<div dir="rtl">&#x202D;...ba&#x202C;</div>
</div>
</body>
</html>

View file

@ -0,0 +1,54 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>HTML Test: BDI: neutral to immediately following letter</title>
<link rel="match" href="bdi-neutral-to-letter-following-2-ref.html">
<link rel="author" title="Aharon Lanin" href="mailto:aharon@google.com"/>
<link rel="author" title="Shai Berger" href="mailto:shai@platonix.com"/>
<link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com"/>
<link rel="help" href="https://html.spec.whatwg.org/multipage/#the-bdi-element"/>
<meta name="assert" content="
'For the purposes of applying the bidirectional algorithm to the paragraph-level
container that a bdi element finds itself within, the bdi element must be treated
like a U+FFFC OBJECT REPLACEMENT CHARACTER.'"/>
<style>
body{
font-size:2em;
}
.test, .ref {
border: medium solid gray;
width: 400px;
margin: 20px;
}
.comments { display: none; }
</style>
</head>
<body>
<div class="instructions"><p>Test passes if the two boxes below look exactly the same.</p></div>
<div class="comments">
Key to entities used below:
&#x05D0; ... &#x05D5; - The first six Hebrew letters (strongly RTL).
&#x202D; - The LRO (left-to-right override) formatting character.
&#x202C; - The PDF (pop directional formatting) formatting character; closes LRO.
If the BDI in the following DIV were a SPAN, the &#x05D1; would be rendered to the left
of the &#x05D0;
</div>
<div class="test">
<div dir="ltr"><bdi>&#x05D0;</bdi>&#x05D1;...</div>
<div dir="ltr"><bdi dir="rtl">&#x05D0;</bdi>&#x05D1;...</div>
<div dir="ltr"><bdi dir="ltr">&#x05D0;</bdi>&#x05D1;...</div>
<div dir="rtl"><bdi>a</bdi>b...</div>
<div dir="rtl"><bdi dir="ltr">a</bdi>b...</div>
<div dir="rtl"><bdi dir="rtl">a</bdi>b...</div>
</div>
<div class="ref">
<div dir="ltr">&#x202D;&#x05D0;&#x05D1;...&#x202C;</div>
<div dir="ltr">&#x202D;&#x05D0;&#x05D1;...&#x202C;</div>
<div dir="ltr">&#x202D;&#x05D0;&#x05D1;...&#x202C;</div>
<div dir="rtl">&#x202D;...ba&#x202C;</div>
<div dir="rtl">&#x202D;...ba&#x202C;</div>
<div dir="rtl">&#x202D;...ba&#x202C;</div>
</div>
</body>
</html>

View file

@ -0,0 +1,45 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="author" title="Aharon Lanin" href="mailto:aharon@google.com">
<link rel="author" title="Shai Berger" href="mailto:shai@platonix.com">
<link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com">
<style>
body{
font-size:2em;
}
.test, .ref {
border: medium solid gray;
width: 400px;
margin: 20px;
}
.comments { display: none; }
</style>
</head>
<body>
<div class="instructions"><p>Test passes if the two boxes below look exactly the same.</p></div>
<div class="comments">
Key to entities used below:
&#x05D0; ... &#x05D5; - The first six Hebrew letters (strongly RTL).
&#x202D; - The LRO (left-to-right override) formatting character.
&#x202C; - The PDF (pop directional formatting) formatting character; closes LRO.
</div>
<div class="test">
<div dir="ltr">&#x202D;&#x05D0; &gt; [&#x05D1;]...&#x202C;</div>
<div dir="ltr">&#x202D;&#x05D0; &gt; [&#x05D1;]...&#x202C;</div>
<div dir="ltr">&#x202D;&#x05D0; &gt; [&#x05D1;]...&#x202C;</div>
<div dir="rtl">&#x202D;...[b] &lt; a&#x202C;</div>
<div dir="rtl">&#x202D;...[b] &lt; a&#x202C;</div>
<div dir="rtl">&#x202D;...[b] &lt; a&#x202C;</div>
</div>
<div class="ref">
<div dir="ltr">&#x202D;&#x05D0; &gt; [&#x05D1;]...&#x202C;</div>
<div dir="ltr">&#x202D;&#x05D0; &gt; [&#x05D1;]...&#x202C;</div>
<div dir="ltr">&#x202D;&#x05D0; &gt; [&#x05D1;]...&#x202C;</div>
<div dir="rtl">&#x202D;...[b] &lt; a&#x202C;</div>
<div dir="rtl">&#x202D;...[b] &lt; a&#x202C;</div>
<div dir="rtl">&#x202D;...[b] &lt; a&#x202C;</div>
</div>
</body>
</html>

View file

@ -0,0 +1,54 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>HTML Test: BDI: neutral to preceding letter</title>
<link rel="match" href="bdi-neutral-to-letter-preceding-1-ref.html">
<link rel="author" title="Aharon Lanin" href="mailto:aharon@google.com"/>
<link rel="author" title="Shai Berger" href="mailto:shai@platonix.com"/>
<link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com"/>
<link rel="help" href="https://html.spec.whatwg.org/multipage/#the-bdi-element"/>
<meta name="assert" content="
'For the purposes of applying the bidirectional algorithm to the paragraph-level
container that a bdi element finds itself within, the bdi element must be treated
like a U+FFFC OBJECT REPLACEMENT CHARACTER.'"/>
<style>
body{
font-size:2em;
}
.test, .ref {
border: medium solid gray;
width: 400px;
margin: 20px;
}
.comments { display: none; }
</style>
</head>
<body>
<div class="instructions"><p>Test passes if the two boxes below look exactly the same.</p></div>
<div class="comments">
Key to entities used below:
&#x05D0; ... &#x05D5; - The first six Hebrew letters (strongly RTL).
&#x202D; - The LRO (left-to-right override) formatting character.
&#x202C; - The PDF (pop directional formatting) formatting character; closes LRO.
If the BDI in the test's first DIV were a SPAN, the &#x05D1; would be rendered to the left
of the &#x05D0;
</div>
<div class="test">
<div dir="ltr">&#x05D0; &gt; <bdi>[&#x05D1;]</bdi>...</div>
<div dir="ltr">&#x05D0; &gt; <bdi dir="rtl">[&#x05D1;]</bdi>...</div>
<div dir="ltr">&#x05D0; &gt; <bdi dir="ltr">[&#x05D1;]</bdi>...</div>
<div dir="rtl">a &gt; <bdi>[b]</bdi>...</div>
<div dir="rtl">a &gt; <bdi dir="ltr">[b]</bdi>...</div>
<div dir="rtl">a &gt; <bdi dir="rtl">[b]</bdi>...</div>
</div>
<div class="ref">
<div dir="ltr">&#x202D;&#x05D0; &gt; [&#x05D1;]...&#x202C;</div>
<div dir="ltr">&#x202D;&#x05D0; &gt; [&#x05D1;]...&#x202C;</div>
<div dir="ltr">&#x202D;&#x05D0; &gt; [&#x05D1;]...&#x202C;</div>
<div dir="rtl">&#x202D;...[b] &lt; a&#x202C;</div>
<div dir="rtl">&#x202D;...[b] &lt; a&#x202C;</div>
<div dir="rtl">&#x202D;...[b] &lt; a&#x202C;</div>
</div>
</body>
</html>

View file

@ -0,0 +1,45 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="author" title="Aharon Lanin" href="mailto:aharon@google.com">
<link rel="author" title="Shai Berger" href="mailto:shai@platonix.com">
<link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com">
<style>
body{
font-size:2em;
}
.test, .ref {
border: medium solid gray;
width: 400px;
margin: 20px;
}
.comments { display: none; }
</style>
</head>
<body>
<div class="instructions"><p>Test passes if the two boxes below look exactly the same.</p></div>
<div class="comments">
Key to entities used below:
&#x05D0; ... &#x05D5; - The first six Hebrew letters (strongly RTL).
&#x202D; - The LRO (left-to-right override) formatting character.
&#x202C; - The PDF (pop directional formatting) formatting character; closes LRO.
</div>
<div class="test">
<div dir="ltr">&#x202D;&#x05D0;&#x05D1;...&#x202C;</div>
<div dir="ltr">&#x202D;&#x05D0;&#x05D1;...&#x202C;</div>
<div dir="ltr">&#x202D;&#x05D0;&#x05D1;...&#x202C;</div>
<div dir="rtl">&#x202D;...ba&#x202C;</div>
<div dir="rtl">&#x202D;...ba&#x202C;</div>
<div dir="rtl">&#x202D;...ba&#x202C;</div>
</div>
<div class="ref">
<div dir="ltr">&#x202D;&#x05D0;&#x05D1;...&#x202C;</div>
<div dir="ltr">&#x202D;&#x05D0;&#x05D1;...&#x202C;</div>
<div dir="ltr">&#x202D;&#x05D0;&#x05D1;...&#x202C;</div>
<div dir="rtl">&#x202D;...ba&#x202C;</div>
<div dir="rtl">&#x202D;...ba&#x202C;</div>
<div dir="rtl">&#x202D;...ba&#x202C;</div>
</div>
</body>
</html>

View file

@ -0,0 +1,54 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>HTML Test: BDI: neutral to immediately preceding letter</title>
<link rel="match" href="bdi-neutral-to-letter-preceding-2-ref.html"/>
<link rel="author" title="Aharon Lanin" href="mailto:aharon@google.com"/>
<link rel="author" title="Shai Berger" href="mailto:shai@platonix.com"/>
<link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com"/>
<link rel="help" href="https://html.spec.whatwg.org/multipage/#the-bdi-element"/>
<meta name="assert" content="
'For the purposes of applying the bidirectional algorithm to the paragraph-level
container that a bdi element finds itself within, the bdi element must be treated
like a U+FFFC OBJECT REPLACEMENT CHARACTER.'"/>
<style>
body{
font-size:2em;
}
.test, .ref {
border: medium solid gray;
width: 400px;
margin: 20px;
}
.comments { display: none; }
</style>
</head>
<body>
<div class="instructions"><p>Test passes if the two boxes below look exactly the same.</p></div>
<div class="comments">
Key to entities used below:
&#x05D0; ... &#x05D5; - The first six Hebrew letters (strongly RTL).
&#x202D; - The LRO (left-to-right override) formatting character.
&#x202C; - The PDF (pop directional formatting) formatting character; closes LRO.
If the BDI in the test's first DIV were a SPAN, the &#x05D1; would be rendered to the left
of the &#x05D0;
</div>
<div class="test">
<div dir="ltr">&#x05D0;<bdi>&#x05D1;</bdi>...</div>
<div dir="ltr">&#x05D0;<bdi dir="rtl">&#x05D1;</bdi>...</div>
<div dir="ltr">&#x05D0;<bdi dir="ltr">&#x05D1;</bdi>...</div>
<div dir="rtl">a<bdi>b</bdi>...</div>
<div dir="rtl">a<bdi dir="ltr">b</bdi>...</div>
<div dir="rtl">a<bdi dir="rtl">b</bdi>...</div>
</div>
<div class="ref">
<div dir="ltr">&#x202D;&#x05D0;&#x05D1;...&#x202C;</div>
<div dir="ltr">&#x202D;&#x05D0;&#x05D1;...&#x202C;</div>
<div dir="ltr">&#x202D;&#x05D0;&#x05D1;...&#x202C;</div>
<div dir="rtl">&#x202D;...ba&#x202C;</div>
<div dir="rtl">&#x202D;...ba&#x202C;</div>
<div dir="rtl">&#x202D;...ba&#x202C;</div>
</div>
</body>
</html>

View file

@ -0,0 +1,45 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="author" title="Aharon Lanin" href="mailto:aharon@google.com">
<link rel="author" title="Shai Berger" href="mailto:shai@platonix.com">
<link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com">
<style>
body{
font-size:2em;
}
.test, .ref {
border: medium solid gray;
width: 400px;
margin: 20px;
}
.comments { display: none; }
</style>
</head>
<body>
<div class="instructions"><p>Test passes if the two boxes below look exactly the same.</p></div>
<div class="comments">
Key to entities used below:
&#x05D0; ... &#x05D5; - The first six Hebrew letters (strongly RTL).
&#x202D; - The LRO (left-to-right override) formatting character.
&#x202C; - The PDF (pop directional formatting) formatting character; closes LRO.
</div>
<div class="test">
<div dir="ltr">&#x202D;[&#x05D0;] (3 reviews)...&#x202C;</div>
<div dir="ltr">&#x202D;[&#x05D0;] (3 reviews)...&#x202C;</div>
<div dir="ltr">&#x202D;[&#x05D0;] (3 reviews)...&#x202C;</div>
<div dir="rtl">&#x202D;...(3) [a]&#x202C;</div>
<div dir="rtl">&#x202D;...(3) [a]&#x202C;</div>
<div dir="rtl">&#x202D;...(3) [a]&#x202C;</div>
</div>
<div class="ref">
<div dir="ltr">&#x202D;[&#x05D0;] (3 reviews)...&#x202C;</div>
<div dir="ltr">&#x202D;[&#x05D0;] (3 reviews)...&#x202C;</div>
<div dir="ltr">&#x202D;[&#x05D0;] (3 reviews)...&#x202C;</div>
<div dir="rtl">&#x202D;...(3) [a]&#x202C;</div>
<div dir="rtl">&#x202D;...(3) [a]&#x202C;</div>
<div dir="rtl">&#x202D;...(3) [a]&#x202C;</div>
</div>
</body>
</html>

View file

@ -0,0 +1,54 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>HTML Test: BDI: neutral to following number</title>
<link rel="match" href="bdi-neutral-to-number-following-1-ref.html"/>
<link rel="author" title="Aharon Lanin" href="mailto:aharon@google.com"/>
<link rel="author" title="Shai Berger" href="mailto:shai@platonix.com"/>
<link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com"/>
<link rel="help" href="https://html.spec.whatwg.org/multipage/#the-bdi-element"/>
<meta name="assert" content="
'For the purposes of applying the bidirectional algorithm to the paragraph-level
container that a bdi element finds itself within, the bdi element must be treated
like a U+FFFC OBJECT REPLACEMENT CHARACTER.'"/>
<style>
body{
font-size:2em;
}
.test, .ref {
border: medium solid gray;
width: 400px;
margin: 20px;
}
.comments { display: none; }
</style>
</head>
<body>
<div class="instructions"><p>Test passes if the two boxes below look exactly the same.</p></div>
<div class="comments">
Key to entities used below:
&#x05D0; ... &#x05D5; - The first six Hebrew letters (strongly RTL).
&#x202D; - The LRO (left-to-right override) formatting character.
&#x202C; - The PDF (pop directional formatting) formatting character; closes LRO.
If the BDI in the test's first DIV were a SPAN, the 3 would be rendered to the left
of the &#x05D0;
</div>
<div class="test">
<div dir="ltr"><bdi>[&#x05D0;]</bdi> (3 reviews)...</div>
<div dir="ltr"><bdi dir="rtl">[&#x05D0;]</bdi> (3 reviews)...</div>
<div dir="ltr"><bdi dir="ltr">[&#x05D0;]</bdi> (3 reviews)...</div>
<div dir="rtl"><bdi>[a]</bdi> (3)...</div>
<div dir="rtl"><bdi dir="ltr">[a]</bdi> (3)...</div>
<div dir="rtl"><bdi dir="rtl">[a]</bdi> (3)...</div>
</div>
<div class="ref">
<div dir="ltr">&#x202D;[&#x05D0;] (3 reviews)...&#x202C;</div>
<div dir="ltr">&#x202D;[&#x05D0;] (3 reviews)...&#x202C;</div>
<div dir="ltr">&#x202D;[&#x05D0;] (3 reviews)...&#x202C;</div>
<div dir="rtl">&#x202D;...(3) [a]&#x202C;</div>
<div dir="rtl">&#x202D;...(3) [a]&#x202C;</div>
<div dir="rtl">&#x202D;...(3) [a]&#x202C;</div>
</div>
</body>
</html>

View file

@ -0,0 +1,45 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="author" title="Aharon Lanin" href="mailto:aharon@google.com">
<link rel="author" title="Shai Berger" href="mailto:shai@platonix.com">
<link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com">
<style>
body{
font-size:2em;
}
.test, .ref {
border: medium solid gray;
width: 400px;
margin: 20px;
}
.comments { display: none; }
</style>
</head>
<body>
<div class="instructions"><p>Test passes if the two boxes below look exactly the same.</p></div>
<div class="comments">
Key to entities used below:
&#x05D0; ... &#x05D5; - The first six Hebrew letters (strongly RTL).
&#x202D; - The LRO (left-to-right override) formatting character.
&#x202C; - The PDF (pop directional formatting) formatting character; closes LRO.
</div>
<div class="test">
<div dir="ltr">&#x202D;&#x05D0;1...&#x202C;</div>
<div dir="ltr">&#x202D;&#x05D0;1...&#x202C;</div>
<div dir="ltr">&#x202D;&#x05D0;1...&#x202C;</div>
<div dir="rtl">&#x202D;...1a&#x202C;</div>
<div dir="rtl">&#x202D;...1a&#x202C;</div>
<div dir="rtl">&#x202D;...1a&#x202C;</div>
</div>
<div class="ref">
<div dir="ltr">&#x202D;&#x05D0;1...&#x202C;</div>
<div dir="ltr">&#x202D;&#x05D0;1...&#x202C;</div>
<div dir="ltr">&#x202D;&#x05D0;1...&#x202C;</div>
<div dir="rtl">&#x202D;...1a&#x202C;</div>
<div dir="rtl">&#x202D;...1a&#x202C;</div>
<div dir="rtl">&#x202D;...1a&#x202C;</div>
</div>
</body>
</html>

View file

@ -0,0 +1,53 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>HTML Test: BDI: neutral to immediately following number</title>
<link rel="match" href="bdi-neutral-to-number-following-2-ref.html"/>
<link rel="author" title="Aharon Lanin" href="mailto:aharon@google.com"/>
<link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com"/>
<link rel="help" href="https://html.spec.whatwg.org/multipage/#the-bdi-element"/>
<meta name="assert" content="
'For the purposes of applying the bidirectional algorithm to the paragraph-level
container that a bdi element finds itself within, the bdi element must be treated
like a U+FFFC OBJECT REPLACEMENT CHARACTER.'"/>
<style>
body{
font-size:2em;
}
.test, .ref {
border: medium solid gray;
width: 400px;
margin: 20px;
}
.comments { display: none; }
</style>
</head>
<body>
<div class="instructions"><p>Test passes if the two boxes below look exactly the same.</p></div>
<div class="comments">
Key to entities used below:
&#x05D0; ... &#x05D5; - The first six Hebrew letters (strongly RTL).
&#x202D; - The LRO (left-to-right override) formatting character.
&#x202C; - The PDF (pop directional formatting) formatting character; closes LRO.
If the BDI in the test's first DIV were a SPAN, the 1 would be rendered to the left
of the &#x05D0;
</div>
<div class="test">
<div dir="ltr"><bdi>&#x05D0;</bdi>1...</div>
<div dir="ltr"><bdi dir="rtl">&#x05D0;</bdi>1...</div>
<div dir="ltr"><bdi dir="ltr">&#x05D0;</bdi>1...</div>
<div dir="rtl"><bdi>a</bdi>1...</div>
<div dir="rtl"><bdi dir="ltr">a</bdi>1...</div>
<div dir="rtl"><bdi dir="rtl">a</bdi>1...</div>
</div>
<div class="ref">
<div dir="ltr">&#x202D;&#x05D0;1...&#x202C;</div>
<div dir="ltr">&#x202D;&#x05D0;1...&#x202C;</div>
<div dir="ltr">&#x202D;&#x05D0;1...&#x202C;</div>
<div dir="rtl">&#x202D;...1a&#x202C;</div>
<div dir="rtl">&#x202D;...1a&#x202C;</div>
<div dir="rtl">&#x202D;...1a&#x202C;</div>
</div>
</body>
</html>

View file

@ -0,0 +1,44 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="author" title="Aharon Lanin" href="mailto:aharon@google.com">
<link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com">
<style>
body{
font-size:2em;
}
.test, .ref {
border: medium solid gray;
width: 400px;
margin: 20px;
}
.comments { display: none; }
</style>
</head>
<body>
<div class="instructions"><p>Test passes if the two boxes below look exactly the same.</p></div>
<div class="comments">
Key to entities used below:
&#x05D0; ... &#x05D5; - The first six Hebrew letters (strongly RTL).
&#x202D; - The LRO (left-to-right override) formatting character.
&#x202C; - The PDF (pop directional formatting) formatting character; closes LRO.
</div>
<div class="test">
<div dir="ltr">&#x202D;&#x05D2; &lt; [b] &lt; &#x05D0;...&#x202C;</div>
<div dir="ltr">&#x202D;&#x05D2; &lt; [b] &lt; &#x05D0;...&#x202C;</div>
<div dir="ltr">&#x202D;&#x05D2; &lt; [b] &lt; &#x05D0;...&#x202C;</div>
<div dir="rtl">&#x202D;...a &gt; [&#x05D1;] &gt; c&#x202C;</div>
<div dir="rtl">&#x202D;...a &gt; [&#x05D1;] &gt; c&#x202C;</div>
<div dir="rtl">&#x202D;...a &gt; [&#x05D1;] &gt; c&#x202C;</div>
</div>
<div class="ref">
<div dir="ltr">&#x202D;&#x05D2; &lt; [b] &lt; &#x05D0;...&#x202C;</div>
<div dir="ltr">&#x202D;&#x05D2; &lt; [b] &lt; &#x05D0;...&#x202C;</div>
<div dir="ltr">&#x202D;&#x05D2; &lt; [b] &lt; &#x05D0;...&#x202C;</div>
<div dir="rtl">&#x202D;...a &gt; [&#x05D1;] &gt; c&#x202C;</div>
<div dir="rtl">&#x202D;...a &gt; [&#x05D1;] &gt; c&#x202C;</div>
<div dir="rtl">&#x202D;...a &gt; [&#x05D1;] &gt; c&#x202C;</div>
</div>
</body>
</html>

View file

@ -0,0 +1,56 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>HTML Test: BDI: neutral to surrounding letters</title>
<link rel="match" href="bdi-neutral-to-surrounding-run-ref.html">
<link rel="author" title="Aharon Lanin" href="mailto:aharon@google.com"/>
<link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com"/>
<link rel="help" href="https://html.spec.whatwg.org/multipage/#the-bdi-element"/>
<meta name="assert" content="
'For the purposes of applying the bidirectional algorithm to the paragraph-level
container that a bdi element finds itself within, the bdi element must be treated
like a U+FFFC OBJECT REPLACEMENT CHARACTER.'
Thus, regardless of its content and its dir attribute (if any), a BDI will not prevent
a strongly RTL (or LTR) character preceding it from forming a single directional run with
another strongly RTL (LTR) character following it."/>
<style>
body{
font-size:2em;
}
.test, .ref {
border: medium solid gray;
width: 400px;
margin: 20px;
}
.comments { display: none; }
</style>
</head>
<body>
<div class="instructions"><p>Test passes if the two boxes below look exactly the same.</p></div>
<div class="comments">
Key to entities used below:
&#x05D0; ... &#x05D5; - The first six Hebrew letters (strongly RTL).
&#x202D; - The LRO (left-to-right override) formatting character.
&#x202C; - The PDF (pop directional formatting) formatting character; closes LRO.
If the BDI in the test's first DIV were a SPAN, its b would prevent the &#x05D0; and the &#x05D1;
from forming a single RTL run and thus keep the &gt;s between from being mirrored into &lt;s.
</div>
<div class="test">
<div dir="ltr">&#x05D0; &gt; <bdi>[b]</bdi> &gt; &#x05D2;...</div>
<div dir="ltr">&#x05D0; &gt; <bdi dir="ltr">[b]</bdi> &gt; &#x05D2;...</div>
<div dir="ltr">&#x05D0; &gt; <bdi dir="rtl">[b]</bdi> &gt; &#x05D2;...</div>
<div dir="rtl">a &gt; <bdi>[&#x05D1;]</bdi> &gt; c...</div>
<div dir="rtl">a &gt; <bdi dir="ltr">[&#x05D1;]</bdi> &gt; c...</div>
<div dir="rtl">a &gt; <bdi dir="rtl">[&#x05D1;]</bdi> &gt; c...</div>
</div>
<div class="ref">
<div dir="ltr">&#x202D;&#x05D2; &lt; [b] &lt; &#x05D0;...&#x202C;</div>
<div dir="ltr">&#x202D;&#x05D2; &lt; [b] &lt; &#x05D0;...&#x202C;</div>
<div dir="ltr">&#x202D;&#x05D2; &lt; [b] &lt; &#x05D0;...&#x202C;</div>
<div dir="rtl">&#x202D;...a &gt; [&#x05D1;] &gt; c&#x202C;</div>
<div dir="rtl">&#x202D;...a &gt; [&#x05D1;] &gt; c&#x202C;</div>
<div dir="rtl">&#x202D;...a &gt; [&#x05D1;] &gt; c&#x202C;</div>
</div>
</body>
</html>

View file

@ -0,0 +1,52 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="author" title="Aharon Lanin" href="mailto:aharon@google.com">
<link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com">
<style>
body{
font-size:2em;
}
.test, .ref {
border: medium solid gray;
width: 400px;
margin: 20px;
}
.comments { display: none; }
</style>
</head>
<body>
<div class="instructions"><p>Test passes if the two boxes below look exactly the same.</p></div>
<div class="comments">
Key to entities used below:
&#x05D0; ... &#x05D5; - The first six Hebrew letters (strongly RTL).
&#x202D; - The LRO (left-to-right override) formatting character.
&#x202C; - The PDF (pop directional formatting) formatting character; closes LRO.
</div>
<div class="test">
<div dir="ltr">
&#x202D;b &lt; &#x05D0;&#x202C;<br/>
&#x202D;&gt;&gt;&gt;&#x202C;<br/>
&#x202D;&#x05D3; &lt; c...&#x202C;
</div>
<div dir="rtl">
&#x202D;a &gt; &#x05D1;&#x202C;<br/>
&#x202D;&lt;&lt;&lt;&#x202C;<br/>
&#x202D;...&#x05D2; &gt; d&#x202C;
</div>
</div>
<div class="ref">
<div dir="ltr">
&#x202D;b &lt; &#x05D0;&#x202C;<br/>
&#x202D;&gt;&gt;&gt;&#x202C;<br/>
&#x202D;&#x05D3; &lt; c...&#x202C;
</div>
<div dir="rtl">
&#x202D;a &gt; &#x05D1;&#x202C;<br/>
&#x202D;&lt;&lt;&lt;&#x202C;<br/>
&#x202D;...&#x05D2; &gt; d&#x202C;
</div>
</div>
</body>
</html>

View file

@ -0,0 +1,73 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>HTML Test: BDI: neutral when wrapped</title>
<link rel="match" href="bdi-neutral-wrapped-ref.html">
<link rel="author" title="Aharon Lanin" href="mailto:aharon@google.com"/>
<link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com"/>
<link rel="help" href="https://html.spec.whatwg.org/multipage/#the-bdi-element"/>
<meta name="assert" content="
'For the purposes of applying the bidirectional algorithm to the paragraph-level
container that a bdi element finds itself within, the bdi element must be treated
like a U+FFFC OBJECT REPLACEMENT CHARACTER.'
This should hold even if the BDI's content is wrapped over more than one line."/>
<style>
body{
font-size:2em;
}
.test, .ref {
border: medium solid gray;
width: 400px;
margin: 20px;
}
.comments { display: none; }
</style>
</head>
<body>
<div class="instructions"><p>Test passes if the two boxes below look exactly the same.</p></div>
<div class="comments">
Key to entities used below:
&#xA0; - Non-breaking space.
&#x05D0; ... &#x05D5; - The first six Hebrew letters (strongly RTL).
&#x202D; - The LRO (left-to-right override) formatting character.
&#x202C; - The PDF (pop directional formatting) formatting character; closes LRO.
In the test below, the non-breaking spaces in the BDI's middle "word" make it so long that it
must be displayed on a line of its own, with the BDI wrapped before and after it. At the same
time, the content surrounding the BDI is supposed to form a single directional run, despite
the containing element and the BDI both having the opposite direction, because the BDI must be
treated as a neutral. Thus, on the line containing the first part of the BDI, the BDI's
content must appear after the content preceding it, and on the line containing the last part
of the BDI, the BDI content must appear before the content following it, where both 'before'
and 'after' are defined relative to the surrounding directional run.
</div>
<div class="test">
<div dir="ltr">
&#x05D0; &gt;
<bdi>b
&gt;&gt;&gt;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;
c</bdi>
&gt; &#x05D3;...
</div>
<div dir="rtl">
a &gt;
<bdi>&#x05D1;
&gt;&gt;&gt;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;
&#x05D2;</bdi>
&gt; d...
</div>
</div>
<div class="ref">
<div dir="ltr">
&#x202D;b &lt; &#x05D0;&#x202C;<br/>
&#x202D;&gt;&gt;&gt;&#x202C;<br/>
&#x202D;&#x05D3; &lt; c...&#x202C;
</div>
<div dir="rtl">
&#x202D;a &gt; &#x05D1;&#x202C;<br/>
&#x202D;&lt;&lt;&lt;&#x202C;<br/>
&#x202D;...&#x05D2; &gt; d&#x202C;
</div>
</div>
</body>
</html>

View file

@ -0,0 +1,36 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="author" title="Aharon Lanin" href="mailto:aharon@google.com">
<link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com">
<style>
body{
font-size:2em;
}
.test, .ref {
border: medium solid gray;
width: 500px;
margin: 20px;
}
.comments { display: none; }
</style>
</head>
<body>
<div class="instructions"><p>Test passes if the two boxes below look exactly the same.</p></div>
<div class="comments">
Key to entities used below:
&#x05D0; ... &#x05D5; - The first six Hebrew letters (strongly RTL).
&#x202D; - The LRO (left-to-right override) formatting character.
&#x202C; - The PDF (pop directional formatting) formatting character; closes LRO.
</div>
<div class="test">
<div dir="ltr">&#x202D;&#x05D0; [1 2 3 b] c [d &#x05D4;?!] &#x05D5;...&#x202C;</div>
<div dir="rtl">&#x202D;...f [!?e &#x05D3;] &#x05D2; [&#x05D1; 3 2 1] a&#x202C;</div>
</div>
<div class="ref">
<div dir="ltr">&#x202D;&#x05D0; [1 2 3 b] c [d &#x05D4;?!] &#x05D5;...&#x202C;</div>
<div dir="rtl">&#x202D;...f [!?e &#x05D3;] &#x05D2; [&#x05D1; 3 2 1] a&#x202C;</div>
</div>
</body>
</html>

View file

@ -0,0 +1,46 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>HTML Test: BDI: paragraph-level container</title>
<link rel="match" href="bdi-paragraph-level-container-ref.html"/>
<link rel="author" title="Aharon Lanin" href="mailto:aharon@google.com"/>
<link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com"/>
<link rel="help" href="https://html.spec.whatwg.org/multipage/#the-bdi-element"/>
<meta name="assert" content="
'For the purposes of applying the bidirectional algorithm to the contents of a bdi element,
user agents must treat the element as a paragraph-level container.'
Thus, under no circumstances should the content outside a BDI affect the visual
ordering of the BDI's content."/>
<style>
body{
font-size:2em;
}
.test, .ref {
border: medium solid gray;
width: 500px;
margin: 20px;
}
.comments { display: none; }
</style>
</head>
<body>
<div class="instructions"><p>Test passes if the two boxes below look exactly the same.</p></div>
<div class="comments">
Key to entities used below:
&#x05D0; ... &#x05D5; - The first six Hebrew letters (strongly RTL).
&#x202D; - The LRO (left-to-right override) formatting character.
&#x202C; - The PDF (pop directional formatting) formatting character; closes LRO.
If the BDIs in the test's first DIV were just SPANs, the &#x05D0; would order the 1 2 3 as
3 2 1, and the &#x05D5; would (with the &#x05D4;) order the ?! as !?.
</div>
<div class="test">
<div dir="ltr">&#x05D0; <bdi>[1 2 3 b]</bdi> c <bdi>[d &#x05D4;?!]</bdi> &#x05D5;...</div>
<div dir="rtl">a <bdi>[1 2 3 &#x05D1;]</bdi> &#x05D2; <bdi>[&#x05D3; e?!]</bdi> f...</div>
</div>
<div class="ref">
<div dir="ltr">&#x202D;&#x05D0; [1 2 3 b] c [d &#x05D4;?!] &#x05D5;...&#x202C;</div>
<div dir="rtl">&#x202D;...f [!?e &#x05D3;] &#x05D2; [&#x05D1; 3 2 1] a&#x202C;</div>
</div>
</body>
</html>

View file

@ -0,0 +1,17 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML Test: bdo - text directionality formatting control for its children</title>
<link rel="author" title="Intel" href="http://www.intel.com/">
<link rel="help" href="https://html.spec.whatwg.org/multipage/#the-bdo-element">
<link rel="match" href="bidi-001-ref.html">
<meta name="assert" content="Check if the bdo element represents explicit text directionality formatting control for its children.">
</head>
<body>
<p>Test passes if there is text 'WERBEH'.</p>
<bdo dir="rtl">
<span>HEBREW</span>
</bdo>
</body>
</html>

View file

@ -0,0 +1,15 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML Test: The value 'ltr' of dir attribute specifies a left-to-right override</title>
<link rel="author" title="Intel" href="http://www.intel.com/">
<link rel="help" href="https://html.spec.whatwg.org/multipage/#the-bdo-element">
<link rel="match" href="bidi-001-ref.html">
<meta name="assert" content="Check if the value ltr of dir attribute specifies a left-to-right override">
</head>
<body>
<p>Test passes if there is text 'WERBEH'.</p>
<bdo dir="ltr">WERBEH</bdo>
</body>
</html>

View file

@ -0,0 +1,18 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML Test: bdo - override the Unicode bidirectional algorithm</title>
<link rel="author" title="Intel" href="http://www.intel.com/">
<link rel="help" href="https://html.spec.whatwg.org/multipage/#the-bdo-element">
<link rel="match" href="bidi-001-ref.html">
<meta name="assert" content="Check if authors could override the Unicode bidirectional algorithm
by explicitly specifying a direction override of bdo element">
</head>
<body>
<p>Test passes if there is text 'WERBEH'.</p>
<p>
&#x202E;<bdo dir="ltr">WERBEH</bdo>&#x202C;
</p>
</body>
</html>

View file

@ -0,0 +1,11 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>directional type reference</title>
</head>
<body>
<p>Test passes if there is text 'WERBEH'.</p>
<div>WERBEH</div>
</body>
</html>

View file

@ -0,0 +1,14 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>directional type</title>
<meta content="W3C" name="author">
<link rel="match" href="bidi-001-ref.html">
<meta name="assert" content="Test text bidirectionality using the bdo element">
</head>
<body dir='ltr'>
<p>Test passes if there is text 'WERBEH'.</p>
<bdo dir="rtl">HEBREW</bdo>
</body>
</html>

View file

@ -0,0 +1,38 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link rel="author" title="Aharon Lanin" href="mailto:aharon@google.com"/>
<link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com" />
<style>
body{
font-size:2em;
}
.test, .ref {
border: medium solid gray;
width: 400px;
margin: 20px;
}
.comments { display: none; }
</style>
</head>
<body>
<div class="instructions"><p>Test passes if the two boxes below look exactly the same.</p></div>
<div class="comments">
Key to entities used below:
&#x05D0; ... &#x05D8; - The first nine Hebrew letters (strongly RTL).
&#x202D; - The LRO (left-to-right override) formatting character.
&#x202C; - The PDF (pop directional formatting) formatting character; closes LRO.
</div>
<div class="test">
&#x202D;&#x05D0;&#x05D1; &#x05D2;&#x05D3; 1. I like &#x05D4;. fg hi&#x202C;
<br/>
&#x202D;ab cd 2. &#x05D4; is great! &#x05D5;&#x05D6; &#x05D7;&#x05D8;&#x202C;
</div>
<div class="ref">
&#x202D;&#x05D0;&#x05D1; &#x05D2;&#x05D3; 1. I like &#x05D4;. fg hi&#x202C;
<br/>
&#x202D;ab cd 2. &#x05D4; is great! &#x05D5;&#x05D6; &#x05D7;&#x05D8;&#x202C;
</div>
</body>
</html>

View file

@ -0,0 +1,59 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>HTML Test: BR in inline ancestors</title>
<link rel="match" href="br-bidi-in-inline-ancestors-ref.html">
<link rel="author" title="Aharon Lanin" href="mailto:aharon@google.com"/>
<link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com" />
<link rel="help" href="https://html.spec.whatwg.org/multipage/#the-br-element"/>
<link rel="help" href="http://www.w3.org/TR/css3-writing-modes/#unicode-bidi" />
<meta name="assert" content="
'A br element should separate paragraphs for the purposes of the Unicode bidirectional
algorithm.'
'If an inline element is broken around a bidi paragraph boundary (e.g. if split by a block or
forced paragraph break), then the bidi control codes corresponding to the end of the element
are added before the interruption and the codes corresponding to the start of the element are
added after it. (In other words, any embedding levels or overrides started by the element are
closed at the paragraph break and reopened on the other side of it.)'" />
<style>
body{
font-size:2em;
}
.test, .ref {
border: medium solid gray;
width: 400px;
margin: 20px;
}
.comments { display: none; }
</style>
</head>
<body>
<div class="instructions"><p>Test passes if the two boxes below look exactly the same.</p></div>
<div class="comments">
Key to entities used below:
&#x05D0; ... &#x05D8; - The first nine Hebrew letters (strongly RTL).
&#x200E; - The LRM (left-to-right mark) formatting character (invisible, stronly LTR).
&#x200F; - The RLM (right-to-left mark) formatting character (invisible, stronly RTL).
&#x202D; - The LRO (left-to-right override) formatting character.
&#x202C; - The PDF (pop directional formatting) formatting character; closes LRO.
</div>
<div class="test">
&#x05D1;&#x05D0;&#x200E;
<bdo dir="rtl">ih
<bdo dir="ltr">&#x05D2;&#x05D3;
<span dir="rtl">fg&#x200F;
<span dir="ltr">1. I like &#x05D4;.<br/>
2. &#x05D4; is great!</span>
&#x200F;cd</span>
&#x05D5;&#x05D6;</bdo>
ba</bdo>
&#x200E;&#x05D8;&#x05D7;
</div>
<div class="ref">
&#x202D;&#x05D0;&#x05D1; &#x05D2;&#x05D3; 1. I like &#x05D4;. fg hi&#x202C;
<br/>
&#x202D;ab cd 2. &#x05D4; is great! &#x05D5;&#x05D6; &#x05D7;&#x05D8;&#x202C;
</div>
</body>
</html>

View file

@ -0,0 +1,19 @@
<!DOCTYPE html>
<html>
<head>
<title>HTML Test reference: BR separates bidi paragraph</title>
<link rel="author" title="Amir E. Aharoni" href="mailto:amir.aharoni@mail.huji.ac.il"/>
<link rel="author" title="Eyal Sela" href="mailto:eyal@post.isoc.org.il"/>
<link rel="author" title="Aharon Lanin" href="mailto:aharon@google.com"/>
<link rel="help" href="https://html.spec.whatwg.org/multipage/#the-br-element"/>
</head>
<body>
<div class="instructions"><p>Test passes if the rightmost character in the first line below is a full stop and to the left of it is a Hebrew letter.</p></div>
<div class="test">
A Hebrew letter and a full stop: &#x05d0;.&lrm;
<br />
&#x05d0; this line begins with a Hebrew letter.
</div>
</p>
</body>
</html>

View file

@ -0,0 +1,22 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>HTML Test: BR separates bidi paragraph</title>
<link rel="match" href="br-bidi-ref.html">
<link rel="author" title="Amir E. Aharoni" href="mailto:amir.aharoni@mail.huji.ac.il"/>
<link rel="author" title="Eyal Sela" href="mailto:eyal@post.isoc.org.il"/>
<link rel="author" title="Aharon Lanin" href="mailto:aharon@google.com"/>
<link rel="help" href="https://html.spec.whatwg.org/multipage/#the-br-element"/>
<meta name="assert"
content="A br element should separate paragraphs for the purposes of the Unicode bidirectional algorithm."/>
</head>
<body>
<div class="instructions"><p>Test passes if the rightmost character in the first line below is a full stop and to the left of it is a Hebrew letter.</p></div>
<div class="test">
A Hebrew letter and a full stop: &#x05d0;.
<br />
&#x05d0; this line begins with a Hebrew letter.
</div>
</body>
</html>

View file

@ -0,0 +1,68 @@
<!doctype html>
<html>
<head>
<meta charset=utf-8>
<title>HTML time element API</title>
<style>
#time { visibility: hidden; }
</style>
<link rel="help" href="https://html.spec.whatwg.org/multipage/#the-time-element">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
</head>
<body>
<div id="log"></div>
<!-- intentionally nested to test parsing rules -->
<p id="time"><time pubdate datetime="2000-02-01T03:04:05Z">Dummy text <time>2001-06-07T<time>08:09<time></time></time>Z</time></time></p>
<script type="text/javascript">
function makeTime(dateTime,contents,dateTimeProp) {
var timeEl = document.createElement('time');
if( dateTime ) {
timeEl.setAttribute('datetime',dateTime);
}
if( contents ) {
timeEl.innerHTML = contents;
}
if( dateTimeProp ) {
timeEl.dateTime = dateTimeProp;
}
return timeEl;
}
var timep = document.getElementById('time');
var times = timep.getElementsByTagName('time');
//TIME elements
test(function () {
assert_equals( times.length, 4 );
}, 'HTML parsing should locate 4 time elements in this document');
test(function () {
assert_true( !!window.HTMLTimeElement );
}, 'HTMLTimeElement should be exposed for prototyping');
test(function () {
assert_true( makeTime() instanceof window.HTMLTimeElement, 'createElement variant' );
assert_true( times[0] instanceof window.HTMLTimeElement, 'HTML parsing variant' );
}, 'the time elements should be instanceof HTMLTimeElement');
//dateTime
test(function () {
assert_equals( makeTime('2000-02-01T03:04:05Z','2001-02-01T03:04:05Z').dateTime, '2000-02-01T03:04:05Z' );
}, 'the datetime attribute should be reflected by the .dateTime property');
test(function () {
assert_equals( typeof makeTime().dateTime, 'string', 'typeof test' );
assert_equals( makeTime().dateTime, '', 'value test' );
}, 'the dateTime IDL property should default to an empty string');
test(function () {
assert_equals( makeTime(false,false,'2000-02-01T03:04:05Z').dateTime, '2000-02-01T03:04:05Z' );
}, 'the dateTime property should be read/write');
test(function () {
assert_equals( makeTime('go fish').dateTime, 'go fish' );
}, 'the datetime attribute should be reflected by the .dateTime property even if it is invalid');
test(function () {
assert_equals( makeTime(false,'2000-02-01T03:04:05Z').dateTime, '' );
}, 'the datetime attribute should not reflect the textContent');
</script>
</body>
</html>

View file

@ -0,0 +1,10 @@
<!DOCTYPE html>
<meta charset=utf-8>
<title>The wbr element</title>
<link rel="author" title="Denis Ah-Kang" href="mailto:denis@w3.org">
<link rel="mismatch" href="wbr-element-notref.html" />
<meta name="flags" content="ahem">
<style>
p {font-family: Ahem;}
</style>
<p>Loremipsumdolorsit<br>amet,consectetur<br>adipisicingelit,sed<br>doeiusmodtempor<br>incididuntutlaboreet<br>doloremagnaaliqua.Ut<br>enimadminimveniam,<br>quisnostrud<br>exercitationullamco<br>laborisnisiutaliquip<br>exeacommodo<br>consequat.Duisaute<br>iruredolorin<br>reprehenderitin<br>voluptatevelitesse<br>cillumdoloreeufugiat<br>nullapariatur.<br>Excepteursint<br>occaecatcupidatatnon<br>proident,suntinculpa<br>quiofficiadeserunt<br>mollitanimidest<br>laborum.</p>

View file

@ -0,0 +1,11 @@
<!DOCTYPE html>
<meta charset=utf-8>
<title>The wbr element</title>
<link rel="author" title="Denis Ah-Kang" href="mailto:denis@w3.org">
<link rel=help href="https://html.spec.whatwg.org/multipage/#rendering">
<link rel="match" href="wbr-element-ref.html">
<meta name="flags" content="ahem">
<style>
p {max-width: 300px; font-family: Ahem;}
</style>
<p>AHEM_<wbr>ipsum<wbr>dolor<wbr>sit<wbr>amet,<wbr>consectetur<wbr>adipisicing<wbr>elit,<wbr>sed<wbr>do<wbr>eiusmod<wbr>tempor<wbr>incididunt<wbr>ut<wbr>labore<wbr>et<wbr>dolore<wbr>magna<wbr>aliqua.<wbr>Ut<wbr>enim<wbr>ad<wbr>minim<wbr>veniam,<wbr>quis<wbr>nostrud<wbr>exercitation<wbr>ullamco<wbr>laboris<wbr>nisi<wbr>ut<wbr>aliquip<wbr>ex<wbr>ea<wbr>commodo<wbr>consequat.<wbr>Duis<wbr>aute<wbr>irure<wbr>dolor<wbr>in<wbr>reprehenderit<wbr>in<wbr>voluptate<wbr>velit<wbr>esse<wbr>cillum<wbr>dolore<wbr>eu<wbr>fugiat<wbr>nulla<wbr>pariatur.<wbr>Excepteur<wbr>sint<wbr>occaecat<wbr>cupidatat<wbr>non<wbr>proident,<wbr>sunt<wbr>in<wbr>culpa<wbr>qui<wbr>officia<wbr>deserunt<wbr>mollit<wbr>anim<wbr>id<wbr>est<wbr>laborum.</p>