Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

Adding Mati's new tests.

  • Loading branch information...
commit 78ee87b33845f6e11054c5b930390e20b5687530 1 parent 1a7e926
@amire80 authored
Showing with 2,014 additions and 0 deletions.
  1. +40 −0 html5/dir-auto/dir_auto-EN-L-ref.html
  2. +40 −0 html5/dir-auto/dir_auto-EN-L.html
  3. +40 −0 html5/dir-auto/dir_auto-EN-R-ref.html
  4. +40 −0 html5/dir-auto/dir_auto-EN-R.html
  5. +40 −0 html5/dir-auto/dir_auto-L-ref.html
  6. +40 −0 html5/dir-auto/dir_auto-L.html
  7. +40 −0 html5/dir-auto/dir_auto-N-EN-L-ref.html
  8. +40 −0 html5/dir-auto/dir_auto-N-EN-L.html
  9. +40 −0 html5/dir-auto/dir_auto-N-EN-R-ref.html
  10. +40 −0 html5/dir-auto/dir_auto-N-EN-R.html
  11. +35 −0 html5/dir-auto/dir_auto-N-EN-ref.html
  12. +35 −0 html5/dir-auto/dir_auto-N-EN.html
  13. +40 −0 html5/dir-auto/dir_auto-N-L-ref.html
  14. +40 −0 html5/dir-auto/dir_auto-N-L.html
  15. +40 −0 html5/dir-auto/dir_auto-N-R-ref.html
  16. +40 −0 html5/dir-auto/dir_auto-N-R.html
  17. +40 −0 html5/dir-auto/dir_auto-R-ref.html
  18. +40 −0 html5/dir-auto/dir_auto-R.html
  19. +44 −0 html5/dir-auto/dir_auto-contained-L-ref.html
  20. +44 −0 html5/dir-auto/dir_auto-contained-L.html
  21. +40 −0 html5/dir-auto/dir_auto-contained-R-ref.html
  22. +40 −0 html5/dir-auto/dir_auto-contained-R.html
  23. +43 −0 html5/dir-auto/dir_auto-contained-bdi-L-ref.html
  24. +43 −0 html5/dir-auto/dir_auto-contained-bdi-L.html
  25. +40 −0 html5/dir-auto/dir_auto-contained-bdi-R-ref.html
  26. +40 −0 html5/dir-auto/dir_auto-contained-bdi-R.html
  27. +43 −0 html5/dir-auto/dir_auto-contained-dir-L-ref.html
  28. +43 −0 html5/dir-auto/dir_auto-contained-dir-L.html
  29. +40 −0 html5/dir-auto/dir_auto-contained-dir-R-ref.html
  30. +40 −0 html5/dir-auto/dir_auto-contained-dir-R.html
  31. +43 −0 html5/dir-auto/dir_auto-contained-dir_auto-L-ref.html
  32. +43 −0 html5/dir-auto/dir_auto-contained-dir_auto-L.html
  33. +40 −0 html5/dir-auto/dir_auto-contained-dir_auto-R-ref.html
  34. +40 −0 html5/dir-auto/dir_auto-contained-dir_auto-R.html
  35. +40 −0 html5/dir-auto/dir_auto-contained-script-L-ref.html
  36. +40 −0 html5/dir-auto/dir_auto-contained-script-L.html
  37. +40 −0 html5/dir-auto/dir_auto-contained-script-R-ref.html
  38. +40 −0 html5/dir-auto/dir_auto-contained-script-R.html
  39. +40 −0 html5/dir-auto/dir_auto-contained-style-L-ref.html
  40. +40 −0 html5/dir-auto/dir_auto-contained-style-L.html
  41. +40 −0 html5/dir-auto/dir_auto-contained-style-R-ref.html
  42. +40 −0 html5/dir-auto/dir_auto-contained-style-R.html
  43. +43 −0 html5/dir-auto/dir_auto-contained-textarea-L-ref.html
  44. +43 −0 html5/dir-auto/dir_auto-contained-textarea-L.html
  45. +40 −0 html5/dir-auto/dir_auto-contained-textarea-R-ref.html
  46. +40 −0 html5/dir-auto/dir_auto-contained-textarea-R.html
  47. +38 −0 html5/dir-auto/dir_auto-isolate_L-ref.html
  48. +38 −0 html5/dir-auto/dir_auto-isolate_L.html
  49. +38 −0 html5/dir-auto/dir_auto-isolate_R-ref.html
  50. +38 −0 html5/dir-auto/dir_auto-isolate_R.html
View
40 html5/dir-auto/dir_auto-EN-L-ref.html
@@ -0,0 +1,40 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8">
+ <title>HTML Test: dir=auto, start with EN, then L</title>
+ <link rel="reference" href="dir_auto-EN-L-ref.html">
+ <link rel="author" title="Matitiahu Allouche" href="mailto:matitiahu.allouche@google.com">
+ <link rel="author" title="Oren Roth" href="mailto:oren.roth@gmail.com">
+ <link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com">
+ <link rel="help" href="http://dev.w3.org/html5/spec/Overview.html#the-dir-attribute">
+ <meta name="assert" content="
+ When dir='auto', the direction is set according to the first strong character
+ of the text.
+ In this test, it is the Latin letter A since digits are not strongly
+ directional, thus the direction must be resolved as LTR.">
+ <style>
+ body{
+ font-size:2em;
+ }
+ .box {
+ border: medium solid gray;
+ width: 400px;
+ margin: 20px;
+ }
+ </style>
+ </head>
+ <body>
+ The two boxes below should look exactly the same.
+ <!-- Key to entities used below:
+ &#x05D0; - The Hebrew letter Alef (strongly RTL).
+ &#x05D1; - The Hebrew letter Bet (strongly RTL).
+ &#x05D2; - The Hebrew letter Gimel (strongly RTL). -->
+ <div class="box">
+ <p dir="ltr">123ABC&#x05d0;&#x05d1;&#x05d2;.</p>
+ </div>
+ <div class="box">
+ <p dir="ltr">123ABC&#x05d0;&#x05d1;&#x05d2;.</p>
+ </div>
+ </body>
+</html>
View
40 html5/dir-auto/dir_auto-EN-L.html
@@ -0,0 +1,40 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8">
+ <title>HTML Test: dir=auto, start with EN, then L</title>
+ <link rel="reference" href="dir_auto-EN-L-ref.html">
+ <link rel="author" title="Matitiahu Allouche" href="mailto:matitiahu.allouche@google.com">
+ <link rel="author" title="Oren Roth" href="mailto:oren.roth@gmail.com">
+ <link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com">
+ <link rel="help" href="http://dev.w3.org/html5/spec/Overview.html#the-dir-attribute">
+ <meta name="assert" content="
+ When dir='auto', the direction is set according to the first strong character
+ of the text.
+ In this test, it is the Latin letter A since digits are not strongly
+ directional, thus the direction must be resolved as LTR.">
+ <style>
+ body{
+ font-size:2em;
+ }
+ .box {
+ border: medium solid gray;
+ width: 400px;
+ margin: 20px;
+ }
+ </style>
+ </head>
+ <body>
+ The two boxes below should look exactly the same.
+ <!-- Key to entities used below:
+ &#x05D0; - The Hebrew letter Alef (strongly RTL).
+ &#x05D1; - The Hebrew letter Bet (strongly RTL).
+ &#x05D2; - The Hebrew letter Gimel (strongly RTL). -->
+ <div class="box">
+ <p dir="auto">123ABC&#x05d0;&#x05d1;&#x05d2;.</p>
+ </div>
+ <div class="box">
+ <p dir="ltr">123ABC&#x05d0;&#x05d1;&#x05d2;.</p>
+ </div>
+ </body>
+</html>
View
40 html5/dir-auto/dir_auto-EN-R-ref.html
@@ -0,0 +1,40 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8">
+ <title>HTML Test: dir=auto, start with EN, then R</title>
+ <link rel="reference" href="dir_auto-EN-R-ref.html">
+ <link rel="author" title="Matitiahu Allouche" href="mailto:matitiahu.allouche@google.com">
+ <link rel="author" title="Oren Roth" href="mailto:oren.roth@gmail.com">
+ <link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com">
+ <link rel="help" href="http://dev.w3.org/html5/spec/Overview.html#the-dir-attribute">
+ <meta name="assert" content="
+ When dir='auto', the direction is set according to the first strong character
+ of the text.
+ In this test, it is the Hebrew letter Alef since digits are not strongly
+ directional, thus the direction must be resolved as RTL.">
+ <style>
+ body{
+ font-size:2em;
+ }
+ .box {
+ border: medium solid gray;
+ width: 400px;
+ margin: 20px;
+ }
+ </style>
+ </head>
+ <body>
+ The two boxes below should look exactly the same.
+ <!-- Key to entities used below:
+ &#x05D0; - The Hebrew letter Alef (strongly RTL).
+ &#x05D1; - The Hebrew letter Bet (strongly RTL).
+ &#x05D2; - The Hebrew letter Gimel (strongly RTL). -->
+ <div class="box">
+ <p dir="rtl">123&#x05d0;&#x05d1;&#x05d2;ABC.</p>
+ </div>
+ <div class="box">
+ <p dir="rtl">123&#x05d0;&#x05d1;&#x05d2;ABC.</p>
+ </div>
+ </body>
+</html>
View
40 html5/dir-auto/dir_auto-EN-R.html
@@ -0,0 +1,40 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8">
+ <title>HTML Test: dir=auto, start with EN, then R</title>
+ <link rel="reference" href="dir_auto-EN-R-ref.html">
+ <link rel="author" title="Matitiahu Allouche" href="mailto:matitiahu.allouche@google.com">
+ <link rel="author" title="Oren Roth" href="mailto:oren.roth@gmail.com">
+ <link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com">
+ <link rel="help" href="http://dev.w3.org/html5/spec/Overview.html#the-dir-attribute">
+ <meta name="assert" content="
+ When dir='auto', the direction is set according to the first strong character
+ of the text.
+ In this test, it is the Hebrew letter Alef since digits are not strongly
+ directional, thus the direction must be resolved as RTL.">
+ <style>
+ body{
+ font-size:2em;
+ }
+ .box {
+ border: medium solid gray;
+ width: 400px;
+ margin: 20px;
+ }
+ </style>
+ </head>
+ <body>
+ The two boxes below should look exactly the same.
+ <!-- Key to entities used below:
+ &#x05D0; - The Hebrew letter Alef (strongly RTL).
+ &#x05D1; - The Hebrew letter Bet (strongly RTL).
+ &#x05D2; - The Hebrew letter Gimel (strongly RTL). -->
+ <div class="box">
+ <p dir="auto">123&#x05d0;&#x05d1;&#x05d2;ABC.</p>
+ </div>
+ <div class="box">
+ <p dir="rtl">123&#x05d0;&#x05d1;&#x05d2;ABC.</p>
+ </div>
+ </body>
+</html>
View
40 html5/dir-auto/dir_auto-L-ref.html
@@ -0,0 +1,40 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8">
+ <title>HTML Test: dir=auto, start with L</title>
+ <link rel="reference" href="dir_auto-L-ref.html">
+ <link rel="author" title="Matitiahu Allouche" href="mailto:matitiahu.allouche@google.com">
+ <link rel="author" title="Oren Roth" href="mailto:oren.roth@gmail.com">
+ <link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com">
+ <link rel="help" href="http://dev.w3.org/html5/spec/Overview.html#the-dir-attribute">
+ <meta name="assert" content="
+ When dir='auto', the direction is set according to the first strong character
+ of the text.
+ In this test, it is the Latin letter A, thus the direction must be
+ resolved as LTR.">
+ <style>
+ body{
+ font-size:2em;
+ }
+ .box {
+ border: medium solid gray;
+ width: 400px;
+ margin: 20px;
+ }
+ </style>
+ </head>
+ <body>
+ The two boxes below should look exactly the same.
+ <!-- Key to entities used below:
+ &#x05D0; - The Hebrew letter Alef (strongly RTL).
+ &#x05D1; - The Hebrew letter Bet (strongly RTL).
+ &#x05D2; - The Hebrew letter Gimel (strongly RTL). -->
+ <div class="box">
+ <p dir="ltr">ABC&#x05d0;&#x05d1;&#x05d2;.</p>
+ </div>
+ <div class="box">
+ <p dir="ltr">ABC&#x05d0;&#x05d1;&#x05d2;.</p>
+ </div>
+ </body>
+</html>
View
40 html5/dir-auto/dir_auto-L.html
@@ -0,0 +1,40 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8">
+ <title>HTML Test: dir=auto, start with L</title>
+ <link rel="reference" href="dir_auto-L-ref.html">
+ <link rel="author" title="Matitiahu Allouche" href="mailto:matitiahu.allouche@google.com">
+ <link rel="author" title="Oren Roth" href="mailto:oren.roth@gmail.com">
+ <link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com">
+ <link rel="help" href="http://dev.w3.org/html5/spec/Overview.html#the-dir-attribute">
+ <meta name="assert" content="
+ When dir='auto', the direction is set according to the first strong character
+ of the text.
+ In this test, it is the Latin letter A, thus the direction must be
+ resolved as LTR.">
+ <style>
+ body{
+ font-size:2em;
+ }
+ .box {
+ border: medium solid gray;
+ width: 400px;
+ margin: 20px;
+ }
+ </style>
+ </head>
+ <body>
+ The two boxes below should look exactly the same.
+ <!-- Key to entities used below:
+ &#x05D0; - The Hebrew letter Alef (strongly RTL).
+ &#x05D1; - The Hebrew letter Bet (strongly RTL).
+ &#x05D2; - The Hebrew letter Gimel (strongly RTL). -->
+ <div class="box">
+ <p dir="auto">ABC&#x05d0;&#x05d1;&#x05d2;.</p>
+ </div>
+ <div class="box">
+ <p dir="ltr">ABC&#x05d0;&#x05d1;&#x05d2;.</p>
+ </div>
+ </body>
+</html>
View
40 html5/dir-auto/dir_auto-N-EN-L-ref.html
@@ -0,0 +1,40 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8">
+ <title>HTML Test: dir=auto, start with N, then EN, then L</title>
+ <link rel="reference" href="dir_auto-N-EN-L-ref.html">
+ <link rel="author" title="Matitiahu Allouche" href="mailto:matitiahu.allouche@google.com">
+ <link rel="author" title="Oren Roth" href="mailto:oren.roth@gmail.com">
+ <link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com">
+ <link rel="help" href="http://dev.w3.org/html5/spec/Overview.html#the-dir-attribute">
+ <meta name="assert" content="
+ When dir='auto', the direction is set according to the first strong character
+ of the text.
+ In this test, it is the Latin letter A since neutrals and digits are not
+ strongly directional, thus the direction must be resolved as LTR.">
+ <style>
+ body{
+ font-size:2em;
+ }
+ .box {
+ border: medium solid gray;
+ width: 400px;
+ margin: 20px;
+ }
+ </style>
+ </head>
+ <body>
+ The two boxes below should look exactly the same.
+ <!-- Key to entities used below:
+ &#x05D0; - The Hebrew letter Alef (strongly RTL).
+ &#x05D1; - The Hebrew letter Bet (strongly RTL).
+ &#x05D2; - The Hebrew letter Gimel (strongly RTL). -->
+ <div class="box">
+ <p dir="ltr">.-=123ABC&#x05d0;&#x05d1;&#x05d2;.</p>
+ </div>
+ <div class="box">
+ <p dir="ltr">.-=123ABC&#x05d0;&#x05d1;&#x05d2;.</p>
+ </div>
+ </body>
+</html>
View
40 html5/dir-auto/dir_auto-N-EN-L.html
@@ -0,0 +1,40 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8">
+ <title>HTML Test: dir=auto, start with N, then EN, then L</title>
+ <link rel="reference" href="dir_auto-N-EN-L-ref.html">
+ <link rel="author" title="Matitiahu Allouche" href="mailto:matitiahu.allouche@google.com">
+ <link rel="author" title="Oren Roth" href="mailto:oren.roth@gmail.com">
+ <link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com">
+ <link rel="help" href="http://dev.w3.org/html5/spec/Overview.html#the-dir-attribute">
+ <meta name="assert" content="
+ When dir='auto', the direction is set according to the first strong character
+ of the text.
+ In this test, it is the Latin letter A since neutrals and digits are not
+ strongly directional, thus the direction must be resolved as LTR.">
+ <style>
+ body{
+ font-size:2em;
+ }
+ .box {
+ border: medium solid gray;
+ width: 400px;
+ margin: 20px;
+ }
+ </style>
+ </head>
+ <body>
+ The two boxes below should look exactly the same.
+ <!-- Key to entities used below:
+ &#x05D0; - The Hebrew letter Alef (strongly RTL).
+ &#x05D1; - The Hebrew letter Bet (strongly RTL).
+ &#x05D2; - The Hebrew letter Gimel (strongly RTL). -->
+ <div class="box">
+ <p dir="auto">.-=123ABC&#x05d0;&#x05d1;&#x05d2;.</p>
+ </div>
+ <div class="box">
+ <p dir="ltr">.-=123ABC&#x05d0;&#x05d1;&#x05d2;.</p>
+ </div>
+ </body>
+</html>
View
40 html5/dir-auto/dir_auto-N-EN-R-ref.html
@@ -0,0 +1,40 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8">
+ <title>HTML Test: dir=auto, start with N, then EN, then R</title>
+ <link rel="reference" href="dir_auto-N-EN-R-ref.html">
+ <link rel="author" title="Matitiahu Allouche" href="mailto:matitiahu.allouche@google.com">
+ <link rel="author" title="Oren Roth" href="mailto:oren.roth@gmail.com">
+ <link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com">
+ <link rel="help" href="http://dev.w3.org/html5/spec/Overview.html#the-dir-attribute">
+ <meta name="assert" content="
+ When dir='auto', the direction is set according to the first strong character
+ of the text.
+ In this test, it is the Hebrew letter Alef since neutrals and digits are not
+ strongly directional, thus the direction must be resolved as RTL.">
+ <style>
+ body{
+ font-size:2em;
+ }
+ .box {
+ border: medium solid gray;
+ width: 400px;
+ margin: 20px;
+ }
+ </style>
+ </head>
+ <body>
+ The two boxes below should look exactly the same.
+ <!-- Key to entities used below:
+ &#x05D0; - The Hebrew letter Alef (strongly RTL).
+ &#x05D1; - The Hebrew letter Bet (strongly RTL).
+ &#x05D2; - The Hebrew letter Gimel (strongly RTL). -->
+ <div class="box">
+ <p dir="rtl">.-=123&#x05d0;&#x05d1;&#x05d2;ABC.</p>
+ </div>
+ <div class="box">
+ <p dir="rtl">.-=123&#x05d0;&#x05d1;&#x05d2;ABC.</p>
+ </div>
+ </body>
+</html>
View
40 html5/dir-auto/dir_auto-N-EN-R.html
@@ -0,0 +1,40 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8">
+ <title>HTML Test: dir=auto, start with N, then EN, then R</title>
+ <link rel="reference" href="dir_auto-N-EN-R-ref.html">
+ <link rel="author" title="Matitiahu Allouche" href="mailto:matitiahu.allouche@google.com">
+ <link rel="author" title="Oren Roth" href="mailto:oren.roth@gmail.com">
+ <link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com">
+ <link rel="help" href="http://dev.w3.org/html5/spec/Overview.html#the-dir-attribute">
+ <meta name="assert" content="
+ When dir='auto', the direction is set according to the first strong character
+ of the text.
+ In this test, it is the Hebrew letter Alef since neutrals and digits are not
+ strongly directional, thus the direction must be resolved as RTL.">
+ <style>
+ body{
+ font-size:2em;
+ }
+ .box {
+ border: medium solid gray;
+ width: 400px;
+ margin: 20px;
+ }
+ </style>
+ </head>
+ <body>
+ The two boxes below should look exactly the same.
+ <!-- Key to entities used below:
+ &#x05D0; - The Hebrew letter Alef (strongly RTL).
+ &#x05D1; - The Hebrew letter Bet (strongly RTL).
+ &#x05D2; - The Hebrew letter Gimel (strongly RTL). -->
+ <div class="box">
+ <p dir="auto">.-=123&#x05d0;&#x05d1;&#x05d2;ABC.</p>
+ </div>
+ <div class="box">
+ <p dir="rtl">.-=123&#x05d0;&#x05d1;&#x05d2;ABC.</p>
+ </div>
+ </body>
+</html>
View
35 html5/dir-auto/dir_auto-N-EN-ref.html
@@ -0,0 +1,35 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8">
+ <title>HTML Test: dir=auto, start with N, then EN, then L</title>
+ <link rel="reference" href="dir_auto-N-EN-L-ref.html">
+ <link rel="author" title="Matitiahu Allouche" href="mailto:matitiahu.allouche@google.com">
+ <link rel="author" title="Oren Roth" href="mailto:oren.roth@gmail.com">
+ <link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com">
+ <link rel="help" href="http://dev.w3.org/html5/spec/Overview.html#the-dir-attribute">
+ <meta name="assert" content="
+ When dir='auto', the direction is set according to the first strong character
+ of the text, ignoring neutrals and numbers.
+ If there is no strong character, as in this test, the direction defaults to LTR.">
+ <style>
+ body{
+ font-size:2em;
+ }
+ .box {
+ border: medium solid gray;
+ width: 400px;
+ margin: 20px;
+ }
+ </style>
+ </head>
+ <body>
+ The two boxes below should look exactly the same.
+ <div class="box">
+ <p dir="ltr">.-=123.</p>
+ </div>
+ <div class="box">
+ <p dir="ltr">.-=123.</p>
+ </div>
+ </body>
+</html>
View
35 html5/dir-auto/dir_auto-N-EN.html
@@ -0,0 +1,35 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8">
+ <title>HTML Test: dir=auto, start with N, then EN, then L</title>
+ <link rel="reference" href="dir_auto-N-EN-L-ref.html">
+ <link rel="author" title="Matitiahu Allouche" href="mailto:matitiahu.allouche@google.com">
+ <link rel="author" title="Oren Roth" href="mailto:oren.roth@gmail.com">
+ <link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com">
+ <link rel="help" href="http://dev.w3.org/html5/spec/Overview.html#the-dir-attribute">
+ <meta name="assert" content="
+ When dir='auto', the direction is set according to the first strong character
+ of the text, ignoring neutrals and numbers.
+ If there is no strong character, as in this test, the direction defaults to LTR.">
+ <style>
+ body{
+ font-size:2em;
+ }
+ .box {
+ border: medium solid gray;
+ width: 400px;
+ margin: 20px;
+ }
+ </style>
+ </head>
+ <body>
+ The two boxes below should look exactly the same.
+ <div class="box">
+ <p dir="auto">.-=123.</p>
+ </div>
+ <div class="box">
+ <p dir="ltr">.-=123.</p>
+ </div>
+ </body>
+</html>
View
40 html5/dir-auto/dir_auto-N-L-ref.html
@@ -0,0 +1,40 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8">
+ <title>HTML Test: dir=auto, start with N, then L</title>
+ <link rel="reference" href="dir_auto-N-L-ref.html">
+ <link rel="author" title="Matitiahu Allouche" href="mailto:matitiahu.allouche@google.com">
+ <link rel="author" title="Oren Roth" href="mailto:oren.roth@gmail.com">
+ <link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com">
+ <link rel="help" href="http://dev.w3.org/html5/spec/Overview.html#the-dir-attribute">
+ <meta name="assert" content="
+ When dir='auto', the direction is set according to the first strong character
+ of the text.
+ In this test, it is the Latin letter A since neutrals are not
+ strongly directional, thus the direction must be resolved as LTR.">
+ <style>
+ body{
+ font-size:2em;
+ }
+ .box {
+ border: medium solid gray;
+ width: 400px;
+ margin: 20px;
+ }
+ </style>
+ </head>
+ <body>
+ The two boxes below should look exactly the same.
+ <!-- Key to entities used below:
+ &#x05D0; - The Hebrew letter Alef (strongly RTL).
+ &#x05D1; - The Hebrew letter Bet (strongly RTL).
+ &#x05D2; - The Hebrew letter Gimel (strongly RTL). -->
+ <div class="box">
+ <p dir="ltr">.-=ABC&#x05d0;&#x05d1;&#x05d2;.</p>
+ </div>
+ <div class="box">
+ <p dir="ltr">.-=ABC&#x05d0;&#x05d1;&#x05d2;.</p>
+ </div>
+ </body>
+</html>
View
40 html5/dir-auto/dir_auto-N-L.html
@@ -0,0 +1,40 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8">
+ <title>HTML Test: dir=auto, start with N, then L</title>
+ <link rel="reference" href="dir_auto-N-L-ref.html">
+ <link rel="author" title="Matitiahu Allouche" href="mailto:matitiahu.allouche@google.com">
+ <link rel="author" title="Oren Roth" href="mailto:oren.roth@gmail.com">
+ <link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com">
+ <link rel="help" href="http://dev.w3.org/html5/spec/Overview.html#the-dir-attribute">
+ <meta name="assert" content="
+ When dir='auto', the direction is set according to the first strong character
+ of the text.
+ In this test, it is the Latin letter A since neutrals are not
+ strongly directional, thus the direction must be resolved as LTR.">
+ <style>
+ body{
+ font-size:2em;
+ }
+ .box {
+ border: medium solid gray;
+ width: 400px;
+ margin: 20px;
+ }
+ </style>
+ </head>
+ <body>
+ The two boxes below should look exactly the same.
+ <!-- Key to entities used below:
+ &#x05D0; - The Hebrew letter Alef (strongly RTL).
+ &#x05D1; - The Hebrew letter Bet (strongly RTL).
+ &#x05D2; - The Hebrew letter Gimel (strongly RTL). -->
+ <div class="box">
+ <p dir="auto">.-=ABC&#x05d0;&#x05d1;&#x05d2;.</p>
+ </div>
+ <div class="box">
+ <p dir="ltr">.-=ABC&#x05d0;&#x05d1;&#x05d2;.</p>
+ </div>
+ </body>
+</html>
View
40 html5/dir-auto/dir_auto-N-R-ref.html
@@ -0,0 +1,40 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8">
+ <title>HTML Test: dir=auto, start with N, then R</title>
+ <link rel="reference" href="dir_auto-N-R-ref.html">
+ <link rel="author" title="Matitiahu Allouche" href="mailto:matitiahu.allouche@google.com">
+ <link rel="author" title="Oren Roth" href="mailto:oren.roth@gmail.com">
+ <link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com">
+ <link rel="help" href="http://dev.w3.org/html5/spec/Overview.html#the-dir-attribute">
+ <meta name="assert" content="
+ When dir='auto', the direction is set according to the first strong character
+ of the text.
+ In this test, it is the Hebrew letter Alef since neutrals are not
+ strongly directional, thus the direction must be resolved as RTL.">
+ <style>
+ body{
+ font-size:2em;
+ }
+ .box {
+ border: medium solid gray;
+ width: 400px;
+ margin: 20px;
+ }
+ </style>
+ </head>
+ <body>
+ The two boxes below should look exactly the same.
+ <!-- Key to entities used below:
+ &#x05D0; - The Hebrew letter Alef (strongly RTL).
+ &#x05D1; - The Hebrew letter Bet (strongly RTL).
+ &#x05D2; - The Hebrew letter Gimel (strongly RTL). -->
+ <div class="box">
+ <p dir="rtl">.-=&#x05d0;&#x05d1;&#x05d2;ABC.</p>
+ </div>
+ <div class="box">
+ <p dir="rtl">.-=&#x05d0;&#x05d1;&#x05d2;ABC.</p>
+ </div>
+ </body>
+</html>
View
40 html5/dir-auto/dir_auto-N-R.html
@@ -0,0 +1,40 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8">
+ <title>HTML Test: dir=auto, start with N, then R</title>
+ <link rel="reference" href="dir_auto-N-R-ref.html">
+ <link rel="author" title="Matitiahu Allouche" href="mailto:matitiahu.allouche@google.com">
+ <link rel="author" title="Oren Roth" href="mailto:oren.roth@gmail.com">
+ <link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com">
+ <link rel="help" href="http://dev.w3.org/html5/spec/Overview.html#the-dir-attribute">
+ <meta name="assert" content="
+ When dir='auto', the direction is set according to the first strong character
+ of the text.
+ In this test, it is the Hebrew letter Alef since neutrals are not
+ strongly directional, thus the direction must be resolved as RTL.">
+ <style>
+ body{
+ font-size:2em;
+ }
+ .box {
+ border: medium solid gray;
+ width: 400px;
+ margin: 20px;
+ }
+ </style>
+ </head>
+ <body>
+ The two boxes below should look exactly the same.
+ <!-- Key to entities used below:
+ &#x05D0; - The Hebrew letter Alef (strongly RTL).
+ &#x05D1; - The Hebrew letter Bet (strongly RTL).
+ &#x05D2; - The Hebrew letter Gimel (strongly RTL). -->
+ <div class="box">
+ <p dir="auto">.-=&#x05d0;&#x05d1;&#x05d2;ABC.</p>
+ </div>
+ <div class="box">
+ <p dir="rtl">.-=&#x05d0;&#x05d1;&#x05d2;ABC.</p>
+ </div>
+ </body>
+</html>
View
40 html5/dir-auto/dir_auto-R-ref.html
@@ -0,0 +1,40 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8">
+ <title>HTML Test: dir=auto, start with R</title>
+ <link rel="reference" href="dir_auto-R-ref.html">
+ <link rel="author" title="Matitiahu Allouche" href="mailto:matitiahu.allouche@google.com">
+ <link rel="author" title="Oren Roth" href="mailto:oren.roth@gmail.com">
+ <link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com">
+ <link rel="help" href="http://dev.w3.org/html5/spec/Overview.html#the-dir-attribute">
+ <meta name="assert" content="
+ When dir='auto', the direction is set according to the first strong character
+ of the text.
+ In this test, it is the Hebrew letter Alef, thus the direction must be
+ resolved as RTL.">
+ <style>
+ body{
+ font-size:2em;
+ }
+ .box {
+ border: medium solid gray;
+ width: 400px;
+ margin: 20px;
+ }
+ </style>
+ </head>
+ <body>
+ The two boxes below should look exactly the same.
+ <!-- Key to entities used below:
+ &#x05D0; - The Hebrew letter Alef (strongly RTL).
+ &#x05D1; - The Hebrew letter Bet (strongly RTL).
+ &#x05D2; - The Hebrew letter Gimel (strongly RTL). -->
+ <div class="box">
+ <p dir="rtl">&#x05d0;&#x05d1;&#x05d2;ABC.</p>
+ </div>
+ <div class="box">
+ <p dir="rtl">&#x05d0;&#x05d1;&#x05d2;ABC.</p>
+ </div>
+ </body>
+</html>
View
40 html5/dir-auto/dir_auto-R.html
@@ -0,0 +1,40 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8">
+ <title>HTML Test: dir=auto, start with R</title>
+ <link rel="reference" href="dir_auto-R-ref.html">
+ <link rel="author" title="Matitiahu Allouche" href="mailto:matitiahu.allouche@google.com">
+ <link rel="author" title="Oren Roth" href="mailto:oren.roth@gmail.com">
+ <link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com">
+ <link rel="help" href="http://dev.w3.org/html5/spec/Overview.html#the-dir-attribute">
+ <meta name="assert" content="
+ When dir='auto', the direction is set according to the first strong character
+ of the text.
+ In this test, it is the Hebrew letter Alef, thus the direction must be
+ resolved as RTL.">
+ <style>
+ body{
+ font-size:2em;
+ }
+ .box {
+ border: medium solid gray;
+ width: 400px;
+ margin: 20px;
+ }
+ </style>
+ </head>
+ <body>
+ The two boxes below should look exactly the same.
+ <!-- Key to entities used below:
+ &#x05D0; - The Hebrew letter Alef (strongly RTL).
+ &#x05D1; - The Hebrew letter Bet (strongly RTL).
+ &#x05D2; - The Hebrew letter Gimel (strongly RTL). -->
+ <div class="box">
+ <p dir="auto">&#x05d0;&#x05d1;&#x05d2;ABC.</p>
+ </div>
+ <div class="box">
+ <p dir="rtl">&#x05d0;&#x05d1;&#x05d2;ABC.</p>
+ </div>
+ </body>
+</html>
View
44 html5/dir-auto/dir_auto-contained-L-ref.html
@@ -0,0 +1,44 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8">
+ <title>HTML Test: dir=auto, start with L within contained element</title>
+ <link rel="reference" href="dir_auto-contained-L-ref.html">
+ <link rel="author" title="Matitiahu Allouche" href="mailto:matitiahu.allouche@google.com">
+ <link rel="author" title="Oren Roth" href="mailto:oren.roth@gmail.com">
+ <link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com">
+ <link rel="help" href="http://dev.w3.org/html5/spec/Overview.html#the-dir-attribute">
+ <meta name="assert" content="
+ When dir='auto', the direction is set according to the first strong character
+ of the text, including text within contained elements.
+ In this test, it is the Latin letter A, thus the direction must be
+ resolved as LTR.">
+ <style>
+ body{
+ font-size:2em;
+ }
+ .box {
+ border: medium solid gray;
+ width: 400px;
+ margin: 20px;
+ }
+ </style>
+ </head>
+ <body>
+ The two boxes below should look exactly the same.
+ <!-- Key to entities used below:
+ &#x05D0; - The Hebrew letter Alef (strongly RTL).
+ &#x05D1; - The Hebrew letter Bet (strongly RTL).
+ &#x05D2; - The Hebrew letter Gimel (strongly RTL).
+ &#x05D3; - The Hebrew letter Dalet (strongly RTL).
+ &#x05D4; - The Hebrew letter He (strongly RTL).
+ &#x05D5; - The Hebrew letter Vav (strongly RTL).
+ &#x05D6; - The Hebrew letter Zayin (strongly RTL). -->
+ <div class="box">
+ <div dir="ltr"><div><p>ABC&#x05d0;&#x05d1;&#x05d2;.</p>&#x05d3;&#x05d4;</div>&#x05d5;</div>
+ </div>
+ <div class="box">
+ <div dir="ltr"><div><p>ABC&#x05d0;&#x05d1;&#x05d2;.</p>&#x05d3;&#x05d4;</div>&#x05d5;</div>
+ </div>
+ </body>
+</html>
View
44 html5/dir-auto/dir_auto-contained-L.html
@@ -0,0 +1,44 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8">
+ <title>HTML Test: dir=auto, start with L within contained element</title>
+ <link rel="reference" href="dir_auto-contained-L-ref.html">
+ <link rel="author" title="Matitiahu Allouche" href="mailto:matitiahu.allouche@google.com">
+ <link rel="author" title="Oren Roth" href="mailto:oren.roth@gmail.com">
+ <link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com">
+ <link rel="help" href="http://dev.w3.org/html5/spec/Overview.html#the-dir-attribute">
+ <meta name="assert" content="
+ When dir='auto', the direction is set according to the first strong character
+ of the text, including text within contained elements.
+ In this test, it is the Latin letter A, thus the direction must be
+ resolved as LTR.">
+ <style>
+ body{
+ font-size:2em;
+ }
+ .box {
+ border: medium solid gray;
+ width: 400px;
+ margin: 20px;
+ }
+ </style>
+ </head>
+ <body>
+ The two boxes below should look exactly the same.
+ <!-- Key to entities used below:
+ &#x05D0; - The Hebrew letter Alef (strongly RTL).
+ &#x05D1; - The Hebrew letter Bet (strongly RTL).
+ &#x05D2; - The Hebrew letter Gimel (strongly RTL).
+ &#x05D3; - The Hebrew letter Dalet (strongly RTL).
+ &#x05D4; - The Hebrew letter He (strongly RTL).
+ &#x05D5; - The Hebrew letter Vav (strongly RTL).
+ &#x05D6; - The Hebrew letter Zayin (strongly RTL). -->
+ <div class="box">
+ <div dir="auto"><div><p>ABC&#x05d0;&#x05d1;&#x05d2;.</p>&#x05d3;&#x05d4;</div>&#x05d5;</div>
+ </div>
+ <div class="box">
+ <div dir="ltr"><div><p>ABC&#x05d0;&#x05d1;&#x05d2;.</p>&#x05d3;&#x05d4;</div>&#x05d5;</div>
+ </div>
+ </body>
+</html>
View
40 html5/dir-auto/dir_auto-contained-R-ref.html
@@ -0,0 +1,40 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8">
+ <title>HTML Test: dir=auto, start with R within contained element</title>
+ <link rel="reference" href="dir_auto-contained-R-ref.html">
+ <link rel="author" title="Matitiahu Allouche" href="mailto:matitiahu.allouche@google.com">
+ <link rel="author" title="Oren Roth" href="mailto:oren.roth@gmail.com">
+ <link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com">
+ <link rel="help" href="http://dev.w3.org/html5/spec/Overview.html#the-dir-attribute">
+ <meta name="assert" content="
+ When dir='auto', the direction is set according to the first strong character
+ of the text, including text within contained elements.
+ In this test, it is the Hebrew letter Alef, thus the direction must be
+ resolved as RTL.">
+ <style>
+ body{
+ font-size:2em;
+ }
+ .box {
+ border: medium solid gray;
+ width: 400px;
+ margin: 20px;
+ }
+ </style>
+ </head>
+ <body>
+ The two boxes below should look exactly the same.
+ <!-- Key to entities used below:
+ &#x05D0; - The Hebrew letter Alef (strongly RTL).
+ &#x05D1; - The Hebrew letter Bet (strongly RTL).
+ &#x05D2; - The Hebrew letter Gimel (strongly RTL). -->
+ <div class="box">
+ <div dir="rtl"><div><p>&#x05d0;&#x05d1;&#x05d2;ABC.</p>XY</div>Z</div>
+ </div>
+ <div class="box">
+ <div dir="rtl"><div><p>&#x05d0;&#x05d1;&#x05d2;ABC.</p>XY</div>Z</div>
+ </div>
+ </body>
+</html>
View
40 html5/dir-auto/dir_auto-contained-R.html
@@ -0,0 +1,40 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8">
+ <title>HTML Test: dir=auto, start with R within contained element</title>
+ <link rel="reference" href="dir_auto-contained-R-ref.html">
+ <link rel="author" title="Matitiahu Allouche" href="mailto:matitiahu.allouche@google.com">
+ <link rel="author" title="Oren Roth" href="mailto:oren.roth@gmail.com">
+ <link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com">
+ <link rel="help" href="http://dev.w3.org/html5/spec/Overview.html#the-dir-attribute">
+ <meta name="assert" content="
+ When dir='auto', the direction is set according to the first strong character
+ of the text, including text within contained elements.
+ In this test, it is the Hebrew letter Alef, thus the direction must be
+ resolved as RTL.">
+ <style>
+ body{
+ font-size:2em;
+ }
+ .box {
+ border: medium solid gray;
+ width: 400px;
+ margin: 20px;
+ }
+ </style>
+ </head>
+ <body>
+ The two boxes below should look exactly the same.
+ <!-- Key to entities used below:
+ &#x05D0; - The Hebrew letter Alef (strongly RTL).
+ &#x05D1; - The Hebrew letter Bet (strongly RTL).
+ &#x05D2; - The Hebrew letter Gimel (strongly RTL). -->
+ <div class="box">
+ <div dir="auto"><div><p>&#x05d0;&#x05d1;&#x05d2;ABC.</p>XY</div>Z</div>
+ </div>
+ <div class="box">
+ <div dir="rtl"><div><p>&#x05d0;&#x05d1;&#x05d2;ABC.</p>XY</div>Z</div>
+ </div>
+ </body>
+</html>
View
43 html5/dir-auto/dir_auto-contained-bdi-L-ref.html
@@ -0,0 +1,43 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8">
+ <title>HTML Test: dir=auto, start with bdi, then L</title>
+ <link rel="reference" href="dir_auto-contained-bdi-L-ref.html">
+ <link rel="author" title="Matitiahu Allouche" href="mailto:matitiahu.allouche@google.com">
+ <link rel="author" title="Oren Roth" href="mailto:oren.roth@gmail.com">
+ <link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com">
+ <link rel="help" href="http://dev.w3.org/html5/spec/Overview.html#the-dir-attribute">
+ <meta name="assert" content="
+ When dir='auto', the direction is set according to the first strong character
+ of the text while ignoring bdi elements.
+ In this test, it is the Latin letter A, thus the direction must be
+ resolved as LTR.">
+ <style>
+ body{
+ font-size:2em;
+ }
+ .box {
+ border: medium solid gray;
+ width: 400px;
+ margin: 20px;
+ }
+ </style>
+ </head>
+ <body>
+ The two boxes below should look exactly the same.
+ <!-- Key to entities used below:
+ &#x05D0; - The Hebrew letter Alef (strongly RTL).
+ &#x05D1; - The Hebrew letter Bet (strongly RTL).
+ &#x05D2; - The Hebrew letter Gimel (strongly RTL).
+ &#x05D3; - The Hebrew letter Dalet (strongly RTL).
+ &#x05D4; - The Hebrew letter He (strongly RTL).
+ &#x05D5; - The Hebrew letter Vav (strongly RTL). -->
+ <div class="box">
+ <div dir="ltr"><bdi>&#x05d3;&#x05d4;&#x05d5;</bdi>ABC&#x05d0;&#x05d1;&#x05d2;.</div>
+ </div>
+ <div class="box">
+ <div dir="ltr"><bdi>&#x05d3;&#x05d4;&#x05d5;</bdi>ABC&#x05d0;&#x05d1;&#x05d2;.</div>
+ </div>
+ </body>
+</html>
View
43 html5/dir-auto/dir_auto-contained-bdi-L.html
@@ -0,0 +1,43 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8">
+ <title>HTML Test: dir=auto, start with bdi, then L</title>
+ <link rel="reference" href="dir_auto-contained-bdi-L-ref.html">
+ <link rel="author" title="Matitiahu Allouche" href="mailto:matitiahu.allouche@google.com">
+ <link rel="author" title="Oren Roth" href="mailto:oren.roth@gmail.com">
+ <link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com">
+ <link rel="help" href="http://dev.w3.org/html5/spec/Overview.html#the-dir-attribute">
+ <meta name="assert" content="
+ When dir='auto', the direction is set according to the first strong character
+ of the text while ignoring bdi elements.
+ In this test, it is the Latin letter A, thus the direction must be
+ resolved as LTR.">
+ <style>
+ body{
+ font-size:2em;
+ }
+ .box {
+ border: medium solid gray;
+ width: 400px;
+ margin: 20px;
+ }
+ </style>
+ </head>
+ <body>
+ The two boxes below should look exactly the same.
+ <!-- Key to entities used below:
+ &#x05D0; - The Hebrew letter Alef (strongly RTL).
+ &#x05D1; - The Hebrew letter Bet (strongly RTL).
+ &#x05D2; - The Hebrew letter Gimel (strongly RTL).
+ &#x05D3; - The Hebrew letter Dalet (strongly RTL).
+ &#x05D4; - The Hebrew letter He (strongly RTL).
+ &#x05D5; - The Hebrew letter Vav (strongly RTL). -->
+ <div class="box">
+ <div dir="auto"><bdi>&#x05d3;&#x05d4;&#x05d5;</bdi>ABC&#x05d0;&#x05d1;&#x05d2;.</div>
+ </div>
+ <div class="box">
+ <div dir="ltr"><bdi>&#x05d3;&#x05d4;&#x05d5;</bdi>ABC&#x05d0;&#x05d1;&#x05d2;.</div>
+ </div>
+ </body>
+</html>
View
40 html5/dir-auto/dir_auto-contained-bdi-R-ref.html
@@ -0,0 +1,40 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8">
+ <title>HTML Test: dir=auto, start with bdi, then R</title>
+ <link rel="reference" href="dir_auto-contained-bdi-R-ref.html">
+ <link rel="author" title="Matitiahu Allouche" href="mailto:matitiahu.allouche@google.com">
+ <link rel="author" title="Oren Roth" href="mailto:oren.roth@gmail.com">
+ <link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com">
+ <link rel="help" href="http://dev.w3.org/html5/spec/Overview.html#the-dir-attribute">
+ <meta name="assert" content="
+ When dir='auto', the direction is set according to the first strong character
+ of the text while ignoring bdi elements.
+ In this test, it is the Hebrew letter Alef, thus the direction must be
+ resolved as RTL.">
+ <style>
+ body{
+ font-size:2em;
+ }
+ .box {
+ border: medium solid gray;
+ width: 400px;
+ margin: 20px;
+ }
+ </style>
+ </head>
+ <body>
+ The two boxes below should look exactly the same.
+ <!-- Key to entities used below:
+ &#x05D0; - The Hebrew letter Alef (strongly RTL).
+ &#x05D1; - The Hebrew letter Bet (strongly RTL).
+ &#x05D2; - The Hebrew letter Gimel (strongly RTL). -->
+ <div class="box">
+ <div dir="rtl"><bdi>DEF</bdi>&#x05d0;&#x05d1;&#x05d2;ABC.</div>
+ </div>
+ <div class="box">
+ <div dir="rtl"><bdi>DEF</bdi>&#x05d0;&#x05d1;&#x05d2;ABC.</div>
+ </div>
+ </body>
+</html>
View
40 html5/dir-auto/dir_auto-contained-bdi-R.html
@@ -0,0 +1,40 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8">
+ <title>HTML Test: dir=auto, start with bdi, then R</title>
+ <link rel="reference" href="dir_auto-contained-bdi-R-ref.html">
+ <link rel="author" title="Matitiahu Allouche" href="mailto:matitiahu.allouche@google.com">
+ <link rel="author" title="Oren Roth" href="mailto:oren.roth@gmail.com">
+ <link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com">
+ <link rel="help" href="http://dev.w3.org/html5/spec/Overview.html#the-dir-attribute">
+ <meta name="assert" content="
+ When dir='auto', the direction is set according to the first strong character
+ of the text while ignoring bdi elements.
+ In this test, it is the Hebrew letter Alef, thus the direction must be
+ resolved as RTL.">
+ <style>
+ body{
+ font-size:2em;
+ }
+ .box {
+ border: medium solid gray;
+ width: 400px;
+ margin: 20px;
+ }
+ </style>
+ </head>
+ <body>
+ The two boxes below should look exactly the same.
+ <!-- Key to entities used below:
+ &#x05D0; - The Hebrew letter Alef (strongly RTL).
+ &#x05D1; - The Hebrew letter Bet (strongly RTL).
+ &#x05D2; - The Hebrew letter Gimel (strongly RTL). -->
+ <div class="box">
+ <div dir="auto"><bdi>DEF</bdi>&#x05d0;&#x05d1;&#x05d2;ABC.</div>
+ </div>
+ <div class="box">
+ <div dir="rtl"><bdi>DEF</bdi>&#x05d0;&#x05d1;&#x05d2;ABC.</div>
+ </div>
+ </body>
+</html>
View
43 html5/dir-auto/dir_auto-contained-dir-L-ref.html
@@ -0,0 +1,43 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8">
+ <title>HTML Test: dir=auto, start with dir, then L</title>
+ <link rel="reference" href="dir_auto-contained-dir-L-ref.html">
+ <link rel="author" title="Matitiahu Allouche" href="mailto:matitiahu.allouche@google.com">
+ <link rel="author" title="Oren Roth" href="mailto:oren.roth@gmail.com">
+ <link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com">
+ <link rel="help" href="http://dev.w3.org/html5/spec/Overview.html#the-dir-attribute">
+ <meta name="assert" content="
+ When dir='auto', the direction is set according to the first strong character
+ of the text while ignoring contained elements with an explicit dir of their own.
+ In this test, it is the Latin letter A, thus the direction must be
+ resolved as LTR.">
+ <style>
+ body{
+ font-size:2em;
+ }
+ .box {
+ border: medium solid gray;
+ width: 400px;
+ margin: 20px;
+ }
+ </style>
+ </head>
+ <body>
+ The two boxes below should look exactly the same.
+ <!-- Key to entities used below:
+ &#x05D0; - The Hebrew letter Alef (strongly RTL).
+ &#x05D1; - The Hebrew letter Bet (strongly RTL).
+ &#x05D2; - The Hebrew letter Gimel (strongly RTL).
+ &#x05D3; - The Hebrew letter Dalet (strongly RTL).
+ &#x05D4; - The Hebrew letter He (strongly RTL).
+ &#x05D5; - The Hebrew letter Vav (strongly RTL). -->
+ <div class="box">
+ <div dir="ltr"><p dir="rtl">&#x05d3;&#x05d4;&#x05d5;</p>ABC&#x05d0;&#x05d1;&#x05d2;.</div>
+ </div>
+ <div class="box">
+ <div dir="ltr"><p dir="rtl">&#x05d3;&#x05d4;&#x05d5;</p>ABC&#x05d0;&#x05d1;&#x05d2;.</div>
+ </div>
+ </body>
+</html>
View
43 html5/dir-auto/dir_auto-contained-dir-L.html
@@ -0,0 +1,43 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8">
+ <title>HTML Test: dir=auto, start with dir, then L</title>
+ <link rel="reference" href="dir_auto-contained-dir-L-ref.html">
+ <link rel="author" title="Matitiahu Allouche" href="mailto:matitiahu.allouche@google.com">
+ <link rel="author" title="Oren Roth" href="mailto:oren.roth@gmail.com">
+ <link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com">
+ <link rel="help" href="http://dev.w3.org/html5/spec/Overview.html#the-dir-attribute">
+ <meta name="assert" content="
+ When dir='auto', the direction is set according to the first strong character
+ of the text while ignoring contained elements with an explicit dir of their own.
+ In this test, it is the Latin letter A, thus the direction must be
+ resolved as LTR.">
+ <style>
+ body{
+ font-size:2em;
+ }
+ .box {
+ border: medium solid gray;
+ width: 400px;
+ margin: 20px;
+ }
+ </style>
+ </head>
+ <body>
+ The two boxes below should look exactly the same.
+ <!-- Key to entities used below:
+ &#x05D0; - The Hebrew letter Alef (strongly RTL).
+ &#x05D1; - The Hebrew letter Bet (strongly RTL).
+ &#x05D2; - The Hebrew letter Gimel (strongly RTL).
+ &#x05D3; - The Hebrew letter Dalet (strongly RTL).
+ &#x05D4; - The Hebrew letter He (strongly RTL).
+ &#x05D5; - The Hebrew letter Vav (strongly RTL). -->
+ <div class="box">
+ <div dir="auto"><p dir="rtl">&#x05d3;&#x05d4;&#x05d5;</p>ABC&#x05d0;&#x05d1;&#x05d2;.</div>
+ </div>
+ <div class="box">
+ <div dir="ltr"><p dir="rtl">&#x05d3;&#x05d4;&#x05d5;</p>ABC&#x05d0;&#x05d1;&#x05d2;.</div>
+ </div>
+ </body>
+</html>
View
40 html5/dir-auto/dir_auto-contained-dir-R-ref.html
@@ -0,0 +1,40 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8">
+ <title>HTML Test: dir=auto, start with dir, then R</title>
+ <link rel="reference" href="dir_auto-contained-dir-R-ref.html">
+ <link rel="author" title="Matitiahu Allouche" href="mailto:matitiahu.allouche@google.com">
+ <link rel="author" title="Oren Roth" href="mailto:oren.roth@gmail.com">
+ <link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com">
+ <link rel="help" href="http://dev.w3.org/html5/spec/Overview.html#the-dir-attribute">
+ <meta name="assert" content="
+ When dir='auto', the direction is set according to the first strong character
+ of the text while ignoring contained elements with an explicit dir of their own.
+ In this test, it is the Hebrew letter Alef, thus the direction must be
+ resolved as RTL.">
+ <style>
+ body{
+ font-size:2em;
+ }
+ .box {
+ border: medium solid gray;
+ width: 400px;
+ margin: 20px;
+ }
+ </style>
+ </head>
+ <body>
+ The two boxes below should look exactly the same.
+ <!-- Key to entities used below:
+ &#x05D0; - The Hebrew letter Alef (strongly RTL).
+ &#x05D1; - The Hebrew letter Bet (strongly RTL).
+ &#x05D2; - The Hebrew letter Gimel (strongly RTL). -->
+ <div class="box">
+ <div dir="rtl"><p dir="ltr">DEF</p>&#x05d0;&#x05d1;&#x05d2;ABC.</div>
+ </div>
+ <div class="box">
+ <div dir="rtl"><p dir="ltr">DEF</p>&#x05d0;&#x05d1;&#x05d2;ABC.</div>
+ </div>
+ </body>
+</html>
View
40 html5/dir-auto/dir_auto-contained-dir-R.html
@@ -0,0 +1,40 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8">
+ <title>HTML Test: dir=auto, start with dir, then R</title>
+ <link rel="reference" href="dir_auto-contained-dir-R-ref.html">
+ <link rel="author" title="Matitiahu Allouche" href="mailto:matitiahu.allouche@google.com">
+ <link rel="author" title="Oren Roth" href="mailto:oren.roth@gmail.com">
+ <link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com">
+ <link rel="help" href="http://dev.w3.org/html5/spec/Overview.html#the-dir-attribute">
+ <meta name="assert" content="
+ When dir='auto', the direction is set according to the first strong character
+ of the text while ignoring contained elements with an explicit dir of their own.
+ In this test, it is the Hebrew letter Alef, thus the direction must be
+ resolved as RTL.">
+ <style>
+ body{
+ font-size:2em;
+ }
+ .box {
+ border: medium solid gray;
+ width: 400px;
+ margin: 20px;
+ }
+ </style>
+ </head>
+ <body>
+ The two boxes below should look exactly the same.
+ <!-- Key to entities used below:
+ &#x05D0; - The Hebrew letter Alef (strongly RTL).
+ &#x05D1; - The Hebrew letter Bet (strongly RTL).
+ &#x05D2; - The Hebrew letter Gimel (strongly RTL). -->
+ <div class="box">
+ <div dir="auto"><p dir="ltr">DEF</p>&#x05d0;&#x05d1;&#x05d2;ABC.</div>
+ </div>
+ <div class="box">
+ <div dir="rtl"><p dir="ltr">DEF</p>&#x05d0;&#x05d1;&#x05d2;ABC.</div>
+ </div>
+ </body>
+</html>
View
43 html5/dir-auto/dir_auto-contained-dir_auto-L-ref.html
@@ -0,0 +1,43 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8">
+ <title>HTML Test: dir=auto, start with dir=auto, then L</title>
+ <link rel="reference" href="dir_auto-contained-dir_auto-L-ref.html">
+ <link rel="author" title="Matitiahu Allouche" href="mailto:matitiahu.allouche@google.com">
+ <link rel="author" title="Oren Roth" href="mailto:oren.roth@gmail.com">
+ <link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com">
+ <link rel="help" href="http://dev.w3.org/html5/spec/Overview.html#the-dir-attribute">
+ <meta name="assert" content="
+ When dir='auto', the direction is set according to the first strong character
+ of the text while ignoring contained elements with an explicit dir of their own.
+ In this test, it is the Latin letter A, thus the direction must be
+ resolved as LTR.">
+ <style>
+ body{
+ font-size:2em;
+ }
+ .box {
+ border: medium solid gray;
+ width: 400px;
+ margin: 20px;
+ }
+ </style>
+ </head>
+ <body>
+ The two boxes below should look exactly the same.
+ <!-- Key to entities used below:
+ &#x05D0; - The Hebrew letter Alef (strongly RTL).
+ &#x05D1; - The Hebrew letter Bet (strongly RTL).
+ &#x05D2; - The Hebrew letter Gimel (strongly RTL).
+ &#x05D3; - The Hebrew letter Dalet (strongly RTL).
+ &#x05D4; - The Hebrew letter He (strongly RTL).
+ &#x05D5; - The Hebrew letter Vav (strongly RTL). -->
+ <div class="box">
+ <div dir="ltr"><p dir="rtl">&#x05d3;&#x05d4;&#x05d5;</p>ABC&#x05d0;&#x05d1;&#x05d2;.</div>
+ </div>
+ <div class="box">
+ <div dir="ltr"><p dir="rtl">&#x05d3;&#x05d4;&#x05d5;</p>ABC&#x05d0;&#x05d1;&#x05d2;.</div>
+ </div>
+ </body>
+</html>
View
43 html5/dir-auto/dir_auto-contained-dir_auto-L.html
@@ -0,0 +1,43 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8">
+ <title>HTML Test: dir=auto, start with dir=auto, then L</title>
+ <link rel="reference" href="dir_auto-contained-dir_auto-L-ref.html">
+ <link rel="author" title="Matitiahu Allouche" href="mailto:matitiahu.allouche@google.com">
+ <link rel="author" title="Oren Roth" href="mailto:oren.roth@gmail.com">
+ <link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com">
+ <link rel="help" href="http://dev.w3.org/html5/spec/Overview.html#the-dir-attribute">
+ <meta name="assert" content="
+ When dir='auto', the direction is set according to the first strong character
+ of the text while ignoring contained elements with an explicit dir of their own.
+ In this test, it is the Latin letter A, thus the direction must be
+ resolved as LTR.">
+ <style>
+ body{
+ font-size:2em;
+ }
+ .box {
+ border: medium solid gray;
+ width: 400px;
+ margin: 20px;
+ }
+ </style>
+ </head>
+ <body>
+ The two boxes below should look exactly the same.
+ <!-- Key to entities used below:
+ &#x05D0; - The Hebrew letter Alef (strongly RTL).
+ &#x05D1; - The Hebrew letter Bet (strongly RTL).
+ &#x05D2; - The Hebrew letter Gimel (strongly RTL).
+ &#x05D3; - The Hebrew letter Dalet (strongly RTL).
+ &#x05D4; - The Hebrew letter He (strongly RTL).
+ &#x05D5; - The Hebrew letter Vav (strongly RTL). -->
+ <div class="box">
+ <div dir="auto"><p dir="auto">&#x05d3;&#x05d4;&#x05d5;</p>ABC&#x05d0;&#x05d1;&#x05d2;.</div>
+ </div>
+ <div class="box">
+ <div dir="ltr"><p dir="rtl">&#x05d3;&#x05d4;&#x05d5;</p>ABC&#x05d0;&#x05d1;&#x05d2;.</div>
+ </div>
+ </body>
+</html>
View
40 html5/dir-auto/dir_auto-contained-dir_auto-R-ref.html
@@ -0,0 +1,40 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8">
+ <title>HTML Test: dir=auto, start with dir=auto, then R</title>
+ <link rel="reference" href="dir_auto-contained-dir_auto-R-ref.html">
+ <link rel="author" title="Matitiahu Allouche" href="mailto:matitiahu.allouche@google.com">
+ <link rel="author" title="Oren Roth" href="mailto:oren.roth@gmail.com">
+ <link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com">
+ <link rel="help" href="http://dev.w3.org/html5/spec/Overview.html#the-dir-attribute">
+ <meta name="assert" content="
+ When dir='auto', the direction is set according to the first strong character
+ of the text while ignoring contained elements with an explicit dir of their own.
+ In this test, it is the Hebrew letter Alef, thus the direction must be
+ resolved as RTL.">
+ <style>
+ body{
+ font-size:2em;
+ }
+ .box {
+ border: medium solid gray;
+ width: 400px;
+ margin: 20px;
+ }
+ </style>
+ </head>
+ <body>
+ The two boxes below should look exactly the same.
+ <!-- Key to entities used below:
+ &#x05D0; - The Hebrew letter Alef (strongly RTL).
+ &#x05D1; - The Hebrew letter Bet (strongly RTL).
+ &#x05D2; - The Hebrew letter Gimel (strongly RTL). -->
+ <div class="box">
+ <div dir="rtl"><p dir="ltr">DEF</p>.-=123&#x05d0;&#x05d1;&#x05d2;ABC.</div>
+ </div>
+ <div class="box">
+ <div dir="rtl"><p dir="ltr">DEF</p>.-=123&#x05d0;&#x05d1;&#x05d2;ABC.</div>
+ </div>
+ </body>
+</html>
View
40 html5/dir-auto/dir_auto-contained-dir_auto-R.html
@@ -0,0 +1,40 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8">
+ <title>HTML Test: dir=auto, start with dir=auto, then R</title>
+ <link rel="reference" href="dir_auto-contained-dir_auto-R-ref.html">
+ <link rel="author" title="Matitiahu Allouche" href="mailto:matitiahu.allouche@google.com">
+ <link rel="author" title="Oren Roth" href="mailto:oren.roth@gmail.com">
+ <link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com">
+ <link rel="help" href="http://dev.w3.org/html5/spec/Overview.html#the-dir-attribute">
+ <meta name="assert" content="
+ When dir='auto', the direction is set according to the first strong character
+ of the text while ignoring contained elements with an explicit dir of their own.
+ In this test, it is the Hebrew letter Alef, thus the direction must be
+ resolved as RTL.">
+ <style>
+ body{
+ font-size:2em;
+ }
+ .box {
+ border: medium solid gray;
+ width: 400px;
+ margin: 20px;
+ }
+ </style>
+ </head>
+ <body>
+ The two boxes below should look exactly the same.
+ <!-- Key to entities used below:
+ &#x05D0; - The Hebrew letter Alef (strongly RTL).
+ &#x05D1; - The Hebrew letter Bet (strongly RTL).
+ &#x05D2; - The Hebrew letter Gimel (strongly RTL). -->
+ <div class="box">
+ <div dir="auto"><p dir="auto">DEF</p>.-=123&#x05d0;&#x05d1;&#x05d2;ABC.</div>
+ </div>
+ <div class="box">
+ <div dir="rtl"><p dir="ltr">DEF</p>.-=123&#x05d0;&#x05d1;&#x05d2;ABC.</div>
+ </div>
+ </body>
+</html>
View
40 html5/dir-auto/dir_auto-contained-script-L-ref.html
@@ -0,0 +1,40 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8">
+ <title>HTML Test: dir=auto, start with script, then L</title>
+ <link rel="reference" href="dir_auto-contained-script-L-ref.html">
+ <link rel="author" title="Matitiahu Allouche" href="mailto:matitiahu.allouche@google.com">
+ <link rel="author" title="Oren Roth" href="mailto:oren.roth@gmail.com">
+ <link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com">
+ <link rel="help" href="http://dev.w3.org/html5/spec/Overview.html#the-dir-attribute">
+ <meta name="assert" content="
+ When dir='auto', the direction is set according to the first strong character
+ of descendant text while ignoring descendant script elements.
+ In this test, it is the Latin letter A, thus the direction must be
+ resolved as LTR.">
+ <style>
+ body{
+ font-size:2em;
+ }
+ .box {
+ border: medium solid gray;
+ width: 400px;
+ margin: 20px;
+ }
+ </style>
+ </head>
+ <body>
+ The two boxes below should look exactly the same.
+ <!-- Key to entities used below:
+ &#x05D0; - The Hebrew letter Alef (strongly RTL).
+ &#x05D1; - The Hebrew letter Bet (strongly RTL).
+ &#x05D2; - The Hebrew letter Gimel (strongly RTL). -->
+ <div class="box">
+ <div dir="ltr"><script>&#x05d0; = 3;</script>ABC&#x05d0;&#x05d1;&#x05d2;.</div>
+ </div>
+ <div class="box">
+ <div dir="ltr"><script>&#x05d0; = 3;</script>ABC&#x05d0;&#x05d1;&#x05d2;.</div>
+ </div>
+ </body>
+</html>
View
40 html5/dir-auto/dir_auto-contained-script-L.html
@@ -0,0 +1,40 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8">
+ <title>HTML Test: dir=auto, start with script, then L</title>
+ <link rel="reference" href="dir_auto-contained-script-L-ref.html">
+ <link rel="author" title="Matitiahu Allouche" href="mailto:matitiahu.allouche@google.com">
+ <link rel="author" title="Oren Roth" href="mailto:oren.roth@gmail.com">
+ <link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com">
+ <link rel="help" href="http://dev.w3.org/html5/spec/Overview.html#the-dir-attribute">
+ <meta name="assert" content="
+ When dir='auto', the direction is set according to the first strong character
+ of descendant text while ignoring descendant script elements.
+ In this test, it is the Latin letter A, thus the direction must be
+ resolved as LTR.">
+ <style>
+ body{
+ font-size:2em;
+ }
+ .box {
+ border: medium solid gray;
+ width: 400px;
+ margin: 20px;
+ }
+ </style>
+ </head>
+ <body>
+ The two boxes below should look exactly the same.
+ <!-- Key to entities used below:
+ &#x05D0; - The Hebrew letter Alef (strongly RTL).
+ &#x05D1; - The Hebrew letter Bet (strongly RTL).
+ &#x05D2; - The Hebrew letter Gimel (strongly RTL). -->
+ <div class="box">
+ <div dir="auto"><script>&#x05d0; = 3;</script>ABC&#x05d0;&#x05d1;&#x05d2;.</div>
+ </div>
+ <div class="box">
+ <div dir="ltr"><script>&#x05d0; = 3;</script>ABC&#x05d0;&#x05d1;&#x05d2;.</div>
+ </div>
+ </body>
+</html>
View
40 html5/dir-auto/dir_auto-contained-script-R-ref.html
@@ -0,0 +1,40 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8">
+ <title>HTML Test: dir=auto, start with script, then R</title>
+ <link rel="reference" href="dir_auto-contained-script-R-ref.html">
+ <link rel="author" title="Matitiahu Allouche" href="mailto:matitiahu.allouche@google.com">
+ <link rel="author" title="Oren Roth" href="mailto:oren.roth@gmail.com">
+ <link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com">
+ <link rel="help" href="http://dev.w3.org/html5/spec/Overview.html#the-dir-attribute">
+ <meta name="assert" content="
+ When dir='auto', the direction is set according to the first strong character
+ of descendant text while ignoring descendant script elements.
+ In this test, it is the Hebrew letter Alef, thus the direction must be
+ resolved as RTL.">
+ <style>
+ body{
+ font-size:2em;
+ }
+ .box {
+ border: medium solid gray;
+ width: 400px;
+ margin: 20px;
+ }
+ </style>
+ </head>
+ <body>
+ The two boxes below should look exactly the same.
+ <!-- Key to entities used below:
+ &#x05D0; - The Hebrew letter Alef (strongly RTL).
+ &#x05D1; - The Hebrew letter Bet (strongly RTL).
+ &#x05D2; - The Hebrew letter Gimel (strongly RTL). -->
+ <div class="box">
+ <div dir="rtl"><script>x = 3;</script>&#x05d0;&#x05d1;&#x05d2;ABC.</div>
+ </div>
+ <div class="box">
+ <div dir="rtl"><script>x = 3;</script>&#x05d0;&#x05d1;&#x05d2;ABC.</div>
+ </div>
+ </body>
+</html>
View
40 html5/dir-auto/dir_auto-contained-script-R.html
@@ -0,0 +1,40 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8">
+ <title>HTML Test: dir=auto, start with script, then R</title>
+ <link rel="reference" href="dir_auto-contained-script-R-ref.html">
+ <link rel="author" title="Matitiahu Allouche" href="mailto:matitiahu.allouche@google.com">
+ <link rel="author" title="Oren Roth" href="mailto:oren.roth@gmail.com">
+ <link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com">
+ <link rel="help" href="http://dev.w3.org/html5/spec/Overview.html#the-dir-attribute">
+ <meta name="assert" content="
+ When dir='auto', the direction is set according to the first strong character
+ of descendant text while ignoring descendant script elements.
+ In this test, it is the Hebrew letter Alef, thus the direction must be
+ resolved as RTL.">
+ <style>
+ body{
+ font-size:2em;
+ }
+ .box {
+ border: medium solid gray;
+ width: 400px;
+ margin: 20px;
+ }
+ </style>
+ </head>
+ <body>
+ The two boxes below should look exactly the same.
+ <!-- Key to entities used below:
+ &#x05D0; - The Hebrew letter Alef (strongly RTL).
+ &#x05D1; - The Hebrew letter Bet (strongly RTL).
+ &#x05D2; - The Hebrew letter Gimel (strongly RTL). -->
+ <div class="box">
+ <div dir="auto"><script>x = 3;</script>&#x05d0;&#x05d1;&#x05d2;ABC.</div>
+ </div>
+ <div class="box">
+ <div dir="rtl"><script>x = 3;</script>&#x05d0;&#x05d1;&#x05d2;ABC.</div>
+ </div>
+ </body>
+</html>
View
40 html5/dir-auto/dir_auto-contained-style-L-ref.html
@@ -0,0 +1,40 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8">
+ <title>HTML Test: dir=auto, start with style, then L</title>
+ <link rel="reference" href="dir_auto-contained-style-L-ref.html">
+ <link rel="author" title="Matitiahu Allouche" href="mailto:matitiahu.allouche@google.com">
+ <link rel="author" title="Oren Roth" href="mailto:oren.roth@gmail.com">
+ <link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com">
+ <link rel="help" href="http://dev.w3.org/html5/spec/Overview.html#the-dir-attribute">
+ <meta name="assert" content="
+ When dir='auto', the direction is set according to the first strong character
+ of descendant text while ignoring descendant style elements.
+ In this test, it is the Latin letter A, thus the direction must be
+ resolved as LTR.">
+ <style>
+ body{
+ font-size:2em;
+ }
+ .box {
+ border: medium solid gray;
+ width: 400px;
+ margin: 20px;
+ }
+ </style>
+ </head>
+ <body>
+ The two boxes below should look exactly the same.
+ <!-- Key to entities used below:
+ &#x05D0; - The Hebrew letter Alef (strongly RTL).
+ &#x05D1; - The Hebrew letter Bet (strongly RTL).
+ &#x05D2; - The Hebrew letter Gimel (strongly RTL). -->
+ <div class="box">
+ <div dir="ltr"><style>body{color:red;}</style>ABC&#x05d0;&#x05d1;&#x05d2;.</div>
+ </div>
+ <div class="box">
+ <div dir="ltr"><style>body{color:red;}</style>ABC&#x05d0;&#x05d1;&#x05d2;.</div>
+ </div>
+ </body>
+</html>
View
40 html5/dir-auto/dir_auto-contained-style-L.html
@@ -0,0 +1,40 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8">
+ <title>HTML Test: dir=auto, start with style, then L</title>
+ <link rel="reference" href="dir_auto-contained-style-L-ref.html">
+ <link rel="author" title="Matitiahu Allouche" href="mailto:matitiahu.allouche@google.com">
+ <link rel="author" title="Oren Roth" href="mailto:oren.roth@gmail.com">
+ <link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com">
+ <link rel="help" href="http://dev.w3.org/html5/spec/Overview.html#the-dir-attribute">
+ <meta name="assert" content="
+ When dir='auto', the direction is set according to the first strong character
+ of descendant text while ignoring descendant style elements.
+ In this test, it is the Latin letter A, thus the direction must be
+ resolved as LTR.">
+ <style>
+ body{
+ font-size:2em;
+ }
+ .box {
+ border: medium solid gray;
+ width: 400px;
+ margin: 20px;
+ }
+ </style>
+ </head>
+ <body>
+ The two boxes below should look exactly the same.
+ <!-- Key to entities used below:
+ &#x05D0; - The Hebrew letter Alef (strongly RTL).
+ &#x05D1; - The Hebrew letter Bet (strongly RTL).
+ &#x05D2; - The Hebrew letter Gimel (strongly RTL). -->
+ <div class="box">
+ <div dir="auto"><style>body{color:red;}</style>ABC&#x05d0;&#x05d1;&#x05d2;.</div>
+ </div>
+ <div class="box">
+ <div dir="ltr"><style>body{color:red;}</style>ABC&#x05d0;&#x05d1;&#x05d2;.</div>
+ </div>
+ </body>
+</html>
View
40 html5/dir-auto/dir_auto-contained-style-R-ref.html
@@ -0,0 +1,40 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8">
+ <title>HTML Test: dir=auto, start with style, then R</title>
+ <link rel="reference" href="dir_auto-contained-style-R-ref.html">
+ <link rel="author" title="Matitiahu Allouche" href="mailto:matitiahu.allouche@google.com">
+ <link rel="author" title="Oren Roth" href="mailto:oren.roth@gmail.com">
+ <link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com">
+ <link rel="help" href="http://dev.w3.org/html5/spec/Overview.html#the-dir-attribute">
+ <meta name="assert" content="
+ When dir='auto', the direction is set according to the first strong character
+ of descendant text while ignoring descendant style elements.
+ In this test, it is the Hebrew letter Alef, thus the direction must be
+ resolved as RTL.">
+ <style>
+ body{
+ font-size:2em;
+ }
+ .box {
+ border: medium solid gray;
+ width: 400px;
+ margin: 20px;
+ }
+ </style>
+ </head>
+ <body>
+ The two boxes below should look exactly the same.
+ <!-- Key to entities used below:
+ &#x05D0; - The Hebrew letter Alef (strongly RTL).
+ &#x05D1; - The Hebrew letter Bet (strongly RTL).
+ &#x05D2; - The Hebrew letter Gimel (strongly RTL). -->
+ <div class="box">
+ <div dir="rtl"><style>body{color:blue;}</style>&#x05d0;&#x05d1;&#x05d2;ABC.</div>
+ </div>
+ <div class="box">
+ <div dir="rtl"><style>body{color:blue;}</style>&#x05d0;&#x05d1;&#x05d2;ABC.</div>
+ </div>
+ </body>
+</html>
View
40 html5/dir-auto/dir_auto-contained-style-R.html
@@ -0,0 +1,40 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8">
+ <title>HTML Test: dir=auto, start with style, then R</title>
+ <link rel="reference" href="dir_auto-contained-style-R-ref.html">
+ <link rel="author" title="Matitiahu Allouche" href="mailto:matitiahu.allouche@google.com">
+ <link rel="author" title="Oren Roth" href="mailto:oren.roth@gmail.com">
+ <link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com">
+ <link rel="help" href="http://dev.w3.org/html5/spec/Overview.html#the-dir-attribute">
+ <meta name="assert" content="
+ When dir='auto', the direction is set according to the first strong character
+ of descendant text while ignoring descendant style elements.
+ In this test, it is the Hebrew letter Alef, thus the direction must be
+ resolved as RTL.">
+ <style>
+ body{
+ font-size:2em;
+ }
+ .box {
+ border: medium solid gray;
+ width: 400px;
+ margin: 20px;
+ }
+ </style>
+ </head>
+ <body>
+ The two boxes below should look exactly the same.
+ <!-- Key to entities used below:
+ &#x05D0; - The Hebrew letter Alef (strongly RTL).
+ &#x05D1; - The Hebrew letter Bet (strongly RTL).
+ &#x05D2; - The Hebrew letter Gimel (strongly RTL). -->
+ <div class="box">
+ <div dir="auto"><style>body{color:blue;}</style>&#x05d0;&#x05d1;&#x05d2;ABC.</div>
+ </div>
+ <div class="box">
+ <div dir="rtl"><style>body{color:blue;}</style>&#x05d0;&#x05d1;&#x05d2;ABC.</div>
+ </div>
+ </body>
+</html>
View
43 html5/dir-auto/dir_auto-contained-textarea-L-ref.html
@@ -0,0 +1,43 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8">
+ <title>HTML Test: dir=auto, start with textarea, then L</title>
+ <link rel="reference" href="dir_auto-contained-textarea-L-ref.html">
+ <link rel="author" title="Matitiahu Allouche" href="mailto:matitiahu.allouche@google.com">
+ <link rel="author" title="Oren Roth" href="mailto:oren.roth@gmail.com">
+ <link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com">
+ <link rel="help" href="http://dev.w3.org/html5/spec/Overview.html#the-dir-attribute">
+ <meta name="assert" content="
+ When dir='auto', the direction is set according to the first strong character
+ of descendant text while ignoring descendant textarea elements.
+ In this test, it is the Latin letter A, thus the direction must be
+ resolved as LTR.">
+ <style>
+ body{
+ font-size:2em;
+ }
+ .box {
+ border: medium solid gray;
+ width: 400px;
+ margin: 20px;
+ }
+ </style>
+ </head>
+ <body>
+ The two boxes below should look exactly the same.
+ <!-- Key to entities used below:
+ &#x05D0; - The Hebrew letter Alef (strongly RTL).
+ &#x05D1; - The Hebrew letter Bet (strongly RTL).
+ &#x05D2; - The Hebrew letter Gimel (strongly RTL).
+ &#x05D3; - The Hebrew letter Dalet (strongly RTL).
+ &#x05D4; - The Hebrew letter He (strongly RTL).
+ &#x05D5; - The Hebrew letter Vav (strongly RTL). -->
+ <div class="box">
+ <div dir="ltr"><textarea>&#x05d3;&#x05d4;&#x05d5;</textarea>ABC&#x05d0;&#x05d1;&#x05d2;.</div>
+ </div>
+ <div class="box">
+ <div dir="ltr"><textarea>&#x05d3;&#x05d4;&#x05d5;</textarea>ABC&#x05d0;&#x05d1;&#x05d2;.</div>
+ </div>
+ </body>
+</html>
View
43 html5/dir-auto/dir_auto-contained-textarea-L.html
@@ -0,0 +1,43 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8">
+ <title>HTML Test: dir=auto, start with textarea, then L</title>
+ <link rel="reference" href="dir_auto-contained-textarea-L-ref.html">
+ <link rel="author" title="Matitiahu Allouche" href="mailto:matitiahu.allouche@google.com">
+ <link rel="author" title="Oren Roth" href="mailto:oren.roth@gmail.com">
+ <link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com">
+ <link rel="help" href="http://dev.w3.org/html5/spec/Overview.html#the-dir-attribute">
+ <meta name="assert" content="
+ When dir='auto', the direction is set according to the first strong character
+ of descendant text while ignoring descendant textarea elements.
+ In this test, it is the Latin letter A, thus the direction must be
+ resolved as LTR.">
+ <style>
+ body{
+ font-size:2em;
+ }
+ .box {
+ border: medium solid gray;
+ width: 400px;
+ margin: 20px;
+ }
+ </style>
+ </head>
+ <body>
+ The two boxes below should look exactly the same.
+ <!-- Key to entities used below:
+ &#x05D0; - The Hebrew letter Alef (strongly RTL).
+ &#x05D1; - The Hebrew letter Bet (strongly RTL).
+ &#x05D2; - The Hebrew letter Gimel (strongly RTL).
+ &#x05D3; - The Hebrew letter Dalet (strongly RTL).
+ &#x05D4; - The Hebrew letter He (strongly RTL).
+ &#x05D5; - The Hebrew letter Vav (strongly RTL). -->
+ <div class="box">
+ <div dir="auto"><textarea>&#x05d3;&#x05d4;&#x05d5;</textarea>ABC&#x05d0;&#x05d1;&#x05d2;.</div>
+ </div>
+ <div class="box">
+ <div dir="ltr"><textarea>&#x05d3;&#x05d4;&#x05d5;</textarea>ABC&#x05d0;&#x05d1;&#x05d2;.</div>
+ </div>
+ </body>
+</html>
View
40 html5/dir-auto/dir_auto-contained-textarea-R-ref.html
@@ -0,0 +1,40 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8">
+ <title>HTML Test: dir=auto, start with textarea, then R</title>
+ <link rel="reference" href="dir_auto-contained-textarea-R-ref.html">
+ <link rel="author" title="Matitiahu Allouche" href="mailto:matitiahu.allouche@google.com">
+ <link rel="author" title="Oren Roth" href="mailto:oren.roth@gmail.com">
+ <link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com">
+ <link rel="help" href="http://dev.w3.org/html5/spec/Overview.html#the-dir-attribute">
+ <meta name="assert" content="
+ When dir='auto', the direction is set according to the first strong character
+ of descendant text while ignoring descendant textarea elements.
+ In this test, it is the Hebrew letter Alef, thus the direction must be
+ resolved as RTL.">
+ <style>
+ body{
+ font-size:2em;
+ }
+ .box {
+ border: medium solid gray;
+ width: 400px;
+ margin: 20px;
+ }
+ </style>
+ </head>
+ <body>
+ The two boxes below should look exactly the same.
+ <!-- Key to entities used below:
+ &#x05D0; - The Hebrew letter Alef (strongly RTL).
+ &#x05D1; - The Hebrew letter Bet (strongly RTL).
+ &#x05D2; - The Hebrew letter Gimel (strongly RTL). -->
+ <div class="box">
+ <div dir="auto"><textarea>DEF</textarea>&#x05d0;&#x05d1;&#x05d2;ABC.</div>
+ </div>
+ <div class="box">
+ <div dir="rtl"><textarea>DEF</textarea>&#x05d0;&#x05d1;&#x05d2;ABC.</div>
+ </div>
+ </body>
+</html>
View
40 html5/dir-auto/dir_auto-contained-textarea-R.html
@@ -0,0 +1,40 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8">
+ <title>HTML Test: dir=auto, start with textarea, then R</title>
+ <link rel="reference" href="dir_auto-contained-textarea-R-ref.html">
+ <link rel="author" title="Matitiahu Allouche" href="mailto:matitiahu.allouche@google.com">
+ <link rel="author" title="Oren Roth" href="mailto:oren.roth@gmail.com">
+ <link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com">
+ <link rel="help" href="http://dev.w3.org/html5/spec/Overview.html#the-dir-attribute">
+ <meta name="assert" content="
+ When dir='auto', the direction is set according to the first strong character
+ of descendant text while ignoring descendant textarea elements.
+ In this test, it is the Hebrew letter Alef, thus the direction must be
+ resolved as RTL.">
+ <style>
+ body{
+ font-size:2em;
+ }
+ .box {
+ border: medium solid gray;
+ width: 400px;
+ margin: 20px;
+ }
+ </style>
+ </head>
+ <body>
+ The two boxes below should look exactly the same.
+ <!-- Key to entities used below:
+ &#x05D0; - The Hebrew letter Alef (strongly RTL).
+ &#x05D1; - The Hebrew letter Bet (strongly RTL).
+ &#x05D2; - The Hebrew letter Gimel (strongly RTL). -->
+ <div class="box">
+ <div dir="auto"><textarea>DEF</textarea>&#x05d0;&#x05d1;&#x05d2;ABC.</div>
+ </div>
+ <div class="box">
+ <div dir="rtl"><textarea>DEF</textarea>&#x05d0;&#x05d1;&#x05d2;ABC.</div>
+ </div>
+ </body>
+</html>
View
38 html5/dir-auto/dir_auto-isolate_L-ref.html
@@ -0,0 +1,38 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8">
+ <title>HTML Test: dir=auto, isolated in LTR text</title>
+ <link rel="reference" href="dir_auto-isolate_L-ref.html">
+ <link rel="author" title="Matitiahu Allouche" href="mailto:matitiahu.allouche@google.com">
+ <link rel