<!DOCTYPE HTML>
<title>Button value of corresponding pointerup/pointerdown are equivalent</title>
<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>
<script src="pointerevent_support.js"></script>
<input id="target" style="margin: 20px">
<script>
'use strict';
const target = document.getElementById("target");
promise_test(async test => {
const test_pointer = "testPointer";
let actions = new test_driver.Actions();
actions = actions.addPointer(test_pointer, "mouse")
.pointerMove(0,0, {sourceName:test_pointer, origin:target})
.pointerDown({sourceName:test_pointer, button:actions.ButtonType.RIGHT})
.pointerUp({sourceName:test_pointer, button:actions.ButtonType.RIGHT});
target.addEventListener("contextmenu", event => { event.preventDefault(); });
let pointerdown_promise = getEvent("pointerdown", target, test);
let pointerup_promise = getEvent("pointerup", target, test);
await actions.send();
let pointerdown_event = await pointerdown_promise;
let pointerup_event = await pointerup_promise;
assert_equals(pointerup_event.button, pointerdown_event.button, "The 'button' property of a pointerup event should match the 'button' property of the corresponding pointerdown event");
}, "Test that the 'button' property of a pointerup event matches the 'button' property of the corresponding pointerdown event");
</script>