diff options
| author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-19 00:47:55 +0000 |
|---|---|---|
| committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-19 00:47:55 +0000 |
| commit | 26a029d407be480d791972afb5975cf62c9360a6 (patch) | |
| tree | f435a8308119effd964b339f76abb83a57c29483 /testing/web-platform/tests/html/semantics/text-level-semantics/the-bdi-element | |
| parent | Initial commit. (diff) | |
| download | firefox-26a029d407be480d791972afb5975cf62c9360a6.tar.xz firefox-26a029d407be480d791972afb5975cf62c9360a6.zip | |
Adding upstream version 124.0.1.upstream/124.0.1
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'testing/web-platform/tests/html/semantics/text-level-semantics/the-bdi-element')
32 files changed, 1569 insertions, 0 deletions
diff --git a/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdi-element/bdi-auto-dir-default-ref.html b/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdi-element/bdi-auto-dir-default-ref.html new file mode 100644 index 0000000000..eff61bb419 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdi-element/bdi-auto-dir-default-ref.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">‭[:)], [+- 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> diff --git a/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdi-element/bdi-auto-dir-default.html b/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdi-element/bdi-auto-dir-default.html new file mode 100644 index 0000000000..3a9d90c76b --- /dev/null +++ b/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdi-element/bdi-auto-dir-default.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 inherit the parent direction; + - 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> diff --git a/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdi-element/bdi-neutral-missing-pdf-ref.html b/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdi-element/bdi-neutral-missing-pdf-ref.html new file mode 100644 index 0000000000..b4d44c5101 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdi-element/bdi-neutral-missing-pdf-ref.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> diff --git a/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdi-element/bdi-neutral-missing-pdf.html b/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdi-element/bdi-neutral-missing-pdf.html new file mode 100644 index 0000000000..1ce9da6b76 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdi-element/bdi-neutral-missing-pdf.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> diff --git a/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdi-element/bdi-neutral-nested-ref.html b/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdi-element/bdi-neutral-nested-ref.html new file mode 100644 index 0000000000..d5d7674a45 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdi-element/bdi-neutral-nested-ref.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> diff --git a/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdi-element/bdi-neutral-nested.html b/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdi-element/bdi-neutral-nested.html new file mode 100644 index 0000000000..158576885c --- /dev/null +++ b/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdi-element/bdi-neutral-nested.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> diff --git a/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdi-element/bdi-neutral-number-ref.html b/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdi-element/bdi-neutral-number-ref.html new file mode 100644 index 0000000000..df7af7778a --- /dev/null +++ b/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdi-element/bdi-neutral-number-ref.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> diff --git a/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdi-element/bdi-neutral-number.html b/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdi-element/bdi-neutral-number.html new file mode 100644 index 0000000000..37e467c173 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdi-element/bdi-neutral-number.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> diff --git a/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdi-element/bdi-neutral-separate-ref.html b/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdi-element/bdi-neutral-separate-ref.html new file mode 100644 index 0000000000..ec8e34627d --- /dev/null +++ b/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdi-element/bdi-neutral-separate-ref.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> diff --git a/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdi-element/bdi-neutral-separate.html b/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdi-element/bdi-neutral-separate.html new file mode 100644 index 0000000000..7bb8a20811 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdi-element/bdi-neutral-separate.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> diff --git a/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdi-element/bdi-neutral-to-another-bdi-1-ref.html b/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdi-element/bdi-neutral-to-another-bdi-1-ref.html new file mode 100644 index 0000000000..c0f323ea2c --- /dev/null +++ b/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdi-element/bdi-neutral-to-another-bdi-1-ref.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> diff --git a/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdi-element/bdi-neutral-to-another-bdi-1.html b/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdi-element/bdi-neutral-to-another-bdi-1.html new file mode 100644 index 0000000000..822120721f --- /dev/null +++ b/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdi-element/bdi-neutral-to-another-bdi-1.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> diff --git a/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdi-element/bdi-neutral-to-another-bdi-2-ref.html b/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdi-element/bdi-neutral-to-another-bdi-2-ref.html new file mode 100644 index 0000000000..9aef97c0ea --- /dev/null +++ b/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdi-element/bdi-neutral-to-another-bdi-2-ref.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> diff --git a/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdi-element/bdi-neutral-to-another-bdi-2.html b/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdi-element/bdi-neutral-to-another-bdi-2.html new file mode 100644 index 0000000000..85aec46686 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdi-element/bdi-neutral-to-another-bdi-2.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> diff --git a/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdi-element/bdi-neutral-to-letter-following-1-ref.html b/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdi-element/bdi-neutral-to-letter-following-1-ref.html new file mode 100644 index 0000000000..a34d09bd24 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdi-element/bdi-neutral-to-letter-following-1-ref.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> diff --git a/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdi-element/bdi-neutral-to-letter-following-1.html b/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdi-element/bdi-neutral-to-letter-following-1.html new file mode 100644 index 0000000000..76da57c2b9 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdi-element/bdi-neutral-to-letter-following-1.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> diff --git a/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdi-element/bdi-neutral-to-letter-following-2-ref.html b/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdi-element/bdi-neutral-to-letter-following-2-ref.html new file mode 100644 index 0000000000..80f36183b0 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdi-element/bdi-neutral-to-letter-following-2-ref.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> diff --git a/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdi-element/bdi-neutral-to-letter-following-2.html b/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdi-element/bdi-neutral-to-letter-following-2.html new file mode 100644 index 0000000000..ce41983f00 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdi-element/bdi-neutral-to-letter-following-2.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> diff --git a/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdi-element/bdi-neutral-to-letter-preceding-1-ref.html b/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdi-element/bdi-neutral-to-letter-preceding-1-ref.html new file mode 100644 index 0000000000..5e39eabd28 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdi-element/bdi-neutral-to-letter-preceding-1-ref.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> diff --git a/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdi-element/bdi-neutral-to-letter-preceding-1.html b/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdi-element/bdi-neutral-to-letter-preceding-1.html new file mode 100644 index 0000000000..46772de642 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdi-element/bdi-neutral-to-letter-preceding-1.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> diff --git a/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdi-element/bdi-neutral-to-letter-preceding-2-ref.html b/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdi-element/bdi-neutral-to-letter-preceding-2-ref.html new file mode 100644 index 0000000000..80f36183b0 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdi-element/bdi-neutral-to-letter-preceding-2-ref.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> diff --git a/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdi-element/bdi-neutral-to-letter-preceding-2.html b/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdi-element/bdi-neutral-to-letter-preceding-2.html new file mode 100644 index 0000000000..192115775c --- /dev/null +++ b/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdi-element/bdi-neutral-to-letter-preceding-2.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> diff --git a/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdi-element/bdi-neutral-to-number-following-1-ref.html b/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdi-element/bdi-neutral-to-number-following-1-ref.html new file mode 100644 index 0000000000..ad15d468b8 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdi-element/bdi-neutral-to-number-following-1-ref.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> diff --git a/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdi-element/bdi-neutral-to-number-following-1.html b/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdi-element/bdi-neutral-to-number-following-1.html new file mode 100644 index 0000000000..ff566737f2 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdi-element/bdi-neutral-to-number-following-1.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> diff --git a/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdi-element/bdi-neutral-to-number-following-2-ref.html b/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdi-element/bdi-neutral-to-number-following-2-ref.html new file mode 100644 index 0000000000..d0f1097ade --- /dev/null +++ b/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdi-element/bdi-neutral-to-number-following-2-ref.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> diff --git a/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdi-element/bdi-neutral-to-number-following-2.html b/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdi-element/bdi-neutral-to-number-following-2.html new file mode 100644 index 0000000000..62a3b50ffe --- /dev/null +++ b/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdi-element/bdi-neutral-to-number-following-2.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> diff --git a/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdi-element/bdi-neutral-to-surrounding-run-ref.html b/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdi-element/bdi-neutral-to-surrounding-run-ref.html new file mode 100644 index 0000000000..d7967c77fc --- /dev/null +++ b/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdi-element/bdi-neutral-to-surrounding-run-ref.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> diff --git a/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdi-element/bdi-neutral-to-surrounding-run.html b/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdi-element/bdi-neutral-to-surrounding-run.html new file mode 100644 index 0000000000..bff339ec34 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdi-element/bdi-neutral-to-surrounding-run.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> diff --git a/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdi-element/bdi-neutral-wrapped-ref.html b/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdi-element/bdi-neutral-wrapped-ref.html new file mode 100644 index 0000000000..9859de4747 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdi-element/bdi-neutral-wrapped-ref.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> diff --git a/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdi-element/bdi-neutral-wrapped.html b/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdi-element/bdi-neutral-wrapped.html new file mode 100644 index 0000000000..3e21fcb0fd --- /dev/null +++ b/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdi-element/bdi-neutral-wrapped.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> diff --git a/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdi-element/bdi-paragraph-level-container-ref.html b/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdi-element/bdi-paragraph-level-container-ref.html new file mode 100644 index 0000000000..0c74ecf68a --- /dev/null +++ b/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdi-element/bdi-paragraph-level-container-ref.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> diff --git a/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdi-element/bdi-paragraph-level-container.html b/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdi-element/bdi-paragraph-level-container.html new file mode 100644 index 0000000000..f133a95772 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdi-element/bdi-paragraph-level-container.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> |