for functional tests, show the userAgent to make it easier to compare…

… cross-platform/version results
madrobby · Nov 27, 2011 · 6a110b7 · 6a110b7
1 parent 4da02ac
commit 6a110b7
Show file tree

Hide file tree

Showing 5 changed files with 34 additions and 5 deletions.
diff --git a/test/assets_functional.html b/test/assets_functional.html
@@ -22,6 +22,8 @@
 </head>
 <body>
   <h1>Zepto assets functional test</h1>
+
+  <div id="browser"></div>
 
   <ul>
     <li><a href="?without">Run without the assets plugin</a></li>
@@ -33,7 +35,7 @@ <h1>Zepto assets functional test</h1>
   <p><strong>PLEASE NOTE:</strong> You <strong>must restart Safari</strong> between runs (click the home button to return to the home screen, double-click the home button, tap-and-hold the Safari icon, then tap the minus badge).</p>
 
   <div id="container"></div>
-
+  
   <script>
     var prefix = 'http://stuff.vandervossen.net/temporary/zepto_assets_test/sintel-',
         mode = window.location.search.slice(1),
@@ -51,6 +53,8 @@ <h1>Zepto assets functional test</h1>
         if (i++ < 51) timeout = setTimeout(frame, 6000);
       })();
     }
+
+    $('#browser').text(navigator.userAgent);
   </script>
 </body>
 </html>
diff --git a/test/fx_functional.html b/test/fx_functional.html
@@ -29,5 +29,11 @@ <h1>Zepto fx functional</h1>
   <button onclick="$('#fx_test').fadeIn('slow')">Fade in</button>
   <button onclick="$('#fx_test').fadeOut('slow')">Fade out</button>
   <button onclick="$('#fx_test').fadeToggle('slow')">Fade toggle</button>
+
+  <div id="browser"> </div>
+
+  <script>
+    $('#browser').text(navigator.userAgent);
+  </script>
 </body>
 </html>
diff --git a/test/gesture_functional.html b/test/gesture_functional.html
@@ -15,8 +15,12 @@ <h1>Zepto gestures functional test</h1>
   <div id="gesture_test" style="width: 200px; height: 200px; background: #ddd; -webkit-user-select: none">
     gesture events test
   </div>
+
+  <div id="browser"> </div>
 
   <script>
+    $('#browser').text(navigator.userAgent);
+
     $('#gesture_test')
       .pinch(function(){
         $(this).append(' | pinch!');

diff --git a/test/touch_functional.html b/test/touch_functional.html
@@ -11,12 +11,16 @@
 </head>
 <body>
   <h1>Zepto touch functional test</h1>
-
+  
   <div id="touch_test" style="width: 200px; height: 200px; background: #ddd; -webkit-user-select: none">
     touch events test
   </div>
 
+  <div id="browser"> </div>
+
   <script>
+    $('#browser').text(navigator.userAgent);
+
     $('body').bind('touchmove', function (e) {e.preventDefault();} );
     $('#touch_test')
       .tap(function(){

diff --git a/test/touchcancel_functional.html b/test/touchcancel_functional.html
@@ -11,14 +11,25 @@
 </head>
 <body>
   <h1>Zepto touch functional test</h1>
-  <p>Double-tap and hold until the JavaScript alert occurs. After closing the
-    alert, tap again. Without touchcancel you will see a double tap instead of a tap.</p>
+
+  <p>
+    Double-tap and hold until the JavaScript alert occurs. After closing the
+    alert, tap again. Without touchcancel you will see a double tap instead of a tap.
+  </p>
+
   <div id="touch_test" style="width: 200px; height: 200px; background: #ddd">
     touch events test
   </div>
+
+  <div id="browser"> </div>
 
   <script>
-    setTimeout(function () {alert("Alert! Now tap again, you should see a tap!, not a double tap!");}, 3000);
+    $('#browser').text(navigator.userAgent);
+
+    setTimeout(function(){
+      alert("Alert! Now tap again, you should see a tap!, not a double tap!");
+    }, 3000);
+
     $('body').bind('touchmove', function (e) {e.preventDefault();} );
     $('#touch_test')
       .tap(function(){