From 3b94ddb5d68aad5852595d0189700d219a800dff Mon Sep 17 00:00:00 2001
From: Shai Berger <shai@platonix.com>
Date: Mon, 23 Jan 2012 19:44:28 +0200
Subject: [PATCH] Add tests for input field with dir=auto filled by script

---
 .../dir_auto-input-script-EN-L-ref.html       | 42 +++++++++++++++
 .../dir-auto/dir_auto-input-script-EN-L.html  | 54 +++++++++++++++++++
 .../dir_auto-input-script-EN-R-ref.html       | 40 ++++++++++++++
 .../dir-auto/dir_auto-input-script-EN-R.html  | 52 ++++++++++++++++++
 .../dir-auto/dir_auto-input-script-L-ref.html | 42 +++++++++++++++
 html5/dir-auto/dir_auto-input-script-L.html   | 54 +++++++++++++++++++
 .../dir-auto/dir_auto-input-script-R-ref.html | 40 ++++++++++++++
 html5/dir-auto/dir_auto-input-script-R.html   | 52 ++++++++++++++++++
 8 files changed, 376 insertions(+)
 create mode 100644 html5/dir-auto/dir_auto-input-script-EN-L-ref.html
 create mode 100644 html5/dir-auto/dir_auto-input-script-EN-L.html
 create mode 100644 html5/dir-auto/dir_auto-input-script-EN-R-ref.html
 create mode 100644 html5/dir-auto/dir_auto-input-script-EN-R.html
 create mode 100644 html5/dir-auto/dir_auto-input-script-L-ref.html
 create mode 100644 html5/dir-auto/dir_auto-input-script-L.html
 create mode 100644 html5/dir-auto/dir_auto-input-script-R-ref.html
 create mode 100644 html5/dir-auto/dir_auto-input-script-R.html
diff --git a/html5/dir-auto/dir_auto-input-script-EN-L-ref.html b/html5/dir-auto/dir_auto-input-script-EN-L-ref.html
new file mode 100644
index 0000000..ed02ec8
--- /dev/null
+++ b/html5/dir-auto/dir_auto-input-script-EN-L-ref.html
@@ -0,0 +1,42 @@
+<!doctype html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>HTML Test: input with dir=auto, start with EN+L</title>
+    <link rel="reference" href="dir_auto-input-script-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="Shai Berger" href="mailto:shai@platonix.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 of an input element is set according to
+      the first strong character of its value.
+      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;
+	display: block;
+      }
+    </style>
+  </head>
+  <body>
+    All input fields below should look exactly the same.
+   <div dir="rtl">
+    <!-- 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). -->
+    <input class="box" type="text" dir="ltr" value="123ABC&#x05d0;&#x05d1;&#x05d2;.">
+    <input class="box" type="text" dir="ltr" value="123ABC&#x05d0;&#x05d1;&#x05d2;.">
+    <input class="box" type="text" dir="ltr" value="123ABC&#x05d0;&#x05d1;&#x05d2;.">
+    <input class="box" type="text" dir="ltr" value="123ABC&#x05d0;&#x05d1;&#x05d2;.">
+   </div>
+  </body>
+</html>
diff --git a/html5/dir-auto/dir_auto-input-script-EN-L.html b/html5/dir-auto/dir_auto-input-script-EN-L.html
new file mode 100644
index 0000000..371f5fe
--- /dev/null
+++ b/html5/dir-auto/dir_auto-input-script-EN-L.html
@@ -0,0 +1,54 @@
+<!doctype html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>HTML Test: input with dir=auto, start with EN+L</title>
+    <link rel="reference" href="dir_auto-input-script-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="Shai Berger" href="mailto:shai@platonix.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 of an input element is set according to
+      the first strong character of its value.
+      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;
+	display: block;
+      }
+    </style>
+    <script language="javascript">
+      function load_control(id, text) {
+          document.getElementById(id).value = text;
+      }
+      function load_controls() {
+          var text = document.getElementById('the_text').value;
+          load_control('init_empty', text);
+          load_control('init_LTR', text);
+          load_control('init_RTL', text);
+      }
+    </script>
+  </head>
+  <body onload="load_controls()">
+    All input fields below should look exactly the same.
+   <div dir="rtl">
+    <!-- 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). -->
+      <input class="box" type="text" id="init_empty" dir="auto" value="">
+      <input class="box" type="text" id="init_LTR" dir="auto" value="ABC">
+      <input class="box" type="text" id="init_RTL" dir="auto" value="&#x05d0;&#x05d1;&#x05d2;">
+      <input type="hidden" id="the_text" value="123ABC&#x05d0;&#x05d1;&#x05d2;.">
+      <input class="box" type="text" dir="ltr" value="123ABC&#x05d0;&#x05d1;&#x05d2;.">
+   </div>
+  </body>
+</html>
diff --git a/html5/dir-auto/dir_auto-input-script-EN-R-ref.html b/html5/dir-auto/dir_auto-input-script-EN-R-ref.html
new file mode 100644
index 0000000..6c79b3b
--- /dev/null
+++ b/html5/dir-auto/dir_auto-input-script-EN-R-ref.html
@@ -0,0 +1,40 @@
+<!doctype html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>HTML Test: input with dir=auto, start with EN+R</title>
+    <link rel="reference" href="dir_auto-input-script-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="Shai Berger" href="mailto:shai@platonix.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 of an input element is set according to
+      the first strong character of its value.
+      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;
+	display: block;
+      }
+    </style>
+  </head>
+  <body>
+    The two input fields 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). -->
+    <input class="box" type="text" dir="rtl" value="123&#x05d0;&#x05d1;&#x05d2;ABC.">
+    <input class="box" type="text" dir="rtl" value="123&#x05d0;&#x05d1;&#x05d2;ABC.">
+    <input class="box" type="text" dir="rtl" value="123&#x05d0;&#x05d1;&#x05d2;ABC.">
+    <input class="box" type="text" dir="rtl" value="123&#x05d0;&#x05d1;&#x05d2;ABC.">
+  </body>
+</html>
diff --git a/html5/dir-auto/dir_auto-input-script-EN-R.html b/html5/dir-auto/dir_auto-input-script-EN-R.html
new file mode 100644
index 0000000..8b9adc7
--- /dev/null
+++ b/html5/dir-auto/dir_auto-input-script-EN-R.html
@@ -0,0 +1,52 @@
+<!doctype html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>HTML Test: input with dir=auto, start with EN+R</title>
+    <link rel="reference" href="dir_auto-input-script-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="Shai Berger" href="mailto:shai@platonix.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 of an input element is set according to
+      the first strong character of its value.
+      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;
+	display: block;
+      }
+    </style>
+    <script language="javascript">
+      function load_control(id, text) {
+          document.getElementById(id).value = text;
+      }
+      function load_controls() {
+          var text = document.getElementById('the_text').value;
+          load_control('init_empty', text);
+          load_control('init_LTR', text);
+          load_control('init_RTL', text);
+      }
+    </script>
+  </head>
+  <body onload="load_controls()">
+    All input fields 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). -->
+      <input class="box" type="text" id="init_empty" dir="auto" value="">
+      <input class="box" type="text" id="init_LTR" dir="auto" value="ABC">
+      <input class="box" type="text" id="init_RTL" dir="auto" value="&#x05d0;&#x05d1;&#x05d2;">
+    <input  type="hidden" id="the_text" value="123&#x05d0;&#x05d1;&#x05d2;ABC.">
+    <input class="box" type="text" dir="rtl" value="123&#x05d0;&#x05d1;&#x05d2;ABC.">
+  </body>
+</html>
diff --git a/html5/dir-auto/dir_auto-input-script-L-ref.html b/html5/dir-auto/dir_auto-input-script-L-ref.html
new file mode 100644
index 0000000..8d3d9da
--- /dev/null
+++ b/html5/dir-auto/dir_auto-input-script-L-ref.html
@@ -0,0 +1,42 @@
+<!doctype html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>HTML Test: input with dir=auto, start with L</title>
+    <link rel="reference" href="dir_auto-input-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="Shai Berger" href="mailto:shai@platonix.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 of an input element is set according to
+      the first strong character of its value.
+      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;
+	display: block;
+      }
+    </style>
+  </head>
+  <body>
+    All input fields below should look exactly the same.
+   <div dir="rtl">
+    <!-- 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). -->
+    <input class="box" type="text" dir="ltr" value="ABC&#x05d0;&#x05d1;&#x05d2;.">
+    <input class="box" type="text" dir="ltr" value="ABC&#x05d0;&#x05d1;&#x05d2;.">
+    <input class="box" type="text" dir="ltr" value="ABC&#x05d0;&#x05d1;&#x05d2;.">
+    <input class="box" type="text" dir="ltr" value="ABC&#x05d0;&#x05d1;&#x05d2;.">
+   </div>
+  </body>
+</html>
diff --git a/html5/dir-auto/dir_auto-input-script-L.html b/html5/dir-auto/dir_auto-input-script-L.html
new file mode 100644
index 0000000..c8bdd72
--- /dev/null
+++ b/html5/dir-auto/dir_auto-input-script-L.html
@@ -0,0 +1,54 @@
+<!doctype html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>HTML Test: input with dir=auto, start with L</title>
+    <link rel="reference" href="dir_auto-input-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="Shai Berger" href="mailto:shai@platonix.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 of an input element is set according to
+      the first strong character of its value.
+      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;
+	display: block;
+      }
+    </style>
+    <script language="javascript">
+      function load_control(id, text) {
+          document.getElementById(id).value = text;
+      }
+      function load_controls() {
+          var text = document.getElementById('the_text').value;
+          load_control('init_empty', text);
+          load_control('init_LTR', text);
+          load_control('init_RTL', text);
+      }
+    </script>
+  </head>
+  <body onload="load_controls()">
+    All input fields below should look exactly the same.
+   <div dir="rtl">
+    <!-- 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). -->
+      <input class="box" type="text" id="init_empty" dir="auto" value="">
+      <input class="box" type="text" id="init_LTR" dir="auto" value="ABC">
+      <input class="box" type="text" id="init_RTL" dir="auto" value="&#x05d0;&#x05d1;&#x05d2;">
+      <input type="hidden" id="the_text" value="ABC&#x05d0;&#x05d1;&#x05d2;.">
+    <input class="box" type="text" dir="ltr" value="ABC&#x05d0;&#x05d1;&#x05d2;.">
+   </div>
+  </body>
+</html>
diff --git a/html5/dir-auto/dir_auto-input-script-R-ref.html b/html5/dir-auto/dir_auto-input-script-R-ref.html
new file mode 100644
index 0000000..0ec470c
--- /dev/null
+++ b/html5/dir-auto/dir_auto-input-script-R-ref.html
@@ -0,0 +1,40 @@
+<!doctype html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>HTML Test: input with dir=auto, start with R</title>
+    <link rel="reference" href="dir_auto-input-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="Shai Berger" href="mailto:shai@platonix.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 of an input element is set according to
+      the first strong character of its value.
+      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;
+	display: block;
+      }
+    </style>
+  </head>
+  <body>
+    All input fields 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). -->
+      <input class="box" type="text" dir="rtl" value="&#x05d0;&#x05d1;&#x05d2;ABC.">
+      <input class="box" type="text" dir="rtl" value="&#x05d0;&#x05d1;&#x05d2;ABC.">
+      <input class="box" type="text" dir="rtl" value="&#x05d0;&#x05d1;&#x05d2;ABC.">
+      <input class="box" type="text" dir="rtl" value="&#x05d0;&#x05d1;&#x05d2;ABC.">
+  </body>
+</html>
diff --git a/html5/dir-auto/dir_auto-input-script-R.html b/html5/dir-auto/dir_auto-input-script-R.html
new file mode 100644
index 0000000..948058c
--- /dev/null
+++ b/html5/dir-auto/dir_auto-input-script-R.html
@@ -0,0 +1,52 @@
+<!doctype html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>HTML Test: input with dir=auto, start with R</title>
+    <link rel="reference" href="dir_auto-input-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="Shai Berger" href="mailto:shai@platonix.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 of an input element is set according to
+      the first strong character of its value.
+      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;
+	display: block;
+      }
+    </style>
+    <script language="javascript">
+      function load_control(id, text) {
+          document.getElementById(id).value = text;
+      }
+      function load_controls() {
+          var text = document.getElementById('the_text').value;
+          load_control('init_empty', text);
+          load_control('init_LTR', text);
+          load_control('init_RTL', text);
+      }
+    </script>
+  </head>
+  <body onload="load_controls()">
+    All input fields 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). -->
+      <input class="box" type="text" id="init_empty" dir="auto" value="">
+      <input class="box" type="text" id="init_LTR" dir="auto" value="ABC">
+      <input class="box" type="text" id="init_RTL" dir="auto" value="&#x05d0;&#x05d1;&#x05d2;">
+      <input type="hidden" id="the_text" value="&#x05d0;&#x05d1;&#x05d2;ABC.">
+      <input class="box" type="text" dir="rtl" value="&#x05d0;&#x05d1;&#x05d2;ABC.">
+  </body>
+</html>
