mirror of
https://github.com/servo/servo.git
synced 2025-08-06 06:00:15 +01:00
Update web-platform-tests to revision 0d318188757a9c996e20b82db201fd04de5aa255
This commit is contained in:
James Graham
parent
b2a5225831
commit
1a81b18b9f
12321 changed files with 544385 additions and 6 deletions
|
|
@ -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:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr">‭[:)], [+- a ב], [d ג 1]...‬</div>
|
||||
<div dir="rtl">‭...[d ג 1] ,[+- a ב] ,[:)]‬</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">‭[:)], [+- a ב], [d ג 1]...‬</div>
|
||||
<div dir="rtl">‭...[d ג 1] ,[+- a ב] ,[:)]‬</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -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:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right override) formatting character.
|
||||
‬ - 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 ב]</bdi>, <bdi>[1 ג d]</bdi>...</div>
|
||||
<div dir="rtl"><bdi>[:)]</bdi>, <bdi>[+- a ב]</bdi>, <bdi>[1 ג d]</bdi>...</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">‭[:)], [+- a ב], [d ג 1]...‬</div>
|
||||
<div dir="rtl">‭...[d ג 1] ,[+- a ב] ,[:)]‬</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -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:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr">‭cbאde...‬</div>
|
||||
<div dir="ltr">‭cbאde...‬</div>
|
||||
<div dir="ltr">‭cbאde...‬</div>
|
||||
<div dir="rtl">‭...הדaבג‬</div>
|
||||
<div dir="rtl">‭...הדaבג‬</div>
|
||||
<div dir="rtl">‭...הדaבג‬</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">‭cbאde...‬</div>
|
||||
<div dir="ltr">‭cbאde...‬</div>
|
||||
<div dir="ltr">‭cbאde...‬</div>
|
||||
<div dir="rtl">‭...הדaבג‬</div>
|
||||
<div dir="rtl">‭...הדaבג‬</div>
|
||||
<div dir="rtl">‭...הדaבג‬</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -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:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right override) formatting character.
|
||||
‮ - the RLO (right-to-left-override) formatting character.
|
||||
‬ - 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>א‮bc</bdi>de...</div>
|
||||
<div dir="ltr"><bdi dir="ltr">א‮bc</bdi>de...</div>
|
||||
<div dir="ltr"><bdi dir="rtl">א‮bc</bdi>de...</div>
|
||||
<div dir="rtl"><bdi>a‭בג</bdi>דה...</div>
|
||||
<div dir="rtl"><bdi dir="ltr">a‭בג</bdi>דה...</div>
|
||||
<div dir="rtl"><bdi dir="rtl">a‭בג</bdi>דה...</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">‭cbאde...‬</div>
|
||||
<div dir="ltr">‭cbאde...‬</div>
|
||||
<div dir="ltr">‭cbאde...‬</div>
|
||||
<div dir="rtl">‭...הדaבג‬</div>
|
||||
<div dir="rtl">‭...הדaבג‬</div>
|
||||
<div dir="rtl">‭...הדaבג‬</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -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:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr">‭1 + [a + [3 + [b + 4] + ב] + 2] + א‬</div>
|
||||
<div dir="ltr">‭1 + [a + [3 + [b + 4] + ב] + 2] + א‬</div>
|
||||
<div dir="ltr">‭1 + [a + [3 + [b + 4] + ב] + 2] + א‬</div>
|
||||
<div dir="rtl">‭a + [1 + [b + [3 + ב] + 2] + א] + 0‬</div>
|
||||
<div dir="rtl">‭a + [1 + [b + [3 + ב] + 2] + א] + 0‬</div>
|
||||
<div dir="rtl">‭a + [1 + [b + [3 + ב] + 2] + א] + 0‬</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">‭1 + [a + [3 + [b + 4] + ב] + 2] + א‬</div>
|
||||
<div dir="ltr">‭1 + [a + [3 + [b + 4] + ב] + 2] + א‬</div>
|
||||
<div dir="ltr">‭1 + [a + [3 + [b + 4] + ב] + 2] + א‬</div>
|
||||
<div dir="rtl">‭a + [1 + [b + [3 + ב] + 2] + א] + 0‬</div>
|
||||
<div dir="rtl">‭a + [1 + [b + [3 + ב] + 2] + א] + 0‬</div>
|
||||
<div dir="rtl">‭a + [1 + [b + [3 + ב] + 2] + א] + 0‬</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -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:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr">א + <bdi>[a + <bdi>[ב + <bdi>[b + 4]</bdi> + 3]</bdi> + 2]</bdi> + 1</div>
|
||||
<div dir="ltr">א + <bdi dir="rtl">[a + <bdi dir="ltr">[ב + <bdi dir="rtl">[b + 4]</bdi> + 3]</bdi> + 2]</bdi> + 1</div>
|
||||
<div dir="ltr">א + <bdi dir="ltr">[a + <bdi dir="rtl">[ב + <bdi dir="ltr">[b + 4]</bdi> + 3]</bdi> + 2]</bdi> + 1</div>
|
||||
<div dir="rtl">a + <bdi>[א + <bdi>[b + <bdi>[ב + 3]</bdi> + 2]</bdi> + 1]</bdi> + 0</div>
|
||||
<div dir="rtl">a + <bdi dir="ltr">[א + <bdi dir="rtl">[b + <bdi dir="ltr">[ב + 3]</bdi> + 2]</bdi> + 1]</bdi> + 0</div>
|
||||
<div dir="rtl">a + <bdi dir="rtl">[א + <bdi dir="ltr">[b + <bdi dir="rtl">[ב + 3]</bdi> + 2]</bdi> + 1]</bdi> + 0</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">‭1 + [a + [3 + [b + 4] + ב] + 2] + א‬</div>
|
||||
<div dir="ltr">‭1 + [a + [3 + [b + 4] + ב] + 2] + א‬</div>
|
||||
<div dir="ltr">‭1 + [a + [3 + [b + 4] + ב] + 2] + א‬</div>
|
||||
<div dir="rtl">‭a + [1 + [b + [3 + ב] + 2] + א] + 0‬</div>
|
||||
<div dir="rtl">‭a + [1 + [b + [3 + ב] + 2] + א] + 0‬</div>
|
||||
<div dir="rtl">‭a + [1 + [b + [3 + ב] + 2] + א] + 0‬</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -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:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr">‭א - [1]...‬</div>
|
||||
<div dir="ltr">‭א - [1]...‬</div>
|
||||
<div dir="ltr">‭א - [1]...‬</div>
|
||||
<div dir="rtl">‭...[1] - a‬</div>
|
||||
<div dir="rtl">‭...[1] - a‬</div>
|
||||
<div dir="rtl">‭...[1] - a‬</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">‭א - [1]...‬</div>
|
||||
<div dir="ltr">‭א - [1]...‬</div>
|
||||
<div dir="ltr">‭א - [1]...‬</div>
|
||||
<div dir="rtl">‭...[1] - a‬</div>
|
||||
<div dir="rtl">‭...[1] - a‬</div>
|
||||
<div dir="rtl">‭...[1] - a‬</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -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:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right override) formatting character.
|
||||
‬ - 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 א.
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr">א - <bdi>[1]</bdi>...</div>
|
||||
<div dir="ltr">א - <bdi dir="ltr">[1]</bdi>...</div>
|
||||
<div dir="ltr">א - <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">‭א - [1]...‬</div>
|
||||
<div dir="ltr">‭א - [1]...‬</div>
|
||||
<div dir="ltr">‭א - [1]...‬</div>
|
||||
<div dir="rtl">‭...[1] - a‬</div>
|
||||
<div dir="rtl">‭...[1] - a‬</div>
|
||||
<div dir="rtl">‭...[1] - a‬</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -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:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr">‭א [1 b] c [d ה] ו...‬</div>
|
||||
<div dir="rtl">‭...f [e ד] ג [ב 1] a‬</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">‭א [1 b] c [d ה] ו...‬</div>
|
||||
<div dir="rtl">‭...f [e ד] ג [ב 1] a‬</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -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:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
If the BDIs in the test's first DIV were just SPANs, the א would appear between the 1
|
||||
and the b, and the ו between the d and the ה.
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr">א <bdi>[1 b]</bdi> c <bdi>[d ה]</bdi> ו...</div>
|
||||
<div dir="rtl">a <bdi>[1 ב]</bdi> ג <bdi>[ד e]</bdi> f...</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">‭א [1 b] c [d ה] ו...‬</div>
|
||||
<div dir="rtl">‭...f [e ד] ג [ב 1] a‬</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -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:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr">‭[א] > [ב]...‬</div>
|
||||
<div dir="ltr">‭[א] > [ב]...‬</div>
|
||||
<div dir="ltr">‭[א] > [ב]...‬</div>
|
||||
<div dir="rtl">‭...[b] < [a]‬</div>
|
||||
<div dir="rtl">‭...[b] < [a]‬</div>
|
||||
<div dir="rtl">‭...[b] < [a]‬</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">‭[א] > [ב]...‬</div>
|
||||
<div dir="ltr">‭[א] > [ב]...‬</div>
|
||||
<div dir="ltr">‭[א] > [ב]...‬</div>
|
||||
<div dir="rtl">‭...[b] < [a]‬</div>
|
||||
<div dir="rtl">‭...[b] < [a]‬</div>
|
||||
<div dir="rtl">‭...[b] < [a]‬</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -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:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
If the BDIs in the test's first DIV were SPANs, the ב would be rendered to the left
|
||||
of the א.
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr"><bdi>[א]</bdi> > <bdi>[ב]</bdi>...</div>
|
||||
<div dir="ltr"><bdi dir="rtl">[א]</bdi> > <bdi dir="rtl">[ב]</bdi>...</div>
|
||||
<div dir="ltr"><bdi dir="ltr">[א]</bdi> > <bdi dir="ltr">[ב]</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">‭[א] > [ב]...‬</div>
|
||||
<div dir="ltr">‭[א] > [ב]...‬</div>
|
||||
<div dir="ltr">‭[א] > [ב]...‬</div>
|
||||
<div dir="rtl">‭...[b] < [a]‬</div>
|
||||
<div dir="rtl">‭...[b] < [a]‬</div>
|
||||
<div dir="rtl">‭...[b] < [a]‬</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -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:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr">‭אב...‬</div>
|
||||
<div dir="ltr">‭אב...‬</div>
|
||||
<div dir="ltr">‭אב...‬</div>
|
||||
<div dir="rtl">‭...ba‬</div>
|
||||
<div dir="rtl">‭...ba‬</div>
|
||||
<div dir="rtl">‭...ba‬</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">‭אב...‬</div>
|
||||
<div dir="ltr">‭אב...‬</div>
|
||||
<div dir="ltr">‭אב...‬</div>
|
||||
<div dir="rtl">‭...ba‬</div>
|
||||
<div dir="rtl">‭...ba‬</div>
|
||||
<div dir="rtl">‭...ba‬</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -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:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
If the BDIs in the test's first DIV were SPANs, the ב would be rendered to the left of
|
||||
the א.
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr"><bdi>א</bdi><bdi>ב</bdi>...</div>
|
||||
<div dir="ltr"><bdi dir="rtl">א</bdi><bdi dir="rtl">ב</bdi>...</div>
|
||||
<div dir="ltr"><bdi dir="ltr">א</bdi><bdi dir="ltr">ב</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">‭אב...‬</div>
|
||||
<div dir="ltr">‭אב...‬</div>
|
||||
<div dir="ltr">‭אב...‬</div>
|
||||
<div dir="rtl">‭...ba‬</div>
|
||||
<div dir="rtl">‭...ba‬</div>
|
||||
<div dir="rtl">‭...ba‬</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -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:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr">‭[א] > ב...‬</div>
|
||||
<div dir="ltr">‭[א] > ב...‬</div>
|
||||
<div dir="ltr">‭[א] > ב...‬</div>
|
||||
<div dir="rtl">‭...b < [a]‬</div>
|
||||
<div dir="rtl">‭...b < [a]‬</div>
|
||||
<div dir="rtl">‭...b < [a]‬</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">‭[א] > ב...‬</div>
|
||||
<div dir="ltr">‭[א] > ב...‬</div>
|
||||
<div dir="ltr">‭[א] > ב...‬</div>
|
||||
<div dir="rtl">‭...b < [a]‬</div>
|
||||
<div dir="rtl">‭...b < [a]‬</div>
|
||||
<div dir="rtl">‭...b < [a]‬</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -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:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
If the BDI in the test's first DIV were a SPAN, the ב would be rendered to the left
|
||||
of the א
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr"><bdi>[א]</bdi> > ב...</div>
|
||||
<div dir="ltr"><bdi dir="rtl">[א]</bdi> > ב...</div>
|
||||
<div dir="ltr"><bdi dir="ltr">[א]</bdi> > ב...</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">‭[א] > ב...‬</div>
|
||||
<div dir="ltr">‭[א] > ב...‬</div>
|
||||
<div dir="ltr">‭[א] > ב...‬</div>
|
||||
<div dir="rtl">‭...b < [a]‬</div>
|
||||
<div dir="rtl">‭...b < [a]‬</div>
|
||||
<div dir="rtl">‭...b < [a]‬</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -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:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr">‭אב...‬</div>
|
||||
<div dir="ltr">‭אב...‬</div>
|
||||
<div dir="ltr">‭אב...‬</div>
|
||||
<div dir="rtl">‭...ba‬</div>
|
||||
<div dir="rtl">‭...ba‬</div>
|
||||
<div dir="rtl">‭...ba‬</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">‭אב...‬</div>
|
||||
<div dir="ltr">‭אב...‬</div>
|
||||
<div dir="ltr">‭אב...‬</div>
|
||||
<div dir="rtl">‭...ba‬</div>
|
||||
<div dir="rtl">‭...ba‬</div>
|
||||
<div dir="rtl">‭...ba‬</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -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:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
If the BDI in the following DIV were a SPAN, the ב would be rendered to the left
|
||||
of the א
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr"><bdi>א</bdi>ב...</div>
|
||||
<div dir="ltr"><bdi dir="rtl">א</bdi>ב...</div>
|
||||
<div dir="ltr"><bdi dir="ltr">א</bdi>ב...</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">‭אב...‬</div>
|
||||
<div dir="ltr">‭אב...‬</div>
|
||||
<div dir="ltr">‭אב...‬</div>
|
||||
<div dir="rtl">‭...ba‬</div>
|
||||
<div dir="rtl">‭...ba‬</div>
|
||||
<div dir="rtl">‭...ba‬</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -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:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr">‭א > [ב]...‬</div>
|
||||
<div dir="ltr">‭א > [ב]...‬</div>
|
||||
<div dir="ltr">‭א > [ב]...‬</div>
|
||||
<div dir="rtl">‭...[b] < a‬</div>
|
||||
<div dir="rtl">‭...[b] < a‬</div>
|
||||
<div dir="rtl">‭...[b] < a‬</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">‭א > [ב]...‬</div>
|
||||
<div dir="ltr">‭א > [ב]...‬</div>
|
||||
<div dir="ltr">‭א > [ב]...‬</div>
|
||||
<div dir="rtl">‭...[b] < a‬</div>
|
||||
<div dir="rtl">‭...[b] < a‬</div>
|
||||
<div dir="rtl">‭...[b] < a‬</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -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:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
If the BDI in the test's first DIV were a SPAN, the ב would be rendered to the left
|
||||
of the א
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr">א > <bdi>[ב]</bdi>...</div>
|
||||
<div dir="ltr">א > <bdi dir="rtl">[ב]</bdi>...</div>
|
||||
<div dir="ltr">א > <bdi dir="ltr">[ב]</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">‭א > [ב]...‬</div>
|
||||
<div dir="ltr">‭א > [ב]...‬</div>
|
||||
<div dir="ltr">‭א > [ב]...‬</div>
|
||||
<div dir="rtl">‭...[b] < a‬</div>
|
||||
<div dir="rtl">‭...[b] < a‬</div>
|
||||
<div dir="rtl">‭...[b] < a‬</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -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:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr">‭אב...‬</div>
|
||||
<div dir="ltr">‭אב...‬</div>
|
||||
<div dir="ltr">‭אב...‬</div>
|
||||
<div dir="rtl">‭...ba‬</div>
|
||||
<div dir="rtl">‭...ba‬</div>
|
||||
<div dir="rtl">‭...ba‬</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">‭אב...‬</div>
|
||||
<div dir="ltr">‭אב...‬</div>
|
||||
<div dir="ltr">‭אב...‬</div>
|
||||
<div dir="rtl">‭...ba‬</div>
|
||||
<div dir="rtl">‭...ba‬</div>
|
||||
<div dir="rtl">‭...ba‬</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -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:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
If the BDI in the test's first DIV were a SPAN, the ב would be rendered to the left
|
||||
of the א
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr">א<bdi>ב</bdi>...</div>
|
||||
<div dir="ltr">א<bdi dir="rtl">ב</bdi>...</div>
|
||||
<div dir="ltr">א<bdi dir="ltr">ב</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">‭אב...‬</div>
|
||||
<div dir="ltr">‭אב...‬</div>
|
||||
<div dir="ltr">‭אב...‬</div>
|
||||
<div dir="rtl">‭...ba‬</div>
|
||||
<div dir="rtl">‭...ba‬</div>
|
||||
<div dir="rtl">‭...ba‬</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -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:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr">‭[א] (3 reviews)...‬</div>
|
||||
<div dir="ltr">‭[א] (3 reviews)...‬</div>
|
||||
<div dir="ltr">‭[א] (3 reviews)...‬</div>
|
||||
<div dir="rtl">‭...(3) [a]‬</div>
|
||||
<div dir="rtl">‭...(3) [a]‬</div>
|
||||
<div dir="rtl">‭...(3) [a]‬</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">‭[א] (3 reviews)...‬</div>
|
||||
<div dir="ltr">‭[א] (3 reviews)...‬</div>
|
||||
<div dir="ltr">‭[א] (3 reviews)...‬</div>
|
||||
<div dir="rtl">‭...(3) [a]‬</div>
|
||||
<div dir="rtl">‭...(3) [a]‬</div>
|
||||
<div dir="rtl">‭...(3) [a]‬</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -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:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right override) formatting character.
|
||||
‬ - 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 א
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr"><bdi>[א]</bdi> (3 reviews)...</div>
|
||||
<div dir="ltr"><bdi dir="rtl">[א]</bdi> (3 reviews)...</div>
|
||||
<div dir="ltr"><bdi dir="ltr">[א]</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">‭[א] (3 reviews)...‬</div>
|
||||
<div dir="ltr">‭[א] (3 reviews)...‬</div>
|
||||
<div dir="ltr">‭[א] (3 reviews)...‬</div>
|
||||
<div dir="rtl">‭...(3) [a]‬</div>
|
||||
<div dir="rtl">‭...(3) [a]‬</div>
|
||||
<div dir="rtl">‭...(3) [a]‬</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -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:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr">‭א1...‬</div>
|
||||
<div dir="ltr">‭א1...‬</div>
|
||||
<div dir="ltr">‭א1...‬</div>
|
||||
<div dir="rtl">‭...1a‬</div>
|
||||
<div dir="rtl">‭...1a‬</div>
|
||||
<div dir="rtl">‭...1a‬</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">‭א1...‬</div>
|
||||
<div dir="ltr">‭א1...‬</div>
|
||||
<div dir="ltr">‭א1...‬</div>
|
||||
<div dir="rtl">‭...1a‬</div>
|
||||
<div dir="rtl">‭...1a‬</div>
|
||||
<div dir="rtl">‭...1a‬</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -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:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right override) formatting character.
|
||||
‬ - 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 א
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr"><bdi>א</bdi>1...</div>
|
||||
<div dir="ltr"><bdi dir="rtl">א</bdi>1...</div>
|
||||
<div dir="ltr"><bdi dir="ltr">א</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">‭א1...‬</div>
|
||||
<div dir="ltr">‭א1...‬</div>
|
||||
<div dir="ltr">‭א1...‬</div>
|
||||
<div dir="rtl">‭...1a‬</div>
|
||||
<div dir="rtl">‭...1a‬</div>
|
||||
<div dir="rtl">‭...1a‬</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -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:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr">‭ג < [b] < א...‬</div>
|
||||
<div dir="ltr">‭ג < [b] < א...‬</div>
|
||||
<div dir="ltr">‭ג < [b] < א...‬</div>
|
||||
<div dir="rtl">‭...a > [ב] > c‬</div>
|
||||
<div dir="rtl">‭...a > [ב] > c‬</div>
|
||||
<div dir="rtl">‭...a > [ב] > c‬</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">‭ג < [b] < א...‬</div>
|
||||
<div dir="ltr">‭ג < [b] < א...‬</div>
|
||||
<div dir="ltr">‭ג < [b] < א...‬</div>
|
||||
<div dir="rtl">‭...a > [ב] > c‬</div>
|
||||
<div dir="rtl">‭...a > [ב] > c‬</div>
|
||||
<div dir="rtl">‭...a > [ב] > c‬</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -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:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right override) formatting character.
|
||||
‬ - 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 א and the ב
|
||||
from forming a single RTL run and thus keep the >s between from being mirrored into <s.
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr">א > <bdi>[b]</bdi> > ג...</div>
|
||||
<div dir="ltr">א > <bdi dir="ltr">[b]</bdi> > ג...</div>
|
||||
<div dir="ltr">א > <bdi dir="rtl">[b]</bdi> > ג...</div>
|
||||
<div dir="rtl">a > <bdi>[ב]</bdi> > c...</div>
|
||||
<div dir="rtl">a > <bdi dir="ltr">[ב]</bdi> > c...</div>
|
||||
<div dir="rtl">a > <bdi dir="rtl">[ב]</bdi> > c...</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">‭ג < [b] < א...‬</div>
|
||||
<div dir="ltr">‭ג < [b] < א...‬</div>
|
||||
<div dir="ltr">‭ג < [b] < א...‬</div>
|
||||
<div dir="rtl">‭...a > [ב] > c‬</div>
|
||||
<div dir="rtl">‭...a > [ב] > c‬</div>
|
||||
<div dir="rtl">‭...a > [ב] > c‬</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -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:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr">
|
||||
‭b < א‬<br/>
|
||||
‭>>>‬<br/>
|
||||
‭ד < c...‬
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
‭a > ב‬<br/>
|
||||
‭<<<‬<br/>
|
||||
‭...ג > d‬
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
‭b < א‬<br/>
|
||||
‭>>>‬<br/>
|
||||
‭ד < c...‬
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
‭a > ב‬<br/>
|
||||
‭<<<‬<br/>
|
||||
‭...ג > d‬
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -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:
|
||||
  - Non-breaking space.
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right override) formatting character.
|
||||
‬ - 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">
|
||||
א >
|
||||
<bdi>b
|
||||
>>>                                                 
|
||||
c</bdi>
|
||||
> ד...
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
a >
|
||||
<bdi>ב
|
||||
>>>                                                 
|
||||
ג</bdi>
|
||||
> d...
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">
|
||||
‭b < א‬<br/>
|
||||
‭>>>‬<br/>
|
||||
‭ד < c...‬
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
‭a > ב‬<br/>
|
||||
‭<<<‬<br/>
|
||||
‭...ג > d‬
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -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:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr">‭א [1 2 3 b] c [d ה?!] ו...‬</div>
|
||||
<div dir="rtl">‭...f [!?e ד] ג [ב 3 2 1] a‬</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">‭א [1 2 3 b] c [d ה?!] ו...‬</div>
|
||||
<div dir="rtl">‭...f [!?e ד] ג [ב 3 2 1] a‬</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -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:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
If the BDIs in the test's first DIV were just SPANs, the א would order the 1 2 3 as
|
||||
3 2 1, and the ו would (with the ה) order the ?! as !?.
|
||||
</div>
|
||||
<div class="test">
|
||||
<div dir="ltr">א <bdi>[1 2 3 b]</bdi> c <bdi>[d ה?!]</bdi> ו...</div>
|
||||
<div dir="rtl">a <bdi>[1 2 3 ב]</bdi> ג <bdi>[ד e?!]</bdi> f...</div>
|
||||
</div>
|
||||
<div class="ref">
|
||||
<div dir="ltr">‭א [1 2 3 b] c [d ה?!] ו...‬</div>
|
||||
<div dir="rtl">‭...f [!?e ד] ג [ב 3 2 1] a‬</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Add table
Add a link
Reference in a new issue