| <!DOCTYPE HTML> | |
| <html> | |
| <!-- | |
| Test cases for Touch Events v1 Recommendation | |
| http://www.w3.org/TR/touch-events/ | |
| These tests are based on Mozilla-Nokia-Google's single-touch | |
| tests and to some extent Olli Pettay's multi-touch tests. | |
| 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. | |
| This document references Test Assertions (abbrev TA below) written by Cathy Chan | |
| http://www.w3.org/2010/webevents/wiki/TestAssertions | |
| --> | |
| <head> | |
| <title>Touch Events Multi-Touch Interaction Test</title> | |
| <meta name="viewport" content="width=device-width"> | |
| <script src="/resources/testharness.js"></script> | |
| <script src="/resources/testharnessreport.js"></script> | |
| <script src="multi-touch-interactions.js"></script> | |
| <style> | |
| div { | |
| margin: 0em; | |
| padding: 1.5em; | |
| } | |
| #target0 { | |
| background: yellow; | |
| border: 1px solid orange; | |
| } | |
| #target1 { | |
| background: lightblue; | |
| border: 1px solid blue; | |
| } | |
| </style> | |
| </head> | |
| <body onload="run()"> | |
| <h1>Touch Events: Multi-Touch Interaction Test</h1> | |
| <div id="target0"> | |
| Touch this box with one finger, then another one... | |
| </div> | |
| <div id="target1"> | |
| ...then drag to this box, then touch with a third finger, and lift all your fingers. | |
| </div> | |
| <div id="debug"></div> | |
| <div id="log"></div> | |
| </body> | |
| </html> |