tests/touch-events-v1/submissions/Nokia/multi-touch-interactions.html
changeset 163 e5a493429528
equal deleted inserted replaced
162:cde6c06f4579 163:e5a493429528
       
     1 <!DOCTYPE HTML>
       
     2 <html>
       
     3 <!-- 
       
     4 	Test cases for Touch Events v1 Candiate Recommendation
       
     5 	http://www.w3.org/TR/2011/CR-touch-events-20111215/
       
     6 
       
     7 	These tests are based on Mozilla-Nokia-Google's single-touch tests and to some extent Olli Pettay's multi-touch tests. 
       
     8 	http://w3c-test.org/webevents/tests/touch-events-v1/submissions/Moz-Nok-Goog/single-touch.html
       
     9 	http://w3c-test.org/webevents/tests/touch-events-v1/submissions/Mozilla/multi-touch.html
       
    10 
       
    11 	The primary purpose of the tests in this document is checking that the interactions of various Touch events are correctly implemented under any touch patterns
       
    12 
       
    13 	This document references Test Assertions (abbrev TA below) written by Cathy Chan
       
    14 	http://www.w3.org/2010/webevents/wiki/TestAssertions
       
    15 -->
       
    16 
       
    17 <head>
       
    18 <title>Touch Events Multi-Touch Interaction Test</title>
       
    19 <meta name="viewport" content="width=device-width">
       
    20 <script src="../../../testharness.js"></script>
       
    21 <script src="multi-touch-interactions.js"></script>
       
    22 <style>
       
    23 	div {
       
    24 		margin: 0em;
       
    25 		padding: 1.5em;
       
    26 	}
       
    27 	#target0 {
       
    28 		background: yellow;
       
    29 		border: 1px solid orange;
       
    30 	}
       
    31 	#target1 {
       
    32 		background: lightblue;
       
    33 		border: 1px solid blue;
       
    34 	}
       
    35 </style>
       
    36 </head>
       
    37 <body onload="run()">
       
    38 	<h1>Touch Events: Multi-Touch Interaction Test</h1>
       
    39 	<div id="target0">
       
    40 		Touch this box with one finger, then another one...
       
    41 	</div>
       
    42 	<div id="target1">
       
    43 		...then drag to this box, then touch with a third finger, and lift all your fingers.
       
    44 	</div>
       
    45 	<div id="debug"></div>
       
    46 	<div id="log"></div>
       
    47 </body>
       
    48 </html>