tor-browser

pointerevent_support.js (9339B)

---

var All_Pointer_Events = [
 "pointerdown",
 "pointerup",
 "pointercancel",
 "pointermove",
 "pointerover",
 "pointerout",
 "pointerenter",
 "pointerleave",
 "gotpointercapture",
 "lostpointercapture",
];

// Check for conformance to PointerEvent interface
// TA: 1.1, 1.2, 1.6, 1.7, 1.8, 1.9, 1.10, 1.11, 1.12, 1.13
function check_PointerEvent(event, testNamePrefix) {
 if (testNamePrefix === undefined) {
   testNamePrefix = "";
 }

 // Use expectedPointerType if set otherwise just use the incoming event pointerType in the test name.
 var pointerTestName =
   testNamePrefix +
   " " +
   (expectedPointerType == null ? event.pointerType : expectedPointerType) +
   " " +
   event.type;

 if (expectedPointerType != null) {
   test(function () {
     assert_equals(
       event.pointerType,
       expectedPointerType,
       "pointerType should be the one specified in the test page."
     );
   }, pointerTestName + " event pointerType is correct.");
 }

 test(function () {
   assert_true(
     event instanceof event.target.ownerDocument.defaultView.PointerEvent,
     "event is a PointerEvent event"
   );
 }, pointerTestName + " event is a PointerEvent event");

 // Check attributes for conformance to WebIDL:
 // * attribute exists
 // * has proper type
 // * if the attribute is "readonly", it cannot be changed
 // TA: 1.1, 1.2
 var idl_type_check = {
   long(v) {
     return typeof v === "number" && Math.round(v) === v;
   },
   float(v) {
     return typeof v === "number";
   },
   string(v) {
     return typeof v === "string";
   },
   boolean(v) {
     return typeof v === "boolean";
   },
 };
 [
   ["readonly", "long", "pointerId"],
   ["readonly", "float", "width"],
   ["readonly", "float", "height"],
   ["readonly", "float", "pressure"],
   ["readonly", "long", "tiltX"],
   ["readonly", "long", "tiltY"],
   ["readonly", "string", "pointerType"],
   ["readonly", "boolean", "isPrimary"],
   ["readonly", "long", "detail", 0],
 ].forEach(function (attr) {
   var readonly = attr[0];
   var type = attr[1];
   var name = attr[2];
   var value = attr[3];

   // existence check
   test(
     function () {
       assert_true(
         name in event,
         name + " attribute in " + event.type + " event"
       );
     },
     pointerTestName + "." + name + " attribute exists"
   );

   // readonly check
   if (readonly === "readonly") {
     test(
       function () {
         assert_readonly(
           event.type,
           name,
           event.type + "." + name + " cannot be changed"
         );
       },
       pointerTestName + "." + name + " is readonly"
     );
   }

   // type check
   test(
     function () {
       assert_true(
         idl_type_check[type](event[name]),
         name + " attribute of type " + type
       );
     },
     pointerTestName +
       "." +
       name +
       " IDL type " +
       type +
       " (JS type was " +
       typeof event[name] +
       ")"
   );

   // value check if defined
   if (value != undefined) {
     test(
       function () {
         assert_equals(event[name], value, name + " attribute value");
       },
       pointerTestName + "." + name + " value is " + value + "."
     );
   }
 });

 // Check the pressure value
 // TA: 1.6, 1.7, 1.8
 test(function () {
   // TA: 1.6
   assert_greater_than_equal(
     event.pressure,
     0,
     "pressure is greater than or equal to 0"
   );
   assert_less_than_equal(
     event.pressure,
     1,
     "pressure is less than or equal to 1"
   );

   if (event.type === "pointerup") {
     assert_equals(event.pressure, 0, "pressure is 0 during pointerup");
   }

   // TA: 1.7, 1.8
   if (event.pointerType === "mouse") {
     if (event.buttons === 0) {
       assert_equals(
         event.pressure,
         0,
         "pressure is 0 for mouse with no buttons pressed"
       );
     } else {
       assert_equals(
         event.pressure,
         0.5,
         "pressure is 0.5 for mouse with a button pressed"
       );
     }
   }
 }, pointerTestName + ".pressure value is valid");

 // Check mouse-specific properties
 if (event.pointerType === "mouse") {
   // TA: 1.9, 1.10, 1.13
   test(function () {
     assert_equals(event.width, 1, "width of mouse should be 1");
     assert_equals(event.height, 1, "height of mouse should be 1");
     assert_equals(event.tiltX, 0, event.type + ".tiltX is 0 for mouse");
     assert_equals(event.tiltY, 0, event.type + ".tiltY is 0 for mouse");
     assert_true(event.isPrimary, event.type + ".isPrimary is true for mouse");
   }, pointerTestName + " properties for pointerType = mouse");
   // Check properties for pointers other than mouse
 }
}

function showPointerTypes() {
 var complete_notice = document.getElementById("complete-notice");
 var pointertype_log = document.getElementById("pointertype-log");
 var pointertypes = Object.keys(detected_pointertypes);
 pointertype_log.innerHTML = pointertypes.length
   ? pointertypes.join(",")
   : "(none)";
 complete_notice.style.display = "block";
}

function showLoggedEvents() {
 var event_log_elem = document.getElementById("event-log");
 event_log_elem.innerHTML = event_log.length ? event_log.join(", ") : "(none)";

 var complete_notice = document.getElementById("complete-notice");
 complete_notice.style.display = "block";
}

function log(msg, el) {
 if (++count > 10) {
   count = 0;
   el.innerHTML = " ";
 }
 el.innerHTML = msg + "; " + el.innerHTML;
}

function failOnScroll() {
 assert_true(false, "scroll received while shouldn't");
}

function updateDescriptionNextStep() {
 document.getElementById("desc").innerHTML =
   "Test Description: Try to scroll text RIGHT.";
}

function updateDescriptionComplete() {
 document.getElementById("desc").innerHTML = "Test Description: Test complete";
}

function updateDescriptionSecondStepTouchActionElement(
 target,
 scrollReturnInterval
) {
 window.setTimeout(function () {
   objectScroller(target, "up", 0);
 }, scrollReturnInterval);
 document.getElementById("desc").innerHTML =
   "Test Description: Try to scroll element RIGHT moving your outside of the red border";
}

function updateDescriptionThirdStepTouchActionElement(
 target,
 scrollReturnInterval,
 callback = null
) {
 window.setTimeout(function () {
   objectScroller(target, "left", 0);
   if (callback) {
     callback();
   }
 }, scrollReturnInterval);
 document.getElementById("desc").innerHTML =
   "Test Description: Try to scroll element DOWN then RIGHT starting your touch inside of the element. Then tap complete button";
}

function updateDescriptionFourthStepTouchActionElement(
 target,
 scrollReturnInterval
) {
 document.getElementById("desc").innerHTML =
   "Test Description: Try to scroll element RIGHT starting your touch inside of the element";
}

function objectScroller(target, direction, value) {
 if (direction == "up") {
   target.scrollTop = 0;
 } else if (direction == "left") {
   target.scrollLeft = 0;
 }
}

function sPointerCapture(e) {
 try {
   target0.setPointerCapture(e.pointerId);
 } catch (ex) {}
}

function rPointerCapture(e) {
 try {
   captureButton.value = "Set Capture";
   target0.releasePointerCapture(e.pointerId);
 } catch (ex) {}
}

var globalPointerEventTest = null;
var expectedPointerType = null;
const ALL_POINTERS = ["mouse", "touch", "pen"];
const HOVERABLE_POINTERS = ["mouse", "pen"];
const NOHOVER_POINTERS = ["touch"];

function MultiPointerTypeTest(testName, types) {
 this.testName = testName;
 this.types = types;
 this.currentTypeIndex = 0;
 this.currentTest = null;
 this.createNextTest();
}

MultiPointerTypeTest.prototype.skip = function () {
 var prevTest = this.currentTest;
 this.createNextTest();
 prevTest.timeout();
};

MultiPointerTypeTest.prototype.done = function () {
 var prevTest = this.currentTest;
 this.createNextTest();
 if (prevTest != null) {
   prevTest.done();
 }
};

MultiPointerTypeTest.prototype.step = function (stepFunction) {
 this.currentTest.step(stepFunction);
};

MultiPointerTypeTest.prototype.createNextTest = function () {
 if (this.currentTypeIndex < this.types.length) {
   var pointerTypeDescription = document.getElementById(
     "pointerTypeDescription"
   );
   document.getElementById("pointerTypeDescription").innerHTML =
     "Follow the test instructions with <span style='color: red'>" +
     this.types[this.currentTypeIndex] +
     "</span>. If you don't have the device <a href='javascript:;' onclick='globalPointerEventTest.skip()'>skip it</a>.";
   this.currentTest = async_test(
     this.types[this.currentTypeIndex] + " " + this.testName
   );
   expectedPointerType = this.types[this.currentTypeIndex];
   this.currentTypeIndex++;
 } else {
   document.getElementById("pointerTypeDescription").innerHTML = "";
 }
 resetTestState();
};

function setup_pointerevent_test(testName, supportedPointerTypes) {
 return (globalPointerEventTest = new MultiPointerTypeTest(
   testName,
   supportedPointerTypes
 ));
}

function checkPointerEventType(event) {
 assert_equals(
   event.pointerType,
   expectedPointerType,
   "pointerType should be the same as the requested device."
 );
}