third_party/WebKit/LayoutTests/fast/events/touch/script-tests/multi-touch-grouped-targets.js

   1 var targetsDiv = document.createElement("div");
   2 targetsDiv.id = "targetsDiv";
   3
   4 var div1 = document.createElement("div");
   5 div1.id = "targetA";
   6 div1.style.width = "100px";
   7 div1.style.height = "100px";
   8 div1.style.backgroundColor = "blue";
   9
  10 var div2 = document.createElement("div");
  11 div2.id = "targetB";
  12 div2.style.width = "100px";
  13 div2.style.height = "100px";
  14 div2.style.backgroundColor = "green";
  15
  16 document.body.insertBefore(targetsDiv, document.getElementById('console'));
  17 targetsDiv.appendChild(div1);
  18 targetsDiv.appendChild(document.createElement('br'));
  19 targetsDiv.appendChild(div2);
  20
  21 function declareTouchHandler(div_id, expectedTargetTouches)
  22 {
  23     return function ()
  24     {
  25         // Do not use the parameters (div_id, expectedTargetTouches) in shouldBe.. calls, as
  26         // the order of event dispatch is not deterministic across executions and reordering
  27         // ofthe PASS debug output details would cause the test to be unreliable.
  28         shouldBe('event.touches.length', '3');
  29         if (event.targetTouches.length != expectedTargetTouches)
  30             testFailed('Wrong targetTouch length: ' + event.targetTouches.length + ' vs ' + expectedTargetTouches);
  31         for (var i = 0; i < event.targetTouches.length; i++)
  32         {
  33             if (event.targetTouches[i].target.id != div_id)
  34                 testFailed('Incorrect targetTouch ID: ' + event.targetTouches[i].target.id + ' vs ' + div_id);
  35         }
  36         shouldBe('event.changedTouches.length', '3');
  37     }
  38 }
  39
  40 var endCount = 0;
  41 function touchEndHandler()
  42 {
  43     shouldBeEqualToString('event.type', 'touchend');
  44
  45     shouldBe('event.touches.length', '0');
  46     shouldBe('event.targetTouches.length', '0');
  47     shouldBe('event.changedTouches.length', '3');
  48
  49     if (++endCount == 2)
  50     {
  51         testRunner.notifyDone();
  52         isSuccessfullyParsed();
  53     }
  54 }
  55
  56 div1.addEventListener("touchstart", declareTouchHandler('targetA', '2'), false);
  57 div1.addEventListener("touchmove", declareTouchHandler('targetA', '2'), false);
  58 div1.addEventListener("touchend", touchEndHandler, false);
  59
  60 div2.addEventListener("touchstart", declareTouchHandler('targetB', '1'), false);
  61 div2.addEventListener("touchmove", declareTouchHandler('targetB', '1'), false);
  62 div2.addEventListener("touchend", touchEndHandler, false);
  63
  64 description("Tests that the an event is sent for every touch listener, and target touches contains all the points for that target");
  65
  66 if (window.testRunner) {
  67     testRunner.waitUntilDone();
  68 }
  69
  70 if (window.eventSender) {
  71     eventSender.clearTouchPoints();
  72     eventSender.addTouchPoint(50, 150);
  73     eventSender.addTouchPoint(50, 250);
  74     eventSender.addTouchPoint(50, 150);
  75     eventSender.touchStart();
  76
  77     eventSender.updateTouchPoint(0, 200, 150);
  78     eventSender.updateTouchPoint(1, 300, 250);
  79     eventSender.updateTouchPoint(2, 400, 150);
  80     eventSender.touchMove();
  81
  82     eventSender.releaseTouchPoint(0);
  83     eventSender.releaseTouchPoint(1);
  84     eventSender.releaseTouchPoint(2);
  85     eventSender.touchEnd();
  86 } else
  87     debug('This test requires DRT.');
  88