test/touchevents/touch-area.html
changeset 40 8b932f6d4ec8
parent 33 be8b19639be5
--- a/test/touchevents/touch-area.html	Wed Apr 20 13:51:52 2011 +0800
+++ b/test/touchevents/touch-area.html	Sun Apr 24 19:49:24 2011 -0700
@@ -6,11 +6,17 @@
   <script src="../testharness.js"></script>
   <script>
     setup({explicit_done: true});
+    var test_click = async_test("Interaction with mouse events");
 
     function run() {
       var target = document.getElementById("target");
 
+      var touchstart_received = false;
+
       on_event(target, "touchstart", function onTouchStart(ev) {
+        touchstart_received = true;
+        test_click.done();
+
         var t = ev.touches[0];
 
         test(function() {
@@ -19,13 +25,32 @@
 
         done();
       });
+
+      on_event(target, "click", function onClick(ev) {
+        test_click.step(function() {
+          assert_true(touchstart_received,
+            "The touchstart event must be dispatched before any mouse " +
+            "events. (If this fails, it might mean that the user agent does " +
+            "not implement W3C touch events at all.)"
+          );
+        });
+        test_click.done();
+        done();
+      });
     }
   </script>
+  <style>
+    #target {
+      background: yellow;
+      border: 1px solid orange;
+      padding: 2em;
+    }
+  </style>
 </head>
 <body onload="run()">
   <h1>Touch area tests</h1>
-  <p id="target" style="background: yellow; padding: 2em;">
-    Touch this element to continue.
+  <p id="target">
+    Tap this element with one finger (or other pointing device).
   </p>
   <div id="log"></div>
 </body>