diff options
Diffstat (limited to 'testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters')
40 files changed, 1159 insertions, 0 deletions
diff --git a/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-001a.html b/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-001a.html new file mode 100644 index 0000000000..16a308a2f7 --- /dev/null +++ b/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-001a.html @@ -0,0 +1,36 @@ +<!DOCTYPE html> +<html lang="en"> +<head> +<meta charset="utf-8"> +<title>The dir attribute: isolated from following number, opposite direction</title> +<link rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'> +<link rel="help" href='http://www.w3.org/TR/html5/dom.html#requirements-relating-to-the-bidirectional-algorithm'> +<link rel="match" href='reference/dir-isolation-001-ref.html'> +<meta name="assert" content='Element content with a dir attribute is treated as a neutral character and directionally isolated from a following number.'> +<style type="text/css"> +.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; margin-right: 200px; padding: 5px; clear: both; } +input { margin: 5px; } +</style> +</head> +<body> +<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p> +<!--Notes: +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. +The punctuation is moved around in the source to make it easier to do visual comparisons when the test is run. +--> +<div class="test"> +<div dir="ltr"><span dir="rtl">א</span> 3</div> +<div dir="ltr"><span dir="rtl">a</span> 3</div> +<div dir="rtl"><span dir="ltr">א</span> 3</div> +<div dir="rtl"><span dir="ltr">a</span> 3</div> +</div> +<div class="ref"> +<div dir="ltr">‭א 3‬</div> +<div dir="ltr">‭a 3‬</div> +<div dir="rtl">‭3 א‬</div> +<div dir="rtl">‭3 a‬</div> +</div> +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-001b.html b/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-001b.html new file mode 100644 index 0000000000..197f49aa24 --- /dev/null +++ b/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-001b.html @@ -0,0 +1,36 @@ +<!DOCTYPE html> +<html lang="en"> +<head> +<meta charset="utf-8"> +<title>The dir attribute: isolated from following number, auto</title> +<link rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'> +<link rel="help" href='http://www.w3.org/TR/html5/dom.html#requirements-relating-to-the-bidirectional-algorithm'> +<link rel="match" href='reference/dir-isolation-001-ref.html'> +<meta name="assert" content='Element content with a dir attribute is treated as a neutral character and directionally isolated from a following number.'> +<style type="text/css"> +.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; margin-right: 200px; padding: 5px; clear: both; } +input { margin: 5px; } +</style> +</head> +<body> +<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p> +<!--Notes: +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. +The punctuation is moved around in the source to make it easier to do visual comparisons when the test is run. +--> +<div class="test"> +<div dir="ltr"><span dir="auto">א</span> 3</div> +<div dir="ltr"><span dir="auto">a</span> 3</div> +<div dir="rtl"><span dir="auto">א</span> 3</div> +<div dir="rtl"><span dir="auto">a</span> 3</div> +</div> +<div class="ref"> +<div dir="ltr">‭א 3‬</div> +<div dir="ltr">‭a 3‬</div> +<div dir="rtl">‭3 א‬</div> +<div dir="rtl">‭3 a‬</div> +</div> +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-001c.html b/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-001c.html new file mode 100644 index 0000000000..95ec6c739d --- /dev/null +++ b/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-001c.html @@ -0,0 +1,36 @@ +<!DOCTYPE html> +<html lang="en"> +<head> +<meta charset="utf-8"> +<title>The dir attribute: isolated from following number, same direction</title> +<link rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'> +<link rel="help" href='http://www.w3.org/TR/html5/dom.html#requirements-relating-to-the-bidirectional-algorithm'> +<link rel="match" href='reference/dir-isolation-001-ref.html'> +<meta name="assert" content='Element content with a dir attribute is treated as a neutral character and directionally isolated from a following number.'> +<style type="text/css"> +.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; margin-right: 200px; padding: 5px; clear: both; } +input { margin: 5px; } +</style> +</head> +<body> +<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p> +<!--Notes: +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. +The punctuation is moved around in the source to make it easier to do visual comparisons when the test is run. +--> +<div class="test"> +<div dir="ltr"><span dir="ltr">א</span> 3</div> +<div dir="ltr"><span dir="ltr">a</span> 3</div> +<div dir="rtl"><span dir="rtl">א</span> 3</div> +<div dir="rtl"><span dir="rtl">a</span> 3</div> +</div> +<div class="ref"> +<div dir="ltr">‭א 3‬</div> +<div dir="ltr">‭a 3‬</div> +<div dir="rtl">‭3 א‬</div> +<div dir="rtl">‭3 a‬</div> +</div> +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-002a.html b/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-002a.html new file mode 100644 index 0000000000..7b7029a269 --- /dev/null +++ b/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-002a.html @@ -0,0 +1,36 @@ +<!DOCTYPE html> +<html lang="en"> +<head> +<meta charset="utf-8"> +<title>The dir attribute: isolated from following number with intervening neutrals, opposite direction</title> +<link rel="author" title='Richard Ishida' href='mailto:ishida@w3.org'> +<link rel="help" href='http://www.w3.org/TR/html5/dom.html#requirements-relating-to-the-bidirectional-algorithm'> +<link rel='match' href='reference/dir-isolation-002a-ref.html'> +<meta name='assert' content='Element content with a dir attribute is treated as a neutral character and directionally isolated from a following number.'> +<style type="text/css"> +.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; margin-right: 200px; padding: 5px; clear: both; } +input { margin: 5px; } +</style> +</head> +<body> +<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p> +<!--Notes: +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. +The punctuation is moved around in the source to make it easier to do visual comparisons when the test is run. +--> +<div class="test"> +<div dir="ltr"><span dir="rtl">> א ></span> > 3 ></div> +<div dir="ltr"><span dir="rtl">> a ></span> > 3 ></div> +<div dir="rtl"><span dir="ltr">> א ></span> > 3 ></div> +<div dir="rtl"><span dir="ltr">> a ></span> > 3 ></div> +</div> +<div class="ref"> +<div dir="ltr">‭< א < > 3 >‬</div> +<div dir="ltr">‭< a < > 3 >‬</div> +<div dir="rtl">‭< 3 < > א >‬</div> +<div dir="rtl">‭< 3 < > a >‬</div> +</div> +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-002b.html b/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-002b.html new file mode 100644 index 0000000000..d448de5080 --- /dev/null +++ b/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-002b.html @@ -0,0 +1,36 @@ +<!DOCTYPE html> +<html lang="en"> +<head> +<meta charset="utf-8"> +<title>The dir attribute: isolated from following number with intervening neutrals, auto</title> +<link rel="author" title='Richard Ishida' href='mailto:ishida@w3.org'> +<link rel="help" href='http://www.w3.org/TR/html5/dom.html#requirements-relating-to-the-bidirectional-algorithm'> +<link rel='match' href='reference/dir-isolation-002b-ref.html'> +<meta name='assert' content='Element content with a dir attribute is treated as a neutral character and directionally isolated from a following number.'> +<style type="text/css"> +.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; margin-right: 200px; padding: 5px; clear: both; } +input { margin: 5px; } +</style> +</head> +<body> +<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p> +<!--Notes: +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. +The punctuation is moved around in the source to make it easier to do visual comparisons when the test is run. +--> +<div class="test"> +<div dir="ltr"><span dir="auto">> א ></span> > 3 ></div> +<div dir="ltr"><span dir="auto">> a ></span> > 3 ></div> +<div dir="rtl"><span dir="auto">> א ></span> > 3 ></div> +<div dir="rtl"><span dir="auto">> a ></span> > 3 ></div> +</div> +<div class="ref"> +<div dir="ltr">‭< א < > 3 >‬</div> +<div dir="ltr">‭> a > > 3 >‬</div> +<div dir="rtl">‭< 3 < < א <‬</div> +<div dir="rtl">‭< 3 < > a >‬</div> +</div> +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-002c.html b/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-002c.html new file mode 100644 index 0000000000..e88fb1c845 --- /dev/null +++ b/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-002c.html @@ -0,0 +1,36 @@ +<!DOCTYPE html> +<html lang="en"> +<head> +<meta charset="utf-8"> +<title>The dir attribute: isolated from following number with intervening neutrals, same direction</title> +<link rel="author" title='Richard Ishida' href='mailto:ishida@w3.org'> +<link rel="help" href='http://www.w3.org/TR/html5/dom.html#requirements-relating-to-the-bidirectional-algorithm'> +<link rel='match' href='reference/dir-isolation-002c-ref.html'> +<meta name='assert' content='Element content with a dir attribute is treated as a neutral character and directionally isolated from a following number.'> +<style type="text/css"> +.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; margin-right: 200px; padding: 5px; clear: both; } +input { margin: 5px; } +</style> +</head> +<body> +<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p> +<!--Notes: +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. +The punctuation is moved around in the source to make it easier to do visual comparisons when the test is run. +--> +<div class="test"> +<div dir="ltr"><span dir="ltr">> א ></span> > 3 ></div> +<div dir="ltr"><span dir="ltr">> a ></span> > 3 ></div> +<div dir="rtl"><span dir="rtl">> א ></span> > 3 ></div> +<div dir="rtl"><span dir="rtl">> a ></span> > 3 ></div> +</div> +<div class="ref"> +<div dir="ltr">‭> א > > 3 >‬</div> +<div dir="ltr">‭> a > > 3 >‬</div> +<div dir="rtl">‭< 3 < < א <‬</div> +<div dir="rtl">‭< 3 < < a <‬</div> +</div> +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-003a.html b/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-003a.html new file mode 100644 index 0000000000..9cf65c8184 --- /dev/null +++ b/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-003a.html @@ -0,0 +1,36 @@ +<!DOCTYPE html> +<html lang="en"> +<head> +<meta charset="utf-8"> +<title>The dir attribute: isolated from immediately following number, opposite direction</title> +<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'> +<link rel="help" href='http://www.w3.org/TR/html5/dom.html#requirements-relating-to-the-bidirectional-algorithm'> +<link rel='match' href='reference/dir-isolation-003-ref.html'> +<meta name='assert' content='Element content with a dir attribute is treated as a neutral character and is directionally isolated from a following number, even with no intervening white space.'> +<style type="text/css"> +.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; margin-right: 200px; padding: 5px; clear: both; } +input { margin: 5px; } +</style> +</head> +<body> +<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p> +<!--Notes: +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. +The punctuation is moved around in the source to make it easier to do visual comparisons when the test is run. +--> +<div class="test"> +<div dir="ltr"><span dir="rtl">א</span>3</div> +<div dir="ltr"><span dir="rtl">a</span>3</div> +<div dir="rtl"><span dir="ltr">א</span>3</div> +<div dir="rtl"><span dir="ltr">a</span>3</div> +</div> +<div class="ref"> +<div dir="ltr">‭א3‬</div> +<div dir="ltr">‭a3‬</div> +<div dir="rtl">‭3א‬</div> +<div dir="rtl">‭3a‬</div> +</div> +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-003b.html b/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-003b.html new file mode 100644 index 0000000000..2c6b553089 --- /dev/null +++ b/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-003b.html @@ -0,0 +1,36 @@ +<!DOCTYPE html> +<html lang="en"> +<head> +<meta charset="utf-8"> +<title>The dir attribute: isolated from immediately following number, auto</title> +<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'> +<link rel="help" href='http://www.w3.org/TR/html5/dom.html#requirements-relating-to-the-bidirectional-algorithm'> +<link rel='match' href='reference/dir-isolation-003-ref.html'> +<meta name='assert' content='Element content with a dir attribute is treated as a neutral character and is directionally isolated from a following number, even with no intervening white space.'> +<style type="text/css"> +.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; margin-right: 200px; padding: 5px; clear: both; } +input { margin: 5px; } +</style> +</head> +<body> +<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p> +<!--Notes: +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. +The punctuation is moved around in the source to make it easier to do visual comparisons when the test is run. +--> +<div class="test"> +<div dir="ltr"><span dir="auto">א</span>3</div> +<div dir="ltr"><span dir="auto">a</span>3</div> +<div dir="rtl"><span dir="auto">א</span>3</div> +<div dir="rtl"><span dir="auto">a</span>3</div> +</div> +<div class="ref"> +<div dir="ltr">‭א3‬</div> +<div dir="ltr">‭a3‬</div> +<div dir="rtl">‭3א‬</div> +<div dir="rtl">‭3a‬</div> +</div> +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-003c.html b/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-003c.html new file mode 100644 index 0000000000..ac8735122b --- /dev/null +++ b/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-003c.html @@ -0,0 +1,36 @@ +<!DOCTYPE html> +<html lang="en"> +<head> +<meta charset="utf-8"> +<title>The dir attribute: isolated from immediately following number, same direction</title> +<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'> +<link rel="help" href='http://www.w3.org/TR/html5/dom.html#requirements-relating-to-the-bidirectional-algorithm'> +<link rel='match' href='reference/dir-isolation-003-ref.html'> +<meta name='assert' content='Element content with a dir attribute is treated as a neutral character and is directionally isolated from a following number, even with no intervening white space.'> +<style type="text/css"> +.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; margin-right: 200px; padding: 5px; clear: both; } +input { margin: 5px; } +</style> +</head> +<body> +<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p> +<!--Notes: +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. +The punctuation is moved around in the source to make it easier to do visual comparisons when the test is run. +--> +<div class="test"> +<div dir="ltr"><span dir="ltr">א</span>3</div> +<div dir="ltr"><span dir="ltr">a</span>3</div> +<div dir="rtl"><span dir="rtl">א</span>3</div> +<div dir="rtl"><span dir="rtl">a</span>3</div> +</div> +<div class="ref"> +<div dir="ltr">‭א3‬</div> +<div dir="ltr">‭a3‬</div> +<div dir="rtl">‭3א‬</div> +<div dir="rtl">‭3a‬</div> +</div> +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-004a.html b/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-004a.html new file mode 100644 index 0000000000..27a674ccdc --- /dev/null +++ b/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-004a.html @@ -0,0 +1,36 @@ +<!DOCTYPE html> +<html lang="en"> +<head> +<meta charset="utf-8"> +<title>The dir attribute: numbers isolated from preceding text, opposite direction</title> +<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'> +<link rel="help" href='http://www.w3.org/TR/html5/dom.html#requirements-relating-to-the-bidirectional-algorithm'> +<link rel='match' href='reference/dir-isolation-004-ref.html'> +<meta name='assert' content='Numeric element content with a dir attribute is treated as a neutral character and directionally isolated from preceding text.'> +<style type="text/css"> +.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; margin-right: 200px; padding: 5px; clear: both; } +input { margin: 5px; } +</style> +</head> +<body> +<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p> +<!--Notes: +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. +The punctuation is moved around in the source to make it easier to do visual comparisons when the test is run. +--> +<div class="test"> +<div dir="ltr">א <span dir="rtl">3</span></div> +<div dir="ltr">a <span dir="rtl">3</span></div> +<div dir="rtl">א <span dir="ltr">3</span></div> +<div dir="rtl">a <span dir="ltr">3</span></div> +</div> +<div class="ref"> +<div dir="ltr">‭א 3‬</div> +<div dir="ltr">‭a 3‬</div> +<div dir="rtl">‭3 א‬</div> +<div dir="rtl">‭3 a‬</div> +</div> +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-004b.html b/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-004b.html new file mode 100644 index 0000000000..6fe74393ae --- /dev/null +++ b/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-004b.html @@ -0,0 +1,36 @@ +<!DOCTYPE html> +<html lang="en"> +<head> +<meta charset="utf-8"> +<title>The dir attribute: numbers isolated from preceding text, auto</title> +<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'> +<link rel="help" href='http://www.w3.org/TR/html5/dom.html#requirements-relating-to-the-bidirectional-algorithm'> +<link rel='match' href='reference/dir-isolation-004-ref.html'> +<meta name='assert' content='Numeric element content with a dir attribute is treated as a neutral character and directionally isolated from preceding text.'> +<style type="text/css"> +.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; margin-right: 200px; padding: 5px; clear: both; } +input { margin: 5px; } +</style> +</head> +<body> +<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p> +<!--Notes: +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. +The punctuation is moved around in the source to make it easier to do visual comparisons when the test is run. +--> +<div class="test"> +<div dir="ltr">א <span dir="auto">3</span></div> +<div dir="ltr">a <span dir="auto">3</span></div> +<div dir="rtl">א <span dir="auto">3</span></div> +<div dir="rtl">a <span dir="auto">3</span></div> +</div> +<div class="ref"> +<div dir="ltr">‭א 3‬</div> +<div dir="ltr">‭a 3‬</div> +<div dir="rtl">‭3 א‬</div> +<div dir="rtl">‭3 a‬</div> +</div> +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-004c.html b/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-004c.html new file mode 100644 index 0000000000..43d994b2f0 --- /dev/null +++ b/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-004c.html @@ -0,0 +1,36 @@ +<!DOCTYPE html> +<html lang="en"> +<head> +<meta charset="utf-8"> +<title>The dir attribute: numbers isolated from preceding text, same direction</title> +<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'> +<link rel="help" href='http://www.w3.org/TR/html5/dom.html#requirements-relating-to-the-bidirectional-algorithm'> +<link rel='match' href='reference/dir-isolation-004-ref.html'> +<meta name='assert' content='Numeric element content with a dir attribute is treated as a neutral character and directionally isolated from preceding text.'> +<style type="text/css"> +.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; margin-right: 200px; padding: 5px; clear: both; } +input { margin: 5px; } +</style> +</head> +<body> +<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p> +<!--Notes: +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. +The punctuation is moved around in the source to make it easier to do visual comparisons when the test is run. +--> +<div class="test"> +<div dir="ltr">א <span dir="ltr">3</span></div> +<div dir="ltr">a <span dir="ltr">3</span></div> +<div dir="rtl">א <span dir="rtl">3</span></div> +<div dir="rtl">a <span dir="rtl">3</span></div> +</div> +<div class="ref"> +<div dir="ltr">‭א 3‬</div> +<div dir="ltr">‭a 3‬</div> +<div dir="rtl">‭3 א‬</div> +<div dir="rtl">‭3 a‬</div> +</div> +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-005a.html b/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-005a.html new file mode 100644 index 0000000000..2fbddbd71f --- /dev/null +++ b/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-005a.html @@ -0,0 +1,36 @@ +<!DOCTYPE html> +<html lang="en"> +<head> +<meta charset="utf-8"> +<title>The dir attribute: isolated from following text, opposite direction</title> +<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'> +<link rel="help" href='http://www.w3.org/TR/html5/dom.html#requirements-relating-to-the-bidirectional-algorithm'> +<link rel='match' href='reference/dir-isolation-005-ref.html'> +<meta name='assert' content='Element content with a dir attribute is treated as a neutral character and directionally isolated from following text.'> +<style type="text/css"> +.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; margin-right: 200px; padding: 5px; clear: both; } +input { margin: 5px; } +</style> +</head> +<body> +<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p> +<!--Notes: +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. +The punctuation is moved around in the source to make it easier to do visual comparisons when the test is run. +--> +<div class="test"> +<div dir="ltr"><span dir="rtl">א</span> ב...</div> +<div dir="ltr"><span dir="rtl">a</span> b...</div> +<div dir="rtl"><span dir="ltr">a</span> b...</div> +<div dir="rtl"><span dir="ltr">א</span> ב...</div> +</div> +<div class="ref"> +<div dir="ltr">‭א ב...‬</div> +<div dir="ltr">‭a b...‬</div> +<div dir="rtl">‭...b a‬</div> +<div dir="rtl">‭...ב א‬</div> +</div> +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-005b.html b/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-005b.html new file mode 100644 index 0000000000..d61e258f21 --- /dev/null +++ b/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-005b.html @@ -0,0 +1,36 @@ +<!DOCTYPE html> +<html lang="en"> +<head> +<meta charset="utf-8"> +<title>The dir attribute: isolated from following text, auto</title> +<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'> +<link rel="help" href='http://www.w3.org/TR/html5/dom.html#requirements-relating-to-the-bidirectional-algorithm'> +<link rel='match' href='reference/dir-isolation-005-ref.html'> +<meta name='assert' content='Element content with a dir attribute is treated as a neutral character and directionally isolated from following text.'> +<style type="text/css"> +.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; margin-right: 200px; padding: 5px; clear: both; } +input { margin: 5px; } +</style> +</head> +<body> +<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p> +<!--Notes: +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. +The punctuation is moved around in the source to make it easier to do visual comparisons when the test is run. +--> +<div class="test"> +<div dir="ltr"><span dir="auto">א</span> ב...</div> +<div dir="ltr"><span dir="auto">a</span> b...</div> +<div dir="rtl"><span dir="auto">a</span> b...</div> +<div dir="rtl"><span dir="auto">א</span> ב...</div> +</div> +<div class="ref"> +<div dir="ltr">‭א ב...‬</div> +<div dir="ltr">‭a b...‬</div> +<div dir="rtl">‭...b a‬</div> +<div dir="rtl">‭...ב א‬</div> +</div> +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-005c.html b/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-005c.html new file mode 100644 index 0000000000..d544275b2f --- /dev/null +++ b/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-005c.html @@ -0,0 +1,36 @@ +<!DOCTYPE html> +<html lang="en"> +<head> +<meta charset="utf-8"> +<title>The dir attribute: isolated from following text, same direction</title> +<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'> +<link rel="help" href='http://www.w3.org/TR/html5/dom.html#requirements-relating-to-the-bidirectional-algorithm'> +<link rel='match' href='reference/dir-isolation-005-ref.html'> +<meta name='assert' content='Element content with a dir attribute is treated as a neutral character and directionally isolated from following text.'> +<style type="text/css"> +.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; margin-right: 200px; padding: 5px; clear: both; } +input { margin: 5px; } +</style> +</head> +<body> +<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p> +<!--Notes: +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. +The punctuation is moved around in the source to make it easier to do visual comparisons when the test is run. +--> +<div class="test"> +<div dir="ltr"><span dir="ltr">א</span> ב...</div> +<div dir="ltr"><span dir="ltr">a</span> b...</div> +<div dir="rtl"><span dir="rtl">a</span> b...</div> +<div dir="rtl"><span dir="rtl">א</span> ב...</div> +</div> +<div class="ref"> +<div dir="ltr">‭א ב...‬</div> +<div dir="ltr">‭a b...‬</div> +<div dir="rtl">‭...b a‬</div> +<div dir="rtl">‭...ב א‬</div> +</div> +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-006a.html b/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-006a.html new file mode 100644 index 0000000000..430df00d9f --- /dev/null +++ b/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-006a.html @@ -0,0 +1,32 @@ +<!DOCTYPE html> +<html lang="en"> +<head> +<meta charset="utf-8"> +<title>The dir attribute: isolated from following text with intervening neutrals, opposite direction</title> +<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'> +<link rel="help" href='http://www.w3.org/TR/html5/dom.html#requirements-relating-to-the-bidirectional-algorithm'> +<link rel='match' href='reference/dir-isolation-006-ref.html'> +<meta name='assert' content='Element content with a dir attribute is treated as a neutral character and directionally isolated from following text despite intervening neutrals.'> +<style type="text/css"> +.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; margin-right: 200px; padding: 5px; clear: both; } +input { margin: 5px; } +</style> +</head> +<body> +<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p> +<!--Notes: +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. +The punctuation is moved around in the source to make it easier to do visual comparisons when the test is run. +--> +<div class="test"> +<div dir="ltr"><span dir="rtl">> א ></span> > ב >...</div> +<div dir="rtl"><span dir="ltr">> a ></span> > b >...</div> +</div> +<div class="ref"> +<div dir="ltr">‭< א < > ב >...‬</div> +<div dir="rtl">‭...< b < > a >‬</div> +</div> +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-006b.html b/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-006b.html new file mode 100644 index 0000000000..a6da487152 --- /dev/null +++ b/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-006b.html @@ -0,0 +1,32 @@ +<!DOCTYPE html> +<html lang="en"> +<head> +<meta charset="utf-8"> +<title>The dir attribute: isolated from following text with intervening neutrals, auto</title> +<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'> +<link rel="help" href='http://www.w3.org/TR/html5/dom.html#requirements-relating-to-the-bidirectional-algorithm'> +<link rel='match' href='reference/dir-isolation-006-ref.html'> +<meta name='assert' content='Element content with a dir attribute is treated as a neutral character and directionally isolated from following text despite intervening neutrals.'> +<style type="text/css"> +.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; margin-right: 200px; padding: 5px; clear: both; } +input { margin: 5px; } +</style> +</head> +<body> +<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p> +<!--Notes: +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. +The punctuation is moved around in the source to make it easier to do visual comparisons when the test is run. +--> +<div class="test"> +<div dir="ltr"><span dir="auto">> א ></span> > ב >...</div> +<div dir="rtl"><span dir="auto">> a ></span> > b >...</div> +</div> +<div class="ref"> +<div dir="ltr">‭< א < > ב >...‬</div> +<div dir="rtl">‭...< b < > a >‬</div> +</div> +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-006c.html b/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-006c.html new file mode 100644 index 0000000000..3407d37f38 --- /dev/null +++ b/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-006c.html @@ -0,0 +1,32 @@ +<!DOCTYPE html> +<html lang="en"> +<head> +<meta charset="utf-8"> +<title>The dir attribute: isolated from following text with intervening neutrals, same direction</title> +<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'> +<link rel="help" href='http://www.w3.org/TR/html5/dom.html#requirements-relating-to-the-bidirectional-algorithm'> +<link rel='match' href='reference/dir-isolation-006c-ref.html'> +<meta name='assert' content='Element content with a dir attribute is treated as a neutral character and directionally isolated from following text despite intervening neutrals.'> +<style type="text/css"> +.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; margin-right: 200px; padding: 5px; clear: both; } +input { margin: 5px; } +</style> +</head> +<body> +<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p> +<!--Notes: +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. +The punctuation is moved around in the source to make it easier to do visual comparisons when the test is run. +--> +<div class="test"> +<div dir="ltr"><span dir="ltr">> א ></span> > ב >...</div> +<div dir="rtl"><span dir="rtl">> a ></span> > b >...</div> +</div> +<div class="ref"> +<div dir="ltr">‭> א > > ב >...‬</div> +<div dir="rtl">‭...< b < < a <‬</div> +</div> +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-007a.html b/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-007a.html new file mode 100644 index 0000000000..e8b37b1b97 --- /dev/null +++ b/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-007a.html @@ -0,0 +1,36 @@ +<!DOCTYPE html> +<html lang="en"> +<head> +<meta charset="utf-8"> +<title>The dir attribute: isolated from immediately following text, opposite direction</title> +<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'> +<link rel="help" href='http://www.w3.org/TR/html5/dom.html#requirements-relating-to-the-bidirectional-algorithm'> +<link rel='match' href='reference/dir-isolation-007-ref.html'> +<meta name='assert' content='Element content with a dir attribute is treated as a neutral character and directionally isolated from following text even with no intervening white space.'> +<style type="text/css"> +.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; margin-right: 200px; padding: 5px; clear: both; } +input { margin: 5px; } +</style> +</head> +<body> +<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p> +<!--Notes: +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. +The punctuation is moved around in the source to make it easier to do visual comparisons when the test is run. +--> +<div class="test"> +<div dir="ltr"><span dir="rtl">א</span>ב...</div> +<div dir="ltr"><span dir="rtl">a</span>b...</div> +<div dir="rtl"><span dir="ltr">a</span>b...</div> +<div dir="rtl"><span dir="ltr">א</span>ב...</div> +</div> +<div class="ref"> +<div dir="ltr">‭אב...‬</div> +<div dir="ltr">‭ab...‬</div> +<div dir="rtl">‭...ba‬</div> +<div dir="rtl">‭...בא‬</div> +</div> +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-007b.html b/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-007b.html new file mode 100644 index 0000000000..c54e63de7c --- /dev/null +++ b/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-007b.html @@ -0,0 +1,36 @@ +<!DOCTYPE html> +<html lang="en"> +<head> +<meta charset="utf-8"> +<title>The dir attribute: isolated from immediately following text, auto</title> +<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'> +<link rel="help" href='http://www.w3.org/TR/html5/dom.html#requirements-relating-to-the-bidirectional-algorithm'> +<link rel='match' href='reference/dir-isolation-007-ref.html'> +<meta name='assert' content='Element content with a dir attribute is treated as a neutral character and directionally isolated from following text even with no intervening white space.'> +<style type="text/css"> +.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; margin-right: 200px; padding: 5px; clear: both; } +input { margin: 5px; } +</style> +</head> +<body> +<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p> +<!--Notes: +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. +The punctuation is moved around in the source to make it easier to do visual comparisons when the test is run. +--> +<div class="test"> +<div dir="ltr"><span dir="auto">א</span>ב...</div> +<div dir="ltr"><span dir="auto">a</span>b...</div> +<div dir="rtl"><span dir="auto">a</span>b...</div> +<div dir="rtl"><span dir="auto">א</span>ב...</div> +</div> +<div class="ref"> +<div dir="ltr">‭אב...‬</div> +<div dir="ltr">‭ab...‬</div> +<div dir="rtl">‭...ba‬</div> +<div dir="rtl">‭...בא‬</div> +</div> +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-007c.html b/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-007c.html new file mode 100644 index 0000000000..b9c5219b8d --- /dev/null +++ b/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-007c.html @@ -0,0 +1,36 @@ +<!DOCTYPE html> +<html lang="en"> +<head> +<meta charset="utf-8"> +<title>The dir attribute: isolated from immediately following text, same direction</title> +<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'> +<link rel="help" href='http://www.w3.org/TR/html5/dom.html#requirements-relating-to-the-bidirectional-algorithm'> +<link rel='match' href='reference/dir-isolation-007-ref.html'> +<meta name='assert' content='Element content with a dir attribute is treated as a neutral character and directionally isolated from following text even with no intervening white space.'> +<style type="text/css"> +.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; margin-right: 200px; padding: 5px; clear: both; } +input { margin: 5px; } +</style> +</head> +<body> +<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p> +<!--Notes: +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. +The punctuation is moved around in the source to make it easier to do visual comparisons when the test is run. +--> +<div class="test"> +<div dir="ltr"><span dir="ltr">א</span>ב...</div> +<div dir="ltr"><span dir="ltr">a</span>b...</div> +<div dir="rtl"><span dir="rtl">a</span>b...</div> +<div dir="rtl"><span dir="rtl">א</span>ב...</div> +</div> +<div class="ref"> +<div dir="ltr">‭אב...‬</div> +<div dir="ltr">‭ab...‬</div> +<div dir="rtl">‭...ba‬</div> +<div dir="rtl">‭...בא‬</div> +</div> +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-008a.html b/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-008a.html new file mode 100644 index 0000000000..1455fd552b --- /dev/null +++ b/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-008a.html @@ -0,0 +1,36 @@ +<!DOCTYPE html> +<html lang="en"> +<head> +<meta charset="utf-8"> +<title>The dir attribute: isolated from preceding text, opposite direction</title> +<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'> +<link rel="help" href='http://www.w3.org/TR/html5/dom.html#requirements-relating-to-the-bidirectional-algorithm'> +<link rel='match' href='reference/dir-isolation-008-ref.html'> +<meta name='assert' content='Element content with a dir attribute is treated as a neutral character and directionally isolated from preceding text.'> +<style type="text/css"> +.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; margin-right: 200px; padding: 5px; clear: both; } +input { margin: 5px; } +</style> +</head> +<body> +<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p> +<!--Notes: +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. +The punctuation is moved around in the source to make it easier to do visual comparisons when the test is run. +--> +<div class="test"> +<div dir="ltr">א <span dir="rtl">ב</span></div> +<div dir="ltr">a <span dir="rtl">b</span></div> +<div dir="rtl">א <span dir="ltr">ב</span></div> +<div dir="rtl">a <span dir="ltr">b</span></div> +</div> +<div class="ref"> +<div dir="ltr">‭א ב‬</div> +<div dir="ltr">‭a b‬</div> +<div dir="rtl">‭ב א‬</div> +<div dir="rtl">‭b a‬</div> +</div> +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-008b.html b/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-008b.html new file mode 100644 index 0000000000..f12e6d67bf --- /dev/null +++ b/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-008b.html @@ -0,0 +1,36 @@ +<!DOCTYPE html> +<html lang="en"> +<head> +<meta charset="utf-8"> +<title>The dir attribute: isolated from preceding text, auto</title> +<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'> +<link rel="help" href='http://www.w3.org/TR/html5/dom.html#requirements-relating-to-the-bidirectional-algorithm'> +<link rel='match' href='reference/dir-isolation-008-ref.html'> +<meta name='assert' content='Element content with a dir attribute is treated as a neutral character and directionally isolated from preceding text.'> +<style type="text/css"> +.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; margin-right: 200px; padding: 5px; clear: both; } +input { margin: 5px; } +</style> +</head> +<body> +<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p> +<!--Notes: +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. +The punctuation is moved around in the source to make it easier to do visual comparisons when the test is run. +--> +<div class="test"> +<div dir="ltr">א <span dir="auto">ב</span></div> +<div dir="ltr">a <span dir="auto">b</span></div> +<div dir="rtl">א <span dir="auto">ב</span></div> +<div dir="rtl">a <span dir="auto">b</span></div> +</div> +<div class="ref"> +<div dir="ltr">‭א ב‬</div> +<div dir="ltr">‭a b‬</div> +<div dir="rtl">‭ב א‬</div> +<div dir="rtl">‭b a‬</div> +</div> +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-008c.html b/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-008c.html new file mode 100644 index 0000000000..b1754cf23e --- /dev/null +++ b/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-008c.html @@ -0,0 +1,36 @@ +<!DOCTYPE html> +<html lang="en"> +<head> +<meta charset="utf-8"> +<title>The dir attribute: isolated from preceding text, same direction</title> +<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'> +<link rel="help" href='http://www.w3.org/TR/html5/dom.html#requirements-relating-to-the-bidirectional-algorithm'> +<link rel='match' href='reference/dir-isolation-008-ref.html'> +<meta name='assert' content='Element content with a dir attribute is treated as a neutral character and directionally isolated from preceding text.'> +<style type="text/css"> +.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; margin-right: 200px; padding: 5px; clear: both; } +input { margin: 5px; } +</style> +</head> +<body> +<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p> +<!--Notes: +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. +The punctuation is moved around in the source to make it easier to do visual comparisons when the test is run. +--> +<div class="test"> +<div dir="ltr">א <span dir="ltr">ב</span></div> +<div dir="ltr">a <span dir="ltr">b</span></div> +<div dir="rtl">א <span dir="rtl">ב</span></div> +<div dir="rtl">a <span dir="rtl">b</span></div> +</div> +<div class="ref"> +<div dir="ltr">‭א ב‬</div> +<div dir="ltr">‭a b‬</div> +<div dir="rtl">‭ב א‬</div> +<div dir="rtl">‭b a‬</div> +</div> +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-009a.html b/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-009a.html new file mode 100644 index 0000000000..63a9706bae --- /dev/null +++ b/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-009a.html @@ -0,0 +1,33 @@ +<!DOCTYPE html> +<html lang="en" > +<head> +<meta charset="utf-8"/> +<title>The dir attribute: isolated from surrounding text, opposite direction</title> +<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'> +<link rel="help" href='http://www.w3.org/TR/html5/dom.html#requirements-relating-to-the-bidirectional-algorithm'> +<link rel='match' href='reference/dir-isolation-009-ref.html'> +<meta name='assert' content="Element content with a dir attribute is treated as a neutral character and directionally isolated from surrounding text."> +<style type='text/css'> +.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; margin-right: 200px; padding: 5px; clear: both; } +input { margin: 5px; } +</style> +</head> +<body> +<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p> +<!-- 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 class="test"> +<div dir="ltr">א > <span dir="rtl">> b ></span> > ג...</div> +<div dir="rtl">a > <span dir="ltr">> ב ></span> > c...</div> +</div> +<div class="ref"> +<div dir="ltr">‭ג < < b < < א...‬</div> +<div dir="rtl">‭...a > > ב > > c‬</div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-009b.html b/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-009b.html new file mode 100644 index 0000000000..57098fa75a --- /dev/null +++ b/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-009b.html @@ -0,0 +1,33 @@ +<!DOCTYPE html> +<html lang="en" > +<head> +<meta charset="utf-8"/> +<title>The dir attribute: isolated from surrounding text, auto</title> +<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'> +<link rel="help" href='http://www.w3.org/TR/html5/dom.html#requirements-relating-to-the-bidirectional-algorithm'> +<link rel='match' href='reference/dir-isolation-009b-ref.html'> +<meta name='assert' content="Element content with a dir attribute is treated as a neutral character and directionally isolated from surrounding text."> +<style type='text/css'> +.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; margin-right: 200px; padding: 5px; clear: both; } +input { margin: 5px; } +</style> +</head> +<body> +<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p> +<!-- 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 class="test"> +<div dir="ltr">א > <span dir="auto">> b ></span> > ג...</div> +<div dir="rtl">a > <span dir="auto">> ב ></span> > c...</div> +</div> +<div class="ref"> +<div dir="ltr">‭ג < > b > < א...‬</div> +<div dir="rtl">‭...a > < ב < > c‬</div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-009c.html b/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-009c.html new file mode 100644 index 0000000000..4aac3184ee --- /dev/null +++ b/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-009c.html @@ -0,0 +1,33 @@ +<!DOCTYPE html> +<html lang="en" > +<head> +<meta charset="utf-8"/> +<title>The dir attribute: isolated from surrounding text, same direction</title> +<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'> +<link rel="help" href='http://www.w3.org/TR/html5/dom.html#requirements-relating-to-the-bidirectional-algorithm'> +<link rel='match' href='reference/dir-isolation-009b-ref.html'> +<meta name='assert' content="Element content with a dir attribute is treated as a neutral character and directionally isolated from surrounding text."> +<style type='text/css'> +.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; margin-right: 200px; padding: 5px; clear: both; } +input { margin: 5px; } +</style> +</head> +<body> +<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p> +<!-- 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 class="test"> +<div dir="ltr">א > <span dir="ltr">> b ></span> > ג...</div> +<div dir="rtl">a > <span dir="rtl">> ב ></span> > c...</div> +</div> +<div class="ref"> +<div dir="ltr">‭ג < > b > < א...‬</div> +<div dir="rtl">‭...a > < ב < > c‬</div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/reference/dir-isolation-001-ref.html b/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/reference/dir-isolation-001-ref.html new file mode 100644 index 0000000000..b5882eb7a3 --- /dev/null +++ b/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/reference/dir-isolation-001-ref.html @@ -0,0 +1,16 @@ +<!doctype html> +<html> +<head> +<meta charset="utf-8"/> +<title>The dir attribute: isolated from following number, opposite direction</title> +<style type="text/css"> +.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; margin-right: 200px; padding: 5px; clear: both; } +input { margin: 5px; } +</style> +</head> +<body> +<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p> +<div class="ref"><div dir="ltr">‭א 3‬</div><div dir="ltr">‭a 3‬</div><div dir="rtl">‭3 א‬</div><div dir="rtl">‭3 a‬</div></div> +<div class="ref"><div dir="ltr">‭א 3‬</div><div dir="ltr">‭a 3‬</div><div dir="rtl">‭3 א‬</div><div dir="rtl">‭3 a‬</div></div> +</body> +</html> diff --git a/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/reference/dir-isolation-002a-ref.html b/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/reference/dir-isolation-002a-ref.html new file mode 100644 index 0000000000..f28559b5a1 --- /dev/null +++ b/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/reference/dir-isolation-002a-ref.html @@ -0,0 +1,16 @@ +<!doctype html> +<html> +<head> +<meta charset="utf-8"/> +<title>The dir attribute: isolated from following number with intervening neutrals, opposite direction</title> +<style type="text/css"> +.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; margin-right: 200px; padding: 5px; clear: both; } +input { margin: 5px; } +</style> +</head> +<body> +<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p> +<div class="ref"><div dir="ltr">‭< א < > 3 >‬</div><div dir="ltr">‭< a < > 3 >‬</div><div dir="rtl">‭< 3 < > א >‬</div><div dir="rtl">‭< 3 < > a >‬</div></div> +<div class="ref"><div dir="ltr">‭< א < > 3 >‬</div><div dir="ltr">‭< a < > 3 >‬</div><div dir="rtl">‭< 3 < > א >‬</div><div dir="rtl">‭< 3 < > a >‬</div></div> +</body> +</html> diff --git a/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/reference/dir-isolation-002b-ref.html b/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/reference/dir-isolation-002b-ref.html new file mode 100644 index 0000000000..d4eda2189d --- /dev/null +++ b/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/reference/dir-isolation-002b-ref.html @@ -0,0 +1,16 @@ +<!doctype html> +<html> +<head> +<meta charset="utf-8"/> +<title>The dir attribute: isolated from following number with intervening neutrals, auto</title> +<style type="text/css"> +.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; margin-right: 200px; padding: 5px; clear: both; } +input { margin: 5px; } +</style> +</head> +<body> +<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p> +<div class="ref"><div dir="ltr">‭< א < > 3 >‬</div><div dir="ltr">‭> a > > 3 >‬</div><div dir="rtl">‭< 3 < < א <‬</div><div dir="rtl">‭< 3 < > a >‬</div></div> +<div class="ref"><div dir="ltr">‭< א < > 3 >‬</div><div dir="ltr">‭> a > > 3 >‬</div><div dir="rtl">‭< 3 < < א <‬</div><div dir="rtl">‭< 3 < > a >‬</div></div> +</body> +</html> diff --git a/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/reference/dir-isolation-002c-ref.html b/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/reference/dir-isolation-002c-ref.html new file mode 100644 index 0000000000..6c21d0147d --- /dev/null +++ b/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/reference/dir-isolation-002c-ref.html @@ -0,0 +1,16 @@ +<!doctype html> +<html> +<head> +<meta charset="utf-8"/> +<title>The dir attribute: isolated from following number with intervening neutrals, same direction</title> +<style type="text/css"> +.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; margin-right: 200px; padding: 5px; clear: both; } +input { margin: 5px; } +</style> +</head> +<body> +<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p> +<div class="ref"><div dir="ltr">‭> א > > 3 >‬</div><div dir="ltr">‭> a > > 3 >‬</div><div dir="rtl">‭< 3 < < א <‬</div><div dir="rtl">‭< 3 < < a <‬</div></div> +<div class="ref"><div dir="ltr">‭> א > > 3 >‬</div><div dir="ltr">‭> a > > 3 >‬</div><div dir="rtl">‭< 3 < < א <‬</div><div dir="rtl">‭< 3 < < a <‬</div></div> +</body> +</html> diff --git a/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/reference/dir-isolation-003-ref.html b/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/reference/dir-isolation-003-ref.html new file mode 100644 index 0000000000..4c29838ee4 --- /dev/null +++ b/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/reference/dir-isolation-003-ref.html @@ -0,0 +1,16 @@ +<!doctype html> +<html> +<head> +<meta charset="utf-8"/> +<title>The dir attribute: isolated from immediately following number, opposite direction</title> +<style type="text/css"> +.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; margin-right: 200px; padding: 5px; clear: both; } +input { margin: 5px; } +</style> +</head> +<body> +<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p> +<div class="ref"><div dir="ltr">‭א3‬</div><div dir="ltr">‭a3‬</div><div dir="rtl">‭3א‬</div><div dir="rtl">‭3a‬</div></div> +<div class="ref"><div dir="ltr">‭א3‬</div><div dir="ltr">‭a3‬</div><div dir="rtl">‭3א‬</div><div dir="rtl">‭3a‬</div></div> +</body> +</html> diff --git a/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/reference/dir-isolation-004-ref.html b/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/reference/dir-isolation-004-ref.html new file mode 100644 index 0000000000..cb83dde584 --- /dev/null +++ b/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/reference/dir-isolation-004-ref.html @@ -0,0 +1,16 @@ +<!doctype html> +<html> +<head> +<meta charset="utf-8"/> +<title>The dir attribute: numbers isolated from preceding text, opposite direction</title> +<style type="text/css"> +.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; margin-right: 200px; padding: 5px; clear: both; } +input { margin: 5px; } +</style> +</head> +<body> +<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p> +<div class="ref"><div dir="ltr">‭א 3‬</div><div dir="ltr">‭a 3‬</div><div dir="rtl">‭3 א‬</div><div dir="rtl">‭3 a‬</div></div> +<div class="ref"><div dir="ltr">‭א 3‬</div><div dir="ltr">‭a 3‬</div><div dir="rtl">‭3 א‬</div><div dir="rtl">‭3 a‬</div></div> +</body> +</html> diff --git a/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/reference/dir-isolation-005-ref.html b/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/reference/dir-isolation-005-ref.html new file mode 100644 index 0000000000..4a6c301aa1 --- /dev/null +++ b/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/reference/dir-isolation-005-ref.html @@ -0,0 +1,16 @@ +<!doctype html> +<html> +<head> +<meta charset="utf-8"/> +<title>The dir attribute: isolated from following text, opposite direction</title> +<style type="text/css"> +.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; margin-right: 200px; padding: 5px; clear: both; } +input { margin: 5px; } +</style> +</head> +<body> +<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p> +<div class="ref"><div dir="ltr">‭א ב...‬</div><div dir="ltr">‭a b...‬</div><div dir="rtl">‭...b a‬</div><div dir="rtl">‭...ב א‬</div></div> +<div class="ref"><div dir="ltr">‭א ב...‬</div><div dir="ltr">‭a b...‬</div><div dir="rtl">‭...b a‬</div><div dir="rtl">‭...ב א‬</div></div> +</body> +</html> diff --git a/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/reference/dir-isolation-006-ref.html b/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/reference/dir-isolation-006-ref.html new file mode 100644 index 0000000000..0f6b7bbbd0 --- /dev/null +++ b/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/reference/dir-isolation-006-ref.html @@ -0,0 +1,16 @@ +<!doctype html> +<html> +<head> +<meta charset="utf-8"/> +<title>The dir attribute: isolated from following text with intervening neutrals, opposite direction</title> +<style type="text/css"> +.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; margin-right: 200px; padding: 5px; clear: both; } +input { margin: 5px; } +</style> +</head> +<body> +<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p> +<div class="ref"><div dir="ltr">‭< א < > ב >...‬</div><div dir="rtl">‭...< b < > a >‬</div></div> +<div class="ref"><div dir="ltr">‭< א < > ב >...‬</div><div dir="rtl">‭...< b < > a >‬</div></div> +</body> +</html> diff --git a/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/reference/dir-isolation-006c-ref.html b/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/reference/dir-isolation-006c-ref.html new file mode 100644 index 0000000000..0347c0910c --- /dev/null +++ b/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/reference/dir-isolation-006c-ref.html @@ -0,0 +1,16 @@ +<!doctype html> +<html> +<head> +<meta charset="utf-8"/> +<title>The dir attribute: isolated from following text with intervening neutrals, same direction</title> +<style type="text/css"> +.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; margin-right: 200px; padding: 5px; clear: both; } +input { margin: 5px; } +</style> +</head> +<body> +<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p> +<div class="ref"><div dir="ltr">‭> א > > ב >...‬</div><div dir="rtl">‭...< b < < a <‬</div></div> +<div class="ref"><div dir="ltr">‭> א > > ב >...‬</div><div dir="rtl">‭...< b < < a <‬</div></div> +</body> +</html> diff --git a/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/reference/dir-isolation-007-ref.html b/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/reference/dir-isolation-007-ref.html new file mode 100644 index 0000000000..665153d649 --- /dev/null +++ b/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/reference/dir-isolation-007-ref.html @@ -0,0 +1,16 @@ +<!doctype html> +<html> +<head> +<meta charset="utf-8"/> +<title>The dir attribute: isolated from immediately following text, opposite direction</title> +<style type="text/css"> +.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; margin-right: 200px; padding: 5px; clear: both; } +input { margin: 5px; } +</style> +</head> +<body> +<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p> +<div class="ref"><div dir="ltr">‭אב...‬</div><div dir="ltr">‭ab...‬</div><div dir="rtl">‭...ba‬</div><div dir="rtl">‭...בא‬</div></div> +<div class="ref"><div dir="ltr">‭אב...‬</div><div dir="ltr">‭ab...‬</div><div dir="rtl">‭...ba‬</div><div dir="rtl">‭...בא‬</div></div> +</body> +</html> diff --git a/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/reference/dir-isolation-008-ref.html b/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/reference/dir-isolation-008-ref.html new file mode 100644 index 0000000000..8eb90f8b79 --- /dev/null +++ b/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/reference/dir-isolation-008-ref.html @@ -0,0 +1,16 @@ +<!doctype html> +<html> +<head> +<meta charset="utf-8"/> +<title>The dir attribute: isolated from preceding text, opposite direction</title> +<style type="text/css"> +.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; margin-right: 200px; padding: 5px; clear: both; } +input { margin: 5px; } +</style> +</head> +<body> +<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p> +<div class="ref"><div dir="ltr">‭א ב‬</div><div dir="ltr">‭a b‬</div><div dir="rtl">‭ב א‬</div><div dir="rtl">‭b a‬</div></div> +<div class="ref"><div dir="ltr">‭א ב‬</div><div dir="ltr">‭a b‬</div><div dir="rtl">‭ב א‬</div><div dir="rtl">‭b a‬</div></div> +</body> +</html> diff --git a/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/reference/dir-isolation-009-ref.html b/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/reference/dir-isolation-009-ref.html new file mode 100644 index 0000000000..1d2f57c6cf --- /dev/null +++ b/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/reference/dir-isolation-009-ref.html @@ -0,0 +1,16 @@ +<!doctype html> +<html> +<head> +<meta charset="utf-8"/> +<title>The dir attribute: isolated from surrounding text, opposite direction</title> +<style type="text/css"> +.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; margin-right: 200px; padding: 5px; clear: both; } +input { margin: 5px; } +</style> +</head> +<body> +<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p> +<div class="ref"><div dir="ltr">‭ג < < b < < א...‬</div><div dir="rtl">‭...a > > ב > > c‬</div></div> +<div class="ref"><div dir="ltr">‭ג < < b < < א...‬</div><div dir="rtl">‭...a > > ב > > c‬</div></div> +</body> +</html> diff --git a/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/reference/dir-isolation-009b-ref.html b/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/reference/dir-isolation-009b-ref.html new file mode 100644 index 0000000000..30ee14c6c0 --- /dev/null +++ b/testing/web-platform/tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/reference/dir-isolation-009b-ref.html @@ -0,0 +1,16 @@ +<!doctype html> +<html> +<head> +<meta charset="utf-8"/> +<title>The dir attribute: isolated from surrounding text, auto</title> +<style type="text/css"> +.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; margin-right: 200px; padding: 5px; clear: both; } +input { margin: 5px; } +</style> +</head> +<body> +<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p> +<div class="ref"><div dir="ltr">‭ג < > b > < א...‬</div><div dir="rtl">‭...a > < ב < > c‬</div></div> +<div class="ref"><div dir="ltr">‭ג < > b > < א...‬</div><div dir="rtl">‭...a > < ב < > c‬</div></div> +</body> +</html> |