Source code

Revision control

Copy as Markdown

Other Tools

Test Info: Warnings

<!doctype html>
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" type="text/css" href="pointerevent_styles.css">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/testdriver.js"></script>
<script src="/resources/testdriver-actions.js"></script>
<script src="/resources/testdriver-vendor.js"></script>
<!-- Additional helper script for common checks across event types -->
<script type="text/javascript" src="pointerevent_support.js"></script>
<body onload="run()">
<h4>Test Description: This test checks if pointerrawupdate is dispatched correctly. </h4>
<p>Move your mouse within the black box.</p>
<p>Press left button down and then press middle button while holding down left button. Then release the buttons</p>
<div id="target0"></div>
var test_pointerrawupdate = async_test("pointerrawupdate event received");
var actions_promise;
var pointerrawupdateReceived = false;
var pointerdownReceived = false;
var pointerrawupdateFromButtonChangeReceived = false;
function run() {
var target0 = document.getElementById("target0");
on_event(target0, "pointerrawupdate", function (event) {
pointerrawupdateReceived = true;
if (pointerdownReceived && event.button != -1)
pointerrawupdateFromButtonChangeReceived = true;
on_event(target0, "pointermove", function (event) {
test_pointerrawupdate.step(function() {
"Pointerrawupdate event should have been received before pointermove.");
}, "Pointerrawupdate event should have been received before pointermove.");
on_event(target0, "pointerdown", function (event) {
pointerdownReceived = true;
on_event(target0, "pointerup", function (event) {
test_pointerrawupdate.step(function() {
"Pointerrawupdate event should have been received from chorded button changes.");
}, "Pointerrawupdate event should have been received from chorded button changes.");
// Make sure the test finishes after all the input actions are completed.
actions_promise.then( () => {
var actions = new test_driver.Actions();
actions_promise = actions.pointerMove(0, 0, {origin: target0, button: actions.ButtonType.LEFT})
.pointerDown({button: actions.ButtonType.LEFT})
.pointerDown({button: actions.ButtonType.MIDDLE})
.pointerUp({button: actions.ButtonType.MIDDLE})
.pointerUp({button: actions.ButtonType.LEFT})
<div id="complete-notice">