Mirrors/servo
1
0
Fork 0
mirror of https://github.com/servo/servo.git synced 2025-08-13 01:15:34 +01:00
Code Issues Projects Releases Packages Wiki Activity

Update web-platform-tests to revision 78862c14a70cabb48c685144666912f08e726390

Browse source
This commit is contained in:
Ms2ger 2016-01-18 12:32:14 +01:00
parent ce0b89d310
commit 1f5d8fedd4
2469 changed files with 193955 additions and 6210 deletions
Download patch file Download diff file Expand all files Collapse all files

36
tests/wpt/web-platform-tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-001a.html Normal file
View file

@ -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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
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">&#x5d0;</span> 3</div>
<div dir="ltr"><span dir="rtl">a</span> 3</div>
<div dir="rtl"><span dir="ltr">&#x5d0;</span> 3</div>
<div dir="rtl"><span dir="ltr">a</span> 3</div>
</div>
<div class="ref">
<div dir="ltr">&#x202d;&#x5d0; 3&#x202c;</div>
<div dir="ltr">&#x202d;a 3&#x202c;</div>
<div dir="rtl">&#x202d;3 &#x5d0;&#x202c;</div>
<div dir="rtl">&#x202d;3 a&#x202c;</div>
</div>
</body></html>

36
tests/wpt/web-platform-tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-001b.html Normal file
View file

@ -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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
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">&#x5d0;</span> 3</div>
<div dir="ltr"><span dir="auto">a</span> 3</div>
<div dir="rtl"><span dir="auto">&#x5d0;</span> 3</div>
<div dir="rtl"><span dir="auto">a</span> 3</div>
</div>
<div class="ref">
<div dir="ltr">&#x202d;&#x5d0; 3&#x202c;</div>
<div dir="ltr">&#x202d;a 3&#x202c;</div>
<div dir="rtl">&#x202d;3 &#x5d0;&#x202c;</div>
<div dir="rtl">&#x202d;3 a&#x202c;</div>
</div>
</body></html>

36
tests/wpt/web-platform-tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-001c.html Normal file
View file

@ -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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
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">&#x5d0;</span> 3</div>
<div dir="ltr"><span dir="ltr">a</span> 3</div>
<div dir="rtl"><span dir="rtl">&#x5d0;</span> 3</div>
<div dir="rtl"><span dir="rtl">a</span> 3</div>
</div>
<div class="ref">
<div dir="ltr">&#x202d;&#x5d0; 3&#x202c;</div>
<div dir="ltr">&#x202d;a 3&#x202c;</div>
<div dir="rtl">&#x202d;3 &#x5d0;&#x202c;</div>
<div dir="rtl">&#x202d;3 a&#x202c;</div>
</div>
</body></html>

36
tests/wpt/web-platform-tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-002a.html Normal file
View file

@ -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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
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">> &#x5d0; ></span> > 3 ></div>
<div dir="ltr"><span dir="rtl">> a ></span> > 3 ></div>
<div dir="rtl"><span dir="ltr">> &#x5d0; ></span> > 3 ></div>
<div dir="rtl"><span dir="ltr">> a ></span> > 3 ></div>
</div>
<div class="ref">
<div dir="ltr">&#x202d;&lt; &#x5d0; &lt; &gt; 3 &gt;&#x202c;</div>
<div dir="ltr">&#x202d;&lt; a &lt; &gt; 3 &gt;&#x202c;</div>
<div dir="rtl">&#x202d;&lt; 3 &lt; &gt; &#x5d0; &gt;&#x202c;</div>
<div dir="rtl">&#x202d;&lt; 3 &lt; &gt; a &gt;&#x202c;</div>
</div>
</body></html>

36
tests/wpt/web-platform-tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-002b.html Normal file
View file

@ -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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
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">> &#x5d0; ></span> > 3 ></div>
<div dir="ltr"><span dir="auto">> a ></span> > 3 ></div>
<div dir="rtl"><span dir="auto">> &#x5d0; ></span> > 3 ></div>
<div dir="rtl"><span dir="auto">> a ></span> > 3 ></div>
</div>
<div class="ref">
<div dir="ltr">&#x202d;&lt; &#x5d0; &lt; &gt; 3 &gt;&#x202c;</div>
<div dir="ltr">&#x202d;&gt; a &gt; &gt; 3 &gt;&#x202c;</div>
<div dir="rtl">&#x202d;&lt; 3 &lt; &lt; &#x5d0; &lt;&#x202c;</div>
<div dir="rtl">&#x202d;&lt; 3 &lt; &gt; a &gt;&#x202c;</div>
</div>
</body></html>

36
tests/wpt/web-platform-tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-002c.html Normal file
View file

@ -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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
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">&gt; &#x5d0; &gt;</span> &gt; 3 &gt;</div>
<div dir="ltr"><span dir="ltr">&gt; a &gt;</span> &gt; 3 &gt;</div>
<div dir="rtl"><span dir="rtl">&gt; &#x5d0; &gt;</span> &gt; 3 &gt;</div>
<div dir="rtl"><span dir="rtl">&gt; a &gt;</span> &gt; 3 &gt;</div>
</div>
<div class="ref">
<div dir="ltr">&#x202d;&gt; &#x5d0; &gt; &gt; 3 &gt;&#x202c;</div>
<div dir="ltr">&#x202d;&gt; a &gt; &gt; 3 &gt;&#x202c;</div>
<div dir="rtl">&#x202d;&lt; 3 &lt; &lt; &#x5d0; &lt;&#x202c;</div>
<div dir="rtl">&#x202d;&lt; 3 &lt; &lt; a &lt;&#x202c;</div>
</div>
</body></html>

36
tests/wpt/web-platform-tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-003a.html Normal file
View file

@ -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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
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">&#x5d0;</span>3</div>
<div dir="ltr"><span dir="rtl">a</span>3</div>
<div dir="rtl"><span dir="ltr">&#x5d0;</span>3</div>
<div dir="rtl"><span dir="ltr">a</span>3</div>
</div>
<div class="ref">
<div dir="ltr">&#x202d;&#x5d0;3&#x202c;</div>
<div dir="ltr">&#x202d;a3&#x202c;</div>
<div dir="rtl">&#x202d;3&#x5d0;&#x202c;</div>
<div dir="rtl">&#x202d;3a&#x202c;</div>
</div>
</body></html>

36
tests/wpt/web-platform-tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-003b.html Normal file
View file

@ -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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
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">&#x5d0;</span>3</div>
<div dir="ltr"><span dir="auto">a</span>3</div>
<div dir="rtl"><span dir="auto">&#x5d0;</span>3</div>
<div dir="rtl"><span dir="auto">a</span>3</div>
</div>
<div class="ref">
<div dir="ltr">&#x202d;&#x5d0;3&#x202c;</div>
<div dir="ltr">&#x202d;a3&#x202c;</div>
<div dir="rtl">&#x202d;3&#x5d0;&#x202c;</div>
<div dir="rtl">&#x202d;3a&#x202c;</div>
</div>
</body></html>

36
tests/wpt/web-platform-tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-003c.html Normal file
View file

@ -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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
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">&#x5d0;</span>3</div>
<div dir="ltr"><span dir="ltr">a</span>3</div>
<div dir="rtl"><span dir="rtl">&#x5d0;</span>3</div>
<div dir="rtl"><span dir="rtl">a</span>3</div>
</div>
<div class="ref">
<div dir="ltr">&#x202d;&#x5d0;3&#x202c;</div>
<div dir="ltr">&#x202d;a3&#x202c;</div>
<div dir="rtl">&#x202d;3&#x5d0;&#x202c;</div>
<div dir="rtl">&#x202d;3a&#x202c;</div>
</div>
</body></html>

36
tests/wpt/web-platform-tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-004a.html Normal file
View file

@ -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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
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">&#x5d0; <span dir="rtl">3</span></div>
<div dir="ltr">a <span dir="rtl">3</span></div>
<div dir="rtl">&#x5d0; <span dir="ltr">3</span></div>
<div dir="rtl">a <span dir="ltr">3</span></div>
</div>
<div class="ref">
<div dir="ltr">&#x202d;&#x5d0; 3&#x202c;</div>
<div dir="ltr">&#x202d;a 3&#x202c;</div>
<div dir="rtl">&#x202d;3 &#x5d0;&#x202c;</div>
<div dir="rtl">&#x202d;3 a&#x202c;</div>
</div>
</body></html>

36
tests/wpt/web-platform-tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-004b.html Normal file
View file

@ -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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
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">&#x5d0; <span dir="auto">3</span></div>
<div dir="ltr">a <span dir="auto">3</span></div>
<div dir="rtl">&#x5d0; <span dir="auto">3</span></div>
<div dir="rtl">a <span dir="auto">3</span></div>
</div>
<div class="ref">
<div dir="ltr">&#x202d;&#x5d0; 3&#x202c;</div>
<div dir="ltr">&#x202d;a 3&#x202c;</div>
<div dir="rtl">&#x202d;3 &#x5d0;&#x202c;</div>
<div dir="rtl">&#x202d;3 a&#x202c;</div>
</div>
</body></html>

36
tests/wpt/web-platform-tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-004c.html Normal file
View file

@ -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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
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">&#x5d0; <span dir="ltr">3</span></div>
<div dir="ltr">a <span dir="ltr">3</span></div>
<div dir="rtl">&#x5d0; <span dir="rtl">3</span></div>
<div dir="rtl">a <span dir="rtl">3</span></div>
</div>
<div class="ref">
<div dir="ltr">&#x202d;&#x5d0; 3&#x202c;</div>
<div dir="ltr">&#x202d;a 3&#x202c;</div>
<div dir="rtl">&#x202d;3 &#x5d0;&#x202c;</div>
<div dir="rtl">&#x202d;3 a&#x202c;</div>
</div>
</body></html>

36
tests/wpt/web-platform-tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-005a.html Normal file
View file

@ -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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
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">&#x5d0;</span> &#x5d1;...</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">&#x5d0;</span> &#x5d1;...</div>
</div>
<div class="ref">
<div dir="ltr">&#x202d;&#x5d0; &#x5d1;...&#x202c;</div>
<div dir="ltr">&#x202d;a b...&#x202c;</div>
<div dir="rtl">&#x202d;...b a&#x202c;</div>
<div dir="rtl">&#x202d;...&#x5d1; &#x5d0;&#x202c;</div>
</div>
</body></html>

36
tests/wpt/web-platform-tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-005b.html Normal file
View file

@ -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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
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">&#x5d0;</span> &#x5d1;...</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">&#x5d0;</span> &#x5d1;...</div>
</div>
<div class="ref">
<div dir="ltr">&#x202d;&#x5d0; &#x5d1;...&#x202c;</div>
<div dir="ltr">&#x202d;a b...&#x202c;</div>
<div dir="rtl">&#x202d;...b a&#x202c;</div>
<div dir="rtl">&#x202d;...&#x5d1; &#x5d0;&#x202c;</div>
</div>
</body></html>

36
tests/wpt/web-platform-tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-005c.html Normal file
View file

@ -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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
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">&#x5d0;</span> &#x5d1;...</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">&#x5d0;</span> &#x5d1;...</div>
</div>
<div class="ref">
<div dir="ltr">&#x202d;&#x5d0; &#x5d1;...&#x202c;</div>
<div dir="ltr">&#x202d;a b...&#x202c;</div>
<div dir="rtl">&#x202d;...b a&#x202c;</div>
<div dir="rtl">&#x202d;...&#x5d1; &#x5d0;&#x202c;</div>
</div>
</body></html>

32
tests/wpt/web-platform-tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-006a.html Normal file
View file

@ -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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
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">&gt; &#x5d0; &gt;</span> &gt; &#x5d1; &gt;...</div>
<div dir="rtl"><span dir="ltr">&gt; a &gt;</span> &gt; b &gt;...</div>
</div>
<div class="ref">
<div dir="ltr">&#x202d;&lt; &#x5d0; &lt; &gt; &#x5d1; &gt;...&#x202c;</div>
<div dir="rtl">&#x202d;...&lt; b &lt; &gt; a &gt;&#x202c;</div>
</div>
</body></html>

32
tests/wpt/web-platform-tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-006b.html Normal file
View file

@ -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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
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">&gt; &#x5d0; &gt;</span> &gt; &#x5d1; &gt;...</div>
<div dir="rtl"><span dir="auto">&gt; a &gt;</span> &gt; b &gt;...</div>
</div>
<div class="ref">
<div dir="ltr">&#x202d;&lt; &#x5d0; &lt; &gt; &#x5d1; &gt;...&#x202c;</div>
<div dir="rtl">&#x202d;...&lt; b &lt; &gt; a &gt;&#x202c;</div>
</div>
</body></html>

32
tests/wpt/web-platform-tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-006c.html Normal file
View file

@ -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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
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">&gt; &#x5d0; &gt;</span> &gt; &#x5d1; &gt;...</div>
<div dir="rtl"><span dir="rtl">&gt; a &gt;</span> &gt; b &gt;...</div>
</div>
<div class="ref">
<div dir="ltr">&#x202d;&gt; &#x5d0; &gt; &gt; &#x5d1; &gt;...&#x202c;</div>
<div dir="rtl">&#x202d;...&lt; b &lt; &lt; a &lt;&#x202c;</div>
</div>
</body></html>

36
tests/wpt/web-platform-tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-007a.html Normal file
View file

@ -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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
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">&#x5d0;</span>&#x5d1;...</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">&#x5d0;</span>&#x5d1;...</div>
</div>
<div class="ref">
<div dir="ltr">&#x202d;&#x5d0;&#x5d1;...&#x202c;</div>
<div dir="ltr">&#x202d;ab...&#x202c;</div>
<div dir="rtl">&#x202d;...ba&#x202c;</div>
<div dir="rtl">&#x202d;...&#x5d1;&#x5d0;&#x202c;</div>
</div>
</body></html>

36
tests/wpt/web-platform-tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-007b.html Normal file
View file

@ -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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
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">&#x5d0;</span>&#x5d1;...</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">&#x5d0;</span>&#x5d1;...</div>
</div>
<div class="ref">
<div dir="ltr">&#x202d;&#x5d0;&#x5d1;...&#x202c;</div>
<div dir="ltr">&#x202d;ab...&#x202c;</div>
<div dir="rtl">&#x202d;...ba&#x202c;</div>
<div dir="rtl">&#x202d;...&#x5d1;&#x5d0;&#x202c;</div>
</div>
</body></html>

36
tests/wpt/web-platform-tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-007c.html Normal file
View file

@ -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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
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">&#x5d0;</span>&#x5d1;...</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">&#x5d0;</span>&#x5d1;...</div>
</div>
<div class="ref">
<div dir="ltr">&#x202d;&#x5d0;&#x5d1;...&#x202c;</div>
<div dir="ltr">&#x202d;ab...&#x202c;</div>
<div dir="rtl">&#x202d;...ba&#x202c;</div>
<div dir="rtl">&#x202d;...&#x5d1;&#x5d0;&#x202c;</div>
</div>
</body></html>

36
tests/wpt/web-platform-tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-008a.html Normal file
View file

@ -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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
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">&#x5d0; <span dir="rtl">&#x5d1;</span></div>
<div dir="ltr">a <span dir="rtl">b</span></div>
<div dir="rtl">&#x5d0; <span dir="ltr">&#x5d1;</span></div>
<div dir="rtl">a <span dir="ltr">b</span></div>
</div>
<div class="ref">
<div dir="ltr">&#x202d;&#x5d0; &#x5d1;&#x202c;</div>
<div dir="ltr">&#x202d;a b&#x202c;</div>
<div dir="rtl">&#x202d;&#x5d1; &#x5d0;&#x202c;</div>
<div dir="rtl">&#x202d;b a&#x202c;</div>
</div>
</body></html>

36
tests/wpt/web-platform-tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-008b.html Normal file
View file

@ -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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
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">&#x5d0; <span dir="auto">&#x5d1;</span></div>
<div dir="ltr">a <span dir="auto">b</span></div>
<div dir="rtl">&#x5d0; <span dir="auto">&#x5d1;</span></div>
<div dir="rtl">a <span dir="auto">b</span></div>
</div>
<div class="ref">
<div dir="ltr">&#x202d;&#x5d0; &#x5d1;&#x202c;</div>
<div dir="ltr">&#x202d;a b&#x202c;</div>
<div dir="rtl">&#x202d;&#x5d1; &#x5d0;&#x202c;</div>
<div dir="rtl">&#x202d;b a&#x202c;</div>
</div>
</body></html>

36
tests/wpt/web-platform-tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-008c.html Normal file
View file

@ -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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
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">&#x5d0; <span dir="ltr">&#x5d1;</span></div>
<div dir="ltr">a <span dir="ltr">b</span></div>
<div dir="rtl">&#x5d0; <span dir="rtl">&#x5d1;</span></div>
<div dir="rtl">a <span dir="rtl">b</span></div>
</div>
<div class="ref">
<div dir="ltr">&#x202d;&#x5d0; &#x5d1;&#x202c;</div>
<div dir="ltr">&#x202d;a b&#x202c;</div>
<div dir="rtl">&#x202d;&#x5d1; &#x5d0;&#x202c;</div>
<div dir="rtl">&#x202d;b a&#x202c;</div>
</div>
</body></html>

33
tests/wpt/web-platform-tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-009a.html Normal file
View file

@ -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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
If the BDI in the test's first DIV were a SPAN, its b would prevent the &#x5d0; and the &#x5d1;
from forming a single RTL run and thus keep the &gt;s between from being mirrored into &lt;s.
-->
<div class="test">
<div dir="ltr">&#x5d0; &gt; <span dir="rtl">&gt; b &gt;</span> &gt; &#x5d2;...</div>
<div dir="rtl">a &gt; <span dir="ltr">&gt; &#x5d1; &gt;</span> &gt; c...</div>
</div>
<div class="ref">
<div dir="ltr">&#x202d;&#x5d2; &lt; &lt; b &lt; &lt; &#x5d0;...&#x202c;</div>
<div dir="rtl">&#x202d;...a &gt; &gt; &#x5d1; &gt; &gt; c&#x202c;</div>
</div>
</body>
</html>

33
tests/wpt/web-platform-tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-009b.html Normal file
View file

@ -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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
If the BDI in the test's first DIV were a SPAN, its b would prevent the &#x5d0; and the &#x5d1;
from forming a single RTL run and thus keep the &gt;s between from being mirrored into &lt;s.
-->
<div class="test">
<div dir="ltr">&#x5d0; &gt; <span dir="auto">&gt; b &gt;</span> &gt; &#x5d2;...</div>
<div dir="rtl">a &gt; <span dir="auto">&gt; &#x5d1; &gt;</span> &gt; c...</div>
</div>
<div class="ref">
<div dir="ltr">&#x202d;&#x5d2; &lt; &gt; b &gt; &lt; &#x5d0;...&#x202c;</div>
<div dir="rtl">&#x202d;...a &gt; &lt; &#x5d1; &lt; &gt; c&#x202c;</div>
</div>
</body>
</html>

33
tests/wpt/web-platform-tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/dir-isolation-009c.html Normal file
View file

@ -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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
If the BDI in the test's first DIV were a SPAN, its b would prevent the &#x5d0; and the &#x5d1;
from forming a single RTL run and thus keep the &gt;s between from being mirrored into &lt;s.
-->
<div class="test">
<div dir="ltr">&#x5d0; &gt; <span dir="ltr">&gt; b &gt;</span> &gt; &#x5d2;...</div>
<div dir="rtl">a &gt; <span dir="rtl">&gt; &#x5d1; &gt;</span> &gt; c...</div>
</div>
<div class="ref">
<div dir="ltr">&#x202d;&#x5d2; &lt; &gt; b &gt; &lt; &#x5d0;...&#x202c;</div>
<div dir="rtl">&#x202d;...a &gt; &lt; &#x5d1; &lt; &gt; c&#x202c;</div>
</div>
</body>
</html>

16
tests/wpt/web-platform-tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/reference/dir-isolation-001-ref.html Normal file
View file

@ -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">&#8237;&#1488; 3&#8236;</div><div dir="ltr">&#8237;a 3&#8236;</div><div dir="rtl">&#8237;3 &#1488;&#8236;</div><div dir="rtl">&#8237;3 a&#8236;</div></div>
<div class="ref"><div dir="ltr">&#8237;&#1488; 3&#8236;</div><div dir="ltr">&#8237;a 3&#8236;</div><div dir="rtl">&#8237;3 &#1488;&#8236;</div><div dir="rtl">&#8237;3 a&#8236;</div></div>
</body>
</html>

16
tests/wpt/web-platform-tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/reference/dir-isolation-002a-ref.html Normal file
View file

@ -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">&#8237;&lt; &#1488; &lt; &gt; 3 &gt;&#8236;</div><div dir="ltr">&#8237;&lt; a &lt; &gt; 3 &gt;&#8236;</div><div dir="rtl">&#8237;&lt; 3 &lt; &gt; &#1488; &gt;&#8236;</div><div dir="rtl">&#8237;&lt; 3 &lt; &gt; a &gt;&#8236;</div></div>
<div class="ref"><div dir="ltr">&#8237;&lt; &#1488; &lt; &gt; 3 &gt;&#8236;</div><div dir="ltr">&#8237;&lt; a &lt; &gt; 3 &gt;&#8236;</div><div dir="rtl">&#8237;&lt; 3 &lt; &gt; &#1488; &gt;&#8236;</div><div dir="rtl">&#8237;&lt; 3 &lt; &gt; a &gt;&#8236;</div></div>
</body>
</html>

16
tests/wpt/web-platform-tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/reference/dir-isolation-002b-ref.html Normal file
View file

@ -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">&#8237;&lt; &#1488; &lt; &gt; 3 &gt;&#8236;</div><div dir="ltr">&#8237;&gt; a &gt; &gt; 3 &gt;&#8236;</div><div dir="rtl">&#8237;&lt; 3 &lt; &lt; &#1488; &lt;&#8236;</div><div dir="rtl">&#8237;&lt; 3 &lt; &gt; a &gt;&#8236;</div></div>
<div class="ref"><div dir="ltr">&#8237;&lt; &#1488; &lt; &gt; 3 &gt;&#8236;</div><div dir="ltr">&#8237;&gt; a &gt; &gt; 3 &gt;&#8236;</div><div dir="rtl">&#8237;&lt; 3 &lt; &lt; &#1488; &lt;&#8236;</div><div dir="rtl">&#8237;&lt; 3 &lt; &gt; a &gt;&#8236;</div></div>
</body>
</html>

16
tests/wpt/web-platform-tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/reference/dir-isolation-002c-ref.html Normal file
View file

@ -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">&#8237;&gt; &#1488; &gt; &gt; 3 &gt;&#8236;</div><div dir="ltr">&#8237;&gt; a &gt; &gt; 3 &gt;&#8236;</div><div dir="rtl">&#8237;&lt; 3 &lt; &lt; &#1488; &lt;&#8236;</div><div dir="rtl">&#8237;&lt; 3 &lt; &lt; a &lt;&#8236;</div></div>
<div class="ref"><div dir="ltr">&#8237;&gt; &#1488; &gt; &gt; 3 &gt;&#8236;</div><div dir="ltr">&#8237;&gt; a &gt; &gt; 3 &gt;&#8236;</div><div dir="rtl">&#8237;&lt; 3 &lt; &lt; &#1488; &lt;&#8236;</div><div dir="rtl">&#8237;&lt; 3 &lt; &lt; a &lt;&#8236;</div></div>
</body>
</html>

16
tests/wpt/web-platform-tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/reference/dir-isolation-003-ref.html Normal file
View file

@ -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">&#8237;&#1488;3&#8236;</div><div dir="ltr">&#8237;a3&#8236;</div><div dir="rtl">&#8237;3&#1488;&#8236;</div><div dir="rtl">&#8237;3a&#8236;</div></div>
<div class="ref"><div dir="ltr">&#8237;&#1488;3&#8236;</div><div dir="ltr">&#8237;a3&#8236;</div><div dir="rtl">&#8237;3&#1488;&#8236;</div><div dir="rtl">&#8237;3a&#8236;</div></div>
</body>
</html>

16
tests/wpt/web-platform-tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/reference/dir-isolation-004-ref.html Normal file
View file

@ -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">&#8237;&#1488; 3&#8236;</div><div dir="ltr">&#8237;a 3&#8236;</div><div dir="rtl">&#8237;3 &#1488;&#8236;</div><div dir="rtl">&#8237;3 a&#8236;</div></div>
<div class="ref"><div dir="ltr">&#8237;&#1488; 3&#8236;</div><div dir="ltr">&#8237;a 3&#8236;</div><div dir="rtl">&#8237;3 &#1488;&#8236;</div><div dir="rtl">&#8237;3 a&#8236;</div></div>
</body>
</html>

16
tests/wpt/web-platform-tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/reference/dir-isolation-005-ref.html Normal file
View file

@ -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">&#8237;&#1488; &#1489;...&#8236;</div><div dir="ltr">&#8237;a b...&#8236;</div><div dir="rtl">&#8237;...b a&#8236;</div><div dir="rtl">&#8237;...&#1489; &#1488;&#8236;</div></div>
<div class="ref"><div dir="ltr">&#8237;&#1488; &#1489;...&#8236;</div><div dir="ltr">&#8237;a b...&#8236;</div><div dir="rtl">&#8237;...b a&#8236;</div><div dir="rtl">&#8237;...&#1489; &#1488;&#8236;</div></div>
</body>
</html>

16
tests/wpt/web-platform-tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/reference/dir-isolation-006-ref.html Normal file
View file

@ -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">&#8237;&lt; &#1488; &lt; &gt; &#1489; &gt;...&#8236;</div><div dir="rtl">&#8237;...&lt; b &lt; &gt; a &gt;&#8236;</div></div>
<div class="ref"><div dir="ltr">&#8237;&lt; &#1488; &lt; &gt; &#1489; &gt;...&#8236;</div><div dir="rtl">&#8237;...&lt; b &lt; &gt; a &gt;&#8236;</div></div>
</body>
</html>

16
tests/wpt/web-platform-tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/reference/dir-isolation-006c-ref.html Normal file
View file

@ -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">&#8237;&gt; &#1488; &gt; &gt; &#1489; &gt;...&#8236;</div><div dir="rtl">&#8237;...&lt; b &lt; &lt; a &lt;&#8236;</div></div>
<div class="ref"><div dir="ltr">&#8237;&gt; &#1488; &gt; &gt; &#1489; &gt;...&#8236;</div><div dir="rtl">&#8237;...&lt; b &lt; &lt; a &lt;&#8236;</div></div>
</body>
</html>

16
tests/wpt/web-platform-tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/reference/dir-isolation-007-ref.html Normal file
View file

@ -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">&#8237;&#1488;&#1489;...&#8236;</div><div dir="ltr">&#8237;ab...&#8236;</div><div dir="rtl">&#8237;...ba&#8236;</div><div dir="rtl">&#8237;...&#1489;&#1488;&#8236;</div></div>
<div class="ref"><div dir="ltr">&#8237;&#1488;&#1489;...&#8236;</div><div dir="ltr">&#8237;ab...&#8236;</div><div dir="rtl">&#8237;...ba&#8236;</div><div dir="rtl">&#8237;...&#1489;&#1488;&#8236;</div></div>
</body>
</html>

16
tests/wpt/web-platform-tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/reference/dir-isolation-008-ref.html Normal file
View file

@ -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">&#8237;&#1488; &#1489;&#8236;</div><div dir="ltr">&#8237;a b&#8236;</div><div dir="rtl">&#8237;&#1489; &#1488;&#8236;</div><div dir="rtl">&#8237;b a&#8236;</div></div>
<div class="ref"><div dir="ltr">&#8237;&#1488; &#1489;&#8236;</div><div dir="ltr">&#8237;a b&#8236;</div><div dir="rtl">&#8237;&#1489; &#1488;&#8236;</div><div dir="rtl">&#8237;b a&#8236;</div></div>
</body>
</html>

16
tests/wpt/web-platform-tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/reference/dir-isolation-009-ref.html Normal file
View file

@ -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">&#8237;&#1490; &lt; &lt; b &lt; &lt; &#1488;...&#8236;</div><div dir="rtl">&#8237;...a &gt; &gt; &#1489; &gt; &gt; c&#8236;</div></div>
<div class="ref"><div dir="ltr">&#8237;&#1490; &lt; &lt; b &lt; &lt; &#1488;...&#8236;</div><div dir="rtl">&#8237;...a &gt; &gt; &#1489; &gt; &gt; c&#8236;</div></div>
</body>
</html>

16
tests/wpt/web-platform-tests/html/dom/elements/requirements-relating-to-bidirectional-algorithm-formatting-characters/reference/dir-isolation-009b-ref.html Normal file
View file

@ -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">&#8237;&#1490; &lt; &gt; b &gt; &lt; &#1488;...&#8236;</div><div dir="rtl">&#8237;...a &gt; &lt; &#1489; &lt; &gt; c&#8236;</div></div>
<div class="ref"><div dir="ltr">&#8237;&#1490; &lt; &gt; b &gt; &lt; &#1488;...&#8236;</div><div dir="rtl">&#8237;...a &gt; &lt; &#1489; &lt; &gt; c&#8236;</div></div>
</body>
</html>