diff options
| author | Matt A. Tobin <mattatobin@localhost.localdomain> | 2018-02-02 04:16:08 -0500 |
|---|---|---|
| committer | Matt A. Tobin <mattatobin@localhost.localdomain> | 2018-02-02 04:16:08 -0500 |
| commit | 5f8de423f190bbb79a62f804151bc24824fa32d8 (patch) | |
| tree | 10027f336435511475e392454359edea8e25895d /testing/web-platform/tests/html/semantics/text-level-semantics | |
| parent | 49ee0794b5d912db1f95dce6eb52d781dc210db5 (diff) | |
| download | UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar.gz UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar.lz UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar.xz UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.zip | |
Add m-esr52 at 52.6.0
Diffstat (limited to 'testing/web-platform/tests/html/semantics/text-level-semantics')
77 files changed, 2059 insertions, 0 deletions
diff --git a/testing/web-platform/tests/html/semantics/text-level-semantics/.gitkeep b/testing/web-platform/tests/html/semantics/text-level-semantics/.gitkeep new file mode 100644 index 000000000..e69de29bb --- /dev/null +++ b/testing/web-platform/tests/html/semantics/text-level-semantics/.gitkeep diff --git a/testing/web-platform/tests/html/semantics/text-level-semantics/historical.html b/testing/web-platform/tests/html/semantics/text-level-semantics/historical.html new file mode 100644 index 000000000..9de09fe5b --- /dev/null +++ b/testing/web-platform/tests/html/semantics/text-level-semantics/historical.html @@ -0,0 +1,32 @@ +<!doctype html> +<title>Historical text-level element features should not be supported</title> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> +<div id=log></div> +<script> +function t(property, tagNames) { + if (typeof tagNames === "string") { + tagNames = [tagNames]; + } + tagNames.forEach(function(tagName) { + test(function() { + assert_false(property in document.createElement(tagName)); + }, tagName + '.' + property + ' should not be supported'); + }); +} + +// <area> and <link> are in other sections in the spec, but we'll test them here together with <a> + +// removed in https://github.com/whatwg/html/commit/790479ab1ba143efc27d1f92cd0465627df48fb0 +t('hreflang', 'area'); +t('type', 'area'); + +// renamed to dateTime in https://github.com/whatwg/html/commit/8b6732237c7021cd61e3c3463146234ca8ce5bad +t('datetime', 'time'); + +// removed in https://github.com/whatwg/html/commit/66fcb2357f205448fe2f40d7834a1e8ea2ed283b +t('media', ['a', 'area']); + +// renamed to noreferrer in https://github.com/whatwg/html/commit/6a34274e99593e767ae99744a6c38a19489915c6 +t('noreferer', ['link', 'a', 'area']); +</script> diff --git a/testing/web-platform/tests/html/semantics/text-level-semantics/the-a-element/.gitkeep b/testing/web-platform/tests/html/semantics/text-level-semantics/the-a-element/.gitkeep new file mode 100644 index 000000000..e69de29bb --- /dev/null +++ b/testing/web-platform/tests/html/semantics/text-level-semantics/the-a-element/.gitkeep diff --git a/testing/web-platform/tests/html/semantics/text-level-semantics/the-a-element/a-stringifier.html b/testing/web-platform/tests/html/semantics/text-level-semantics/the-a-element/a-stringifier.html new file mode 100644 index 000000000..fb0780dee --- /dev/null +++ b/testing/web-platform/tests/html/semantics/text-level-semantics/the-a-element/a-stringifier.html @@ -0,0 +1,16 @@ +<!DOCTYPE html> +<title>HTMLAnchorElement stringifier</title> +<link rel="author" title="Ms2ger" href="mailto:ms2ger@gmail.com"> +<link rel="help" href="https://heycam.github.io/webidl/#es-stringifier"> +<script src=/resources/testharness.js></script> +<script src=/resources/testharnessreport.js></script> +<script src=/common/stringifiers.js></script> +<div id=log></div> +<script> +test(function() { + test_stringifier_attribute(document.createElement("a"), "href", false); + var a = document.createElement("a"); + a.setAttribute("href", "foo"); + test_stringifier_attribute(a, "href", false); +}); +</script> diff --git a/testing/web-platform/tests/html/semantics/text-level-semantics/the-a-element/a.text-getter-01.html b/testing/web-platform/tests/html/semantics/text-level-semantics/the-a-element/a.text-getter-01.html new file mode 100644 index 000000000..e0bb73be0 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/text-level-semantics/the-a-element/a.text-getter-01.html @@ -0,0 +1,34 @@ +<!DOCTYPE html> +<title>HTMLAnchorElement.text getting</title> +<link rel="author" title="Ms2ger" href="mailto:ms2ger@gmail.com"> +<link rel="help" href="https://html.spec.whatwg.org/multipage/#dom-a-text"> +<script src=/resources/testharness.js></script> +<script src=/resources/testharnessreport.js></script> +<div id=log></div> +<script>var b</script> +<div id="test"> +<a href="a">a b c </a> +<a href="b">a <!--b-->b c </a> +<a href="c">a <b>b</b> c </a> +<a href="d">a <script>b</script> c </a> +<script> +var e = document.getElementById("test") + .appendChild(document.createElement("a")); +e.href = "d"; +e.appendChild(document.createTextNode("a ")); +e.appendChild(document.createTextNode("b ")); +e.appendChild(document.createTextNode("c ")); +</script> +</div> +<script> +test(function() { + var list = document.getElementById("test") + .getElementsByTagName("a"); + for (var i = 0, il = list.length; i < il; ++i) { + test(function() { + assert_equals(list[i].text, list[i].textContent); + assert_equals(list[i].text, "a b c "); + }, "Test for anchor " + i); + } +}); +</script> diff --git a/testing/web-platform/tests/html/semantics/text-level-semantics/the-a-element/a.text-setter-01.html b/testing/web-platform/tests/html/semantics/text-level-semantics/the-a-element/a.text-setter-01.html new file mode 100644 index 000000000..879a9e3d0 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/text-level-semantics/the-a-element/a.text-setter-01.html @@ -0,0 +1,41 @@ +<!DOCTYPE html> +<title>HTMLAnchorElement.text setting</title> +<link rel="author" title="Ms2ger" href="mailto:ms2ger@gmail.com"> +<link rel="help" href="https://html.spec.whatwg.org/multipage/#dom-a-text"> +<script src=/resources/testharness.js></script> +<script src=/resources/testharnessreport.js></script> +<div id=log></div> +<div id="test"> +<a href="a">a b c</a> +<a href="b">a <!--b--> c</a> +<a href="c">a <b>b</b> c</a> +<script> +var d = document.getElementById("test") + .appendChild(document.createElement("a")); +d.href = "d"; +d.appendChild(document.createTextNode("a ")); +d.appendChild(document.createTextNode("b ")); +d.appendChild(document.createTextNode("c ")); +</script> +</div> +<script> +test(function() { + var list = document.getElementById("test") + .getElementsByTagName("a"); + for (var i = 0, il = list.length; i < il; ++i) { + test(function() { + list[i].text = "x"; + assert_equals(list[i].text, "x"); + assert_equals(list[i].textContent, "x"); + assert_equals(list[i].firstChild.data, "x"); + assert_equals(list[i].childNodes.length, 1); + + list[i].textContent = "y"; + assert_equals(list[i].text, "y"); + assert_equals(list[i].textContent, "y"); + assert_equals(list[i].firstChild.data, "y"); + assert_equals(list[i].childNodes.length, 1); + }, "Test for anchor " + i); + } +}); +</script> diff --git a/testing/web-platform/tests/html/semantics/text-level-semantics/the-abbr-element/.gitkeep b/testing/web-platform/tests/html/semantics/text-level-semantics/the-abbr-element/.gitkeep new file mode 100644 index 000000000..e69de29bb --- /dev/null +++ b/testing/web-platform/tests/html/semantics/text-level-semantics/the-abbr-element/.gitkeep diff --git a/testing/web-platform/tests/html/semantics/text-level-semantics/the-b-element/.gitkeep b/testing/web-platform/tests/html/semantics/text-level-semantics/the-b-element/.gitkeep new file mode 100644 index 000000000..e69de29bb --- /dev/null +++ b/testing/web-platform/tests/html/semantics/text-level-semantics/the-b-element/.gitkeep diff --git a/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdi-element/.gitkeep b/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdi-element/.gitkeep new file mode 100644 index 000000000..e69de29bb --- /dev/null +++ b/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdi-element/.gitkeep 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 000000000..eff61bb41 --- /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 000000000..e658500a4 --- /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 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> 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 000000000..b4d44c510 --- /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 000000000..1ce9da6b7 --- /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 000000000..d5d7674a4 --- /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 000000000..158576885 --- /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 000000000..df7af7778 --- /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 000000000..37e467c17 --- /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 000000000..ec8e34627 --- /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 000000000..7bb8a2081 --- /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 000000000..c0f323ea2 --- /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 000000000..822120721 --- /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 000000000..9aef97c0e --- /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 000000000..85aec4668 --- /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 000000000..a34d09bd2 --- /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 000000000..76da57c2b --- /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 000000000..80f36183b --- /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 000000000..ce41983f0 --- /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 000000000..5e39eabd2 --- /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 000000000..46772de64 --- /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 000000000..80f36183b --- /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 000000000..192115775 --- /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 000000000..ad15d468b --- /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 000000000..ff566737f --- /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 000000000..d0f1097ad --- /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 000000000..62a3b50ff --- /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 000000000..d7967c77f --- /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 000000000..bff339ec3 --- /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 000000000..9859de474 --- /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 000000000..3e21fcb0f --- /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 000000000..0c74ecf68 --- /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 000000000..f133a9577 --- /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> diff --git a/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdo-element/.gitkeep b/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdo-element/.gitkeep new file mode 100644 index 000000000..e69de29bb --- /dev/null +++ b/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdo-element/.gitkeep diff --git a/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdo-element/bdo-child.html b/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdo-element/bdo-child.html new file mode 100644 index 000000000..feadc26d7 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdo-element/bdo-child.html @@ -0,0 +1,17 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="utf-8"> + <title>HTML Test: bdo - text directionality formatting control for its children</title> + <link rel="author" title="Intel" href="http://www.intel.com/"> + <link rel="help" href="https://html.spec.whatwg.org/multipage/#the-bdo-element"> + <link rel="match" href="bidi-001-ref.html"> + <meta name="assert" content="Check if the bdo element represents explicit text directionality formatting control for its children."> + </head> + <body> + <p>Test passes if there is text 'WERBEH'.</p> + <bdo dir="rtl"> + <span>HEBREW</span> + </bdo> + </body> +</html> diff --git a/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdo-element/bdo-ltr.html b/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdo-element/bdo-ltr.html new file mode 100644 index 000000000..8a7861086 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdo-element/bdo-ltr.html @@ -0,0 +1,15 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="utf-8"> + <title>HTML Test: The value 'ltr' of dir attribute specifies a left-to-right override</title> + <link rel="author" title="Intel" href="http://www.intel.com/"> + <link rel="help" href="https://html.spec.whatwg.org/multipage/#the-bdo-element"> + <link rel="match" href="bidi-001-ref.html"> + <meta name="assert" content="Check if the value ltr of dir attribute specifies a left-to-right override"> + </head> + <body> + <p>Test passes if there is text 'WERBEH'.</p> + <bdo dir="ltr">WERBEH</bdo> + </body> +</html> diff --git a/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdo-element/bdo-override.html b/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdo-element/bdo-override.html new file mode 100644 index 000000000..75a45e198 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdo-element/bdo-override.html @@ -0,0 +1,18 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="utf-8"> + <title>HTML Test: bdo - override the Unicode bidirectional algorithm</title> + <link rel="author" title="Intel" href="http://www.intel.com/"> + <link rel="help" href="https://html.spec.whatwg.org/multipage/#the-bdo-element"> + <link rel="match" href="bidi-001-ref.html"> + <meta name="assert" content="Check if authors could override the Unicode bidirectional algorithm + by explicitly specifying a direction override of bdo element"> + </head> + <body> + <p>Test passes if there is text 'WERBEH'.</p> + <p> + ‮<bdo dir="ltr">WERBEH</bdo>‬ + </p> + </body> +</html> diff --git a/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdo-element/bidi-001-ref.html b/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdo-element/bidi-001-ref.html new file mode 100644 index 000000000..83d2dc4a1 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdo-element/bidi-001-ref.html @@ -0,0 +1,11 @@ +<!DOCTYPE html> +<html> +<head> +<meta charset="UTF-8"> +<title>directional type reference</title> +</head> +<body> +<p>Test passes if there is text 'WERBEH'.</p> +<div>WERBEH</div> +</body> +</html> diff --git a/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdo-element/bidi-001.html b/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdo-element/bidi-001.html new file mode 100644 index 000000000..772dcf43b --- /dev/null +++ b/testing/web-platform/tests/html/semantics/text-level-semantics/the-bdo-element/bidi-001.html @@ -0,0 +1,14 @@ +<!DOCTYPE html> +<html> +<head> +<meta charset="UTF-8"> +<title>directional type</title> +<meta content="W3C" name="author"> +<link rel="match" href="bidi-001-ref.html"> +<meta name="assert" content="Test text bidirectionality using the bdo element"> +</head> +<body dir='ltr'> +<p>Test passes if there is text 'WERBEH'.</p> +<bdo dir="rtl">HEBREW</bdo> +</body> +</html> diff --git a/testing/web-platform/tests/html/semantics/text-level-semantics/the-br-element/.gitkeep b/testing/web-platform/tests/html/semantics/text-level-semantics/the-br-element/.gitkeep new file mode 100644 index 000000000..e69de29bb --- /dev/null +++ b/testing/web-platform/tests/html/semantics/text-level-semantics/the-br-element/.gitkeep diff --git a/testing/web-platform/tests/html/semantics/text-level-semantics/the-br-element/br-bidi-in-inline-ancestors-ref.html b/testing/web-platform/tests/html/semantics/text-level-semantics/the-br-element/br-bidi-in-inline-ancestors-ref.html new file mode 100644 index 000000000..c2dd4daa7 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/text-level-semantics/the-br-element/br-bidi-in-inline-ancestors-ref.html @@ -0,0 +1,38 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="utf-8" /> + <link rel="author" title="Aharon Lanin" href="mailto:aharon@google.com"/> + <link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com" /> + <style> + body{ + font-size:2em; + } + .test, .ref { + border: medium solid gray; + width: 400px; + margin: 20px; + } + .comments { display: none; } + </style> + </head> + <body> + <div class="instructions"><p>Test passes if the two boxes below look exactly the same.</p></div> + <div class="comments"> + Key to entities used below: + א ... ט - The first nine 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"> + ‭אב גד 1. I like ה. fg hi‬ + <br/> + ‭ab cd 2. ה is great! וז חט‬ + </div> + <div class="ref"> + ‭אב גד 1. I like ה. fg hi‬ + <br/> + ‭ab cd 2. ה is great! וז חט‬ + </div> + </body> +</html> diff --git a/testing/web-platform/tests/html/semantics/text-level-semantics/the-br-element/br-bidi-in-inline-ancestors.html b/testing/web-platform/tests/html/semantics/text-level-semantics/the-br-element/br-bidi-in-inline-ancestors.html new file mode 100644 index 000000000..89e7f2f1a --- /dev/null +++ b/testing/web-platform/tests/html/semantics/text-level-semantics/the-br-element/br-bidi-in-inline-ancestors.html @@ -0,0 +1,59 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="utf-8" /> + <title>HTML Test: BR in inline ancestors</title> + <link rel="match" href="br-bidi-in-inline-ancestors-ref.html"> + <link rel="author" title="Aharon Lanin" href="mailto:aharon@google.com"/> + <link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com" /> + <link rel="help" href="https://html.spec.whatwg.org/multipage/#the-br-element"/> + <link rel="help" href="http://www.w3.org/TR/css3-writing-modes/#unicode-bidi" /> + <meta name="assert" content=" + 'A br element should separate paragraphs for the purposes of the Unicode bidirectional + algorithm.' + 'If an inline element is broken around a bidi paragraph boundary (e.g. if split by a block or + forced paragraph break), then the bidi control codes corresponding to the end of the element + are added before the interruption and the codes corresponding to the start of the element are + added after it. (In other words, any embedding levels or overrides started by the element are + closed at the paragraph break and reopened on the other side of it.)'" /> + <style> + body{ + font-size:2em; + } + .test, .ref { + border: medium solid gray; + width: 400px; + margin: 20px; + } + .comments { display: none; } + </style> + </head> + <body> + <div class="instructions"><p>Test passes if the two boxes below look exactly the same.</p></div> + <div class="comments"> + Key to entities used below: + א ... ט - The first nine Hebrew letters (strongly RTL). + ‎ - The LRM (left-to-right mark) formatting character (invisible, stronly LTR). + ‏ - The RLM (right-to-left mark) formatting character (invisible, stronly RTL). + ‭ - The LRO (left-to-right override) formatting character. + ‬ - The PDF (pop directional formatting) formatting character; closes LRO. + </div> + <div class="test"> + בא‎ + <bdo dir="rtl">ih + <bdo dir="ltr">גד + <span dir="rtl">fg‏ + <span dir="ltr">1. I like ה.<br/> + 2. ה is great!</span> + ‏cd</span> + וז</bdo> + ba</bdo> + ‎טח + </div> + <div class="ref"> + ‭אב גד 1. I like ה. fg hi‬ + <br/> + ‭ab cd 2. ה is great! וז חט‬ + </div> + </body> +</html> diff --git a/testing/web-platform/tests/html/semantics/text-level-semantics/the-br-element/br-bidi-ref.html b/testing/web-platform/tests/html/semantics/text-level-semantics/the-br-element/br-bidi-ref.html new file mode 100644 index 000000000..f07c07791 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/text-level-semantics/the-br-element/br-bidi-ref.html @@ -0,0 +1,19 @@ +<!DOCTYPE html> +<html> + <head> + <title>HTML Test reference: BR separates bidi paragraph</title> + <link rel="author" title="Amir E. Aharoni" href="mailto:amir.aharoni@mail.huji.ac.il"/> + <link rel="author" title="Eyal Sela" href="mailto:eyal@post.isoc.org.il"/> + <link rel="author" title="Aharon Lanin" href="mailto:aharon@google.com"/> + <link rel="help" href="https://html.spec.whatwg.org/multipage/#the-br-element"/> + </head> + <body> + <div class="instructions"><p>Test passes if the rightmost character in the first line below is a full stop and to the left of it is a Hebrew letter.</p></div> + <div class="test"> + A Hebrew letter and a full stop: א.‎ + <br /> + א this line begins with a Hebrew letter. + </div> +</p> +</body> +</html> diff --git a/testing/web-platform/tests/html/semantics/text-level-semantics/the-br-element/br-bidi.html b/testing/web-platform/tests/html/semantics/text-level-semantics/the-br-element/br-bidi.html new file mode 100644 index 000000000..1dfa6836f --- /dev/null +++ b/testing/web-platform/tests/html/semantics/text-level-semantics/the-br-element/br-bidi.html @@ -0,0 +1,22 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="utf-8"/> + <title>HTML Test: BR separates bidi paragraph</title> + <link rel="match" href="br-bidi-ref.html"> + <link rel="author" title="Amir E. Aharoni" href="mailto:amir.aharoni@mail.huji.ac.il"/> + <link rel="author" title="Eyal Sela" href="mailto:eyal@post.isoc.org.il"/> + <link rel="author" title="Aharon Lanin" href="mailto:aharon@google.com"/> + <link rel="help" href="https://html.spec.whatwg.org/multipage/#the-br-element"/> + <meta name="assert" + content="A br element should separate paragraphs for the purposes of the Unicode bidirectional algorithm."/> + </head> + <body> + <div class="instructions"><p>Test passes if the rightmost character in the first line below is a full stop and to the left of it is a Hebrew letter.</p></div> + <div class="test"> + A Hebrew letter and a full stop: א. + <br /> + א this line begins with a Hebrew letter. + </div> + </body> +</html> diff --git a/testing/web-platform/tests/html/semantics/text-level-semantics/the-cite-element/.gitkeep b/testing/web-platform/tests/html/semantics/text-level-semantics/the-cite-element/.gitkeep new file mode 100644 index 000000000..e69de29bb --- /dev/null +++ b/testing/web-platform/tests/html/semantics/text-level-semantics/the-cite-element/.gitkeep diff --git a/testing/web-platform/tests/html/semantics/text-level-semantics/the-code-element/.gitkeep b/testing/web-platform/tests/html/semantics/text-level-semantics/the-code-element/.gitkeep new file mode 100644 index 000000000..e69de29bb --- /dev/null +++ b/testing/web-platform/tests/html/semantics/text-level-semantics/the-code-element/.gitkeep diff --git a/testing/web-platform/tests/html/semantics/text-level-semantics/the-data-element/data.value-001.html b/testing/web-platform/tests/html/semantics/text-level-semantics/the-data-element/data.value-001.html new file mode 100644 index 000000000..9fc827b9b --- /dev/null +++ b/testing/web-platform/tests/html/semantics/text-level-semantics/the-data-element/data.value-001.html @@ -0,0 +1,66 @@ +<!DOCTYPE html> +<html> + <head> + <title>HTMLDataElement.value getting</title> + <link rel="author" title="ofekd" href="mailto:ofek@outlook.com"> + <link rel="help" href="https://html.spec.whatwg.org/multipage/semantics.html#dom-data-value"> + <script src=/resources/testharness.js></script> + <script src=/resources/testharnessreport.js></script> + </head> + <body> + <div id="log"></div> + <div id="container"> + <data value=""></data> + <data value="40">Forty</data> + </div> + <script> + var newData, datasArr, container; + + container = document.getElementById('container') + + newData = document.createElement('data'); + newData.textContent = 'Five'; + newData.setAttribute('value', '5'); + container.appendChild(newData); + + datasArr = container.getElementsByTagName('data'); + + test(function () { + test(function() { + assert_equals(datasArr[0].value, ''); + }, 'data[value] #0 getter test'); + + test(function() { + assert_equals(datasArr[1].value, '40'); + }, 'data[value] #1 getter test'); + + test(function() { + assert_equals(datasArr[2].value, '5'); + }, 'data[value] #2 getter test'); + }, 'Getter tests'); + + test(function () { + var i; + + for (i = 0; i < datasArr.length; i++) { + datasArr[i].textContent = 'Twenty'; + datasArr[i].value = 20; + + test(function() { + assert_equals(datasArr[i].getAttribute('value'), '20'); + }, 'data[value] #' + i + ' setter test'); + } + + newData = document.createElement('data'); + newData.textContent = 'Twenty'; + newData.value = '20'; + container.appendChild(newData); + + test(function() { + assert_equals(datasArr[3].getAttribute('value'), '20'); + }, 'data[value] #3 setter test'); + + }, 'Setter tests'); + </script> + </body> +</html> diff --git a/testing/web-platform/tests/html/semantics/text-level-semantics/the-dfn-element/.gitkeep b/testing/web-platform/tests/html/semantics/text-level-semantics/the-dfn-element/.gitkeep new file mode 100644 index 000000000..e69de29bb --- /dev/null +++ b/testing/web-platform/tests/html/semantics/text-level-semantics/the-dfn-element/.gitkeep diff --git a/testing/web-platform/tests/html/semantics/text-level-semantics/the-em-element/.gitkeep b/testing/web-platform/tests/html/semantics/text-level-semantics/the-em-element/.gitkeep new file mode 100644 index 000000000..e69de29bb --- /dev/null +++ b/testing/web-platform/tests/html/semantics/text-level-semantics/the-em-element/.gitkeep diff --git a/testing/web-platform/tests/html/semantics/text-level-semantics/the-i-element/.gitkeep b/testing/web-platform/tests/html/semantics/text-level-semantics/the-i-element/.gitkeep new file mode 100644 index 000000000..e69de29bb --- /dev/null +++ b/testing/web-platform/tests/html/semantics/text-level-semantics/the-i-element/.gitkeep diff --git a/testing/web-platform/tests/html/semantics/text-level-semantics/the-kbd-element/.gitkeep b/testing/web-platform/tests/html/semantics/text-level-semantics/the-kbd-element/.gitkeep new file mode 100644 index 000000000..e69de29bb --- /dev/null +++ b/testing/web-platform/tests/html/semantics/text-level-semantics/the-kbd-element/.gitkeep diff --git a/testing/web-platform/tests/html/semantics/text-level-semantics/the-mark-element/.gitkeep b/testing/web-platform/tests/html/semantics/text-level-semantics/the-mark-element/.gitkeep new file mode 100644 index 000000000..e69de29bb --- /dev/null +++ b/testing/web-platform/tests/html/semantics/text-level-semantics/the-mark-element/.gitkeep diff --git a/testing/web-platform/tests/html/semantics/text-level-semantics/the-q-element/.gitkeep b/testing/web-platform/tests/html/semantics/text-level-semantics/the-q-element/.gitkeep new file mode 100644 index 000000000..e69de29bb --- /dev/null +++ b/testing/web-platform/tests/html/semantics/text-level-semantics/the-q-element/.gitkeep diff --git a/testing/web-platform/tests/html/semantics/text-level-semantics/the-rp-element/.gitkeep b/testing/web-platform/tests/html/semantics/text-level-semantics/the-rp-element/.gitkeep new file mode 100644 index 000000000..e69de29bb --- /dev/null +++ b/testing/web-platform/tests/html/semantics/text-level-semantics/the-rp-element/.gitkeep diff --git a/testing/web-platform/tests/html/semantics/text-level-semantics/the-rt-element/.gitkeep b/testing/web-platform/tests/html/semantics/text-level-semantics/the-rt-element/.gitkeep new file mode 100644 index 000000000..e69de29bb --- /dev/null +++ b/testing/web-platform/tests/html/semantics/text-level-semantics/the-rt-element/.gitkeep diff --git a/testing/web-platform/tests/html/semantics/text-level-semantics/the-ruby-element/.gitkeep b/testing/web-platform/tests/html/semantics/text-level-semantics/the-ruby-element/.gitkeep new file mode 100644 index 000000000..e69de29bb --- /dev/null +++ b/testing/web-platform/tests/html/semantics/text-level-semantics/the-ruby-element/.gitkeep diff --git a/testing/web-platform/tests/html/semantics/text-level-semantics/the-s-element/.gitkeep b/testing/web-platform/tests/html/semantics/text-level-semantics/the-s-element/.gitkeep new file mode 100644 index 000000000..e69de29bb --- /dev/null +++ b/testing/web-platform/tests/html/semantics/text-level-semantics/the-s-element/.gitkeep diff --git a/testing/web-platform/tests/html/semantics/text-level-semantics/the-samp-element/.gitkeep b/testing/web-platform/tests/html/semantics/text-level-semantics/the-samp-element/.gitkeep new file mode 100644 index 000000000..e69de29bb --- /dev/null +++ b/testing/web-platform/tests/html/semantics/text-level-semantics/the-samp-element/.gitkeep diff --git a/testing/web-platform/tests/html/semantics/text-level-semantics/the-small-element/.gitkeep b/testing/web-platform/tests/html/semantics/text-level-semantics/the-small-element/.gitkeep new file mode 100644 index 000000000..e69de29bb --- /dev/null +++ b/testing/web-platform/tests/html/semantics/text-level-semantics/the-small-element/.gitkeep diff --git a/testing/web-platform/tests/html/semantics/text-level-semantics/the-span-element/.gitkeep b/testing/web-platform/tests/html/semantics/text-level-semantics/the-span-element/.gitkeep new file mode 100644 index 000000000..e69de29bb --- /dev/null +++ b/testing/web-platform/tests/html/semantics/text-level-semantics/the-span-element/.gitkeep diff --git a/testing/web-platform/tests/html/semantics/text-level-semantics/the-strong-element/.gitkeep b/testing/web-platform/tests/html/semantics/text-level-semantics/the-strong-element/.gitkeep new file mode 100644 index 000000000..e69de29bb --- /dev/null +++ b/testing/web-platform/tests/html/semantics/text-level-semantics/the-strong-element/.gitkeep diff --git a/testing/web-platform/tests/html/semantics/text-level-semantics/the-sub-and-sup-elements/.gitkeep b/testing/web-platform/tests/html/semantics/text-level-semantics/the-sub-and-sup-elements/.gitkeep new file mode 100644 index 000000000..e69de29bb --- /dev/null +++ b/testing/web-platform/tests/html/semantics/text-level-semantics/the-sub-and-sup-elements/.gitkeep diff --git a/testing/web-platform/tests/html/semantics/text-level-semantics/the-time-element/.gitkeep b/testing/web-platform/tests/html/semantics/text-level-semantics/the-time-element/.gitkeep new file mode 100644 index 000000000..e69de29bb --- /dev/null +++ b/testing/web-platform/tests/html/semantics/text-level-semantics/the-time-element/.gitkeep diff --git a/testing/web-platform/tests/html/semantics/text-level-semantics/the-time-element/001.html b/testing/web-platform/tests/html/semantics/text-level-semantics/the-time-element/001.html new file mode 100644 index 000000000..e1cd0480a --- /dev/null +++ b/testing/web-platform/tests/html/semantics/text-level-semantics/the-time-element/001.html @@ -0,0 +1,68 @@ +<!doctype html> +<html> + <head> + <meta charset=utf-8> + <title>HTML time element API</title> + <style> +#time { visibility: hidden; } + </style> + <link rel="help" href="https://html.spec.whatwg.org/multipage/#the-time-element"> + <script src="/resources/testharness.js"></script> + <script src="/resources/testharnessreport.js"></script> + </head> + <body> + <div id="log"></div> + <!-- intentionally nested to test parsing rules --> + <p id="time"><time pubdate datetime="2000-02-01T03:04:05Z">Dummy text <time>2001-06-07T<time>08:09<time></time></time>Z</time></time></p> + <script type="text/javascript"> +function makeTime(dateTime,contents,dateTimeProp) { + var timeEl = document.createElement('time'); + if( dateTime ) { + timeEl.setAttribute('datetime',dateTime); + } + if( contents ) { + timeEl.innerHTML = contents; + } + if( dateTimeProp ) { + timeEl.dateTime = dateTimeProp; + } + return timeEl; +} + +var timep = document.getElementById('time'); +var times = timep.getElementsByTagName('time'); + +//TIME elements +test(function () { + assert_equals( times.length, 4 ); +}, 'HTML parsing should locate 4 time elements in this document'); +test(function () { + assert_true( !!window.HTMLTimeElement ); +}, 'HTMLTimeElement should be exposed for prototyping'); +test(function () { + assert_true( makeTime() instanceof window.HTMLTimeElement, 'createElement variant' ); + assert_true( times[0] instanceof window.HTMLTimeElement, 'HTML parsing variant' ); +}, 'the time elements should be instanceof HTMLTimeElement'); + +//dateTime +test(function () { + assert_equals( makeTime('2000-02-01T03:04:05Z','2001-02-01T03:04:05Z').dateTime, '2000-02-01T03:04:05Z' ); +}, 'the datetime attribute should be reflected by the .dateTime property'); +test(function () { + assert_equals( typeof makeTime().dateTime, 'string', 'typeof test' ); + assert_equals( makeTime().dateTime, '', 'value test' ); +}, 'the dateTime IDL property should default to an empty string'); +test(function () { + assert_equals( makeTime(false,false,'2000-02-01T03:04:05Z').dateTime, '2000-02-01T03:04:05Z' ); +}, 'the dateTime property should be read/write'); +test(function () { + assert_equals( makeTime('go fish').dateTime, 'go fish' ); +}, 'the datetime attribute should be reflected by the .dateTime property even if it is invalid'); +test(function () { + assert_equals( makeTime(false,'2000-02-01T03:04:05Z').dateTime, '' ); +}, 'the datetime attribute should not reflect the textContent'); + + </script> + + </body> +</html> diff --git a/testing/web-platform/tests/html/semantics/text-level-semantics/the-u-element/.gitkeep b/testing/web-platform/tests/html/semantics/text-level-semantics/the-u-element/.gitkeep new file mode 100644 index 000000000..e69de29bb --- /dev/null +++ b/testing/web-platform/tests/html/semantics/text-level-semantics/the-u-element/.gitkeep diff --git a/testing/web-platform/tests/html/semantics/text-level-semantics/the-var-element/.gitkeep b/testing/web-platform/tests/html/semantics/text-level-semantics/the-var-element/.gitkeep new file mode 100644 index 000000000..e69de29bb --- /dev/null +++ b/testing/web-platform/tests/html/semantics/text-level-semantics/the-var-element/.gitkeep diff --git a/testing/web-platform/tests/html/semantics/text-level-semantics/the-wbr-element/wbr-element-ref.html b/testing/web-platform/tests/html/semantics/text-level-semantics/the-wbr-element/wbr-element-ref.html new file mode 100644 index 000000000..f167ea719 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/text-level-semantics/the-wbr-element/wbr-element-ref.html @@ -0,0 +1,9 @@ +<!DOCTYPE html> +<meta charset=utf-8> +<title>The wbr element</title> +<link rel="author" title="Denis Ah-Kang" href="mailto:denis@w3.org"> +<meta name="flags" content="ahem"> +<style> + p {font:15px/1 Ahem;} +</style> +<p>Loremipsumdolorsit<br>amet,consectetur<br>adipisicingelit,sed<br>doeiusmodtempor<br>incididuntutlaboreet<br>doloremagnaaliqua.Ut<br>enimadminimveniam,<br>quisnostrud<br>exercitationullamco<br>laborisnisiutaliquip<br>exeacommodo<br>consequat.Duisaute<br>iruredolorin<br>reprehenderitin<br>voluptatevelitesse<br>cillumdoloreeufugiat<br>nullapariatur.<br>Excepteursint<br>occaecatcupidatatnon<br>proident,suntinculpa<br>quiofficiadeserunt<br>mollitanimidest<br>laborum.</p> diff --git a/testing/web-platform/tests/html/semantics/text-level-semantics/the-wbr-element/wbr-element.html b/testing/web-platform/tests/html/semantics/text-level-semantics/the-wbr-element/wbr-element.html new file mode 100644 index 000000000..63f271615 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/text-level-semantics/the-wbr-element/wbr-element.html @@ -0,0 +1,11 @@ +<!DOCTYPE html> +<meta charset=utf-8> +<title>The wbr element</title> +<link rel="author" title="Denis Ah-Kang" href="mailto:denis@w3.org"> +<link rel=help href="https://html.spec.whatwg.org/multipage/#rendering"> +<link rel="match" href="wbr-element-ref.html"> +<meta name="flags" content="ahem"> +<style> + p {max-width: 300px; font:15px/1 Ahem;} +</style> +<p>AHEM_<wbr>ipsum<wbr>dolor<wbr>sit<wbr>amet,<wbr>consectetur<wbr>adipisicing<wbr>elit,<wbr>sed<wbr>do<wbr>eiusmod<wbr>tempor<wbr>incididunt<wbr>ut<wbr>labore<wbr>et<wbr>dolore<wbr>magna<wbr>aliqua.<wbr>Ut<wbr>enim<wbr>ad<wbr>minim<wbr>veniam,<wbr>quis<wbr>nostrud<wbr>exercitation<wbr>ullamco<wbr>laboris<wbr>nisi<wbr>ut<wbr>aliquip<wbr>ex<wbr>ea<wbr>commodo<wbr>consequat.<wbr>Duis<wbr>aute<wbr>irure<wbr>dolor<wbr>in<wbr>reprehenderit<wbr>in<wbr>voluptate<wbr>velit<wbr>esse<wbr>cillum<wbr>dolore<wbr>eu<wbr>fugiat<wbr>nulla<wbr>pariatur.<wbr>Excepteur<wbr>sint<wbr>occaecat<wbr>cupidatat<wbr>non<wbr>proident,<wbr>sunt<wbr>in<wbr>culpa<wbr>qui<wbr>officia<wbr>deserunt<wbr>mollit<wbr>anim<wbr>id<wbr>est<wbr>laborum.</p> diff --git a/testing/web-platform/tests/html/semantics/text-level-semantics/usage-summary/.gitkeep b/testing/web-platform/tests/html/semantics/text-level-semantics/usage-summary/.gitkeep new file mode 100644 index 000000000..e69de29bb --- /dev/null +++ b/testing/web-platform/tests/html/semantics/text-level-semantics/usage-summary/.gitkeep |