test_input_file_cancel_event.html

Enable keyboard shortcuts

<!DOCTYPE HTML>

<html>

<head>

  <title>Test for the input type=file cancel event</title>

  <script src="/tests/SimpleTest/SimpleTest.js"></script>

  <script src="/tests/SimpleTest/EventUtils.js"></script>

  <link rel="stylesheet" href="/tests/SimpleTest/test.css"/>

</head>

<body>

<input type=file></input>

<script>

SimpleTest.waitForExplicitFinish();

var MockFilePicker = SpecialPowers.MockFilePicker;

MockFilePicker.init(SpecialPowers.wrap(window).browsingContext);

MockFilePicker.useBlobFile();

MockFilePicker.returnValue = MockFilePicker.returnCancel;

let input = document.querySelector('input[type=file]');

input.addEventListener('cancel', event => {

  ok(true, "cancel event correctly sent");

  is(event.target, input, "Has correct event target");

  is(event.isTrusted, true, "Event is trusted");

  is(event.bubbles, true, "Event bubbles");

  is(event.cancelable, false, "Event is not cancelable");

  is(event.composed, false, "Event is not composed");

  SimpleTest.executeSoon(function() {

    MockFilePicker.cleanup();

    SimpleTest.finish();

});

});

input.addEventListener('change' , () => {

  ok(false, "unexpected change event");

})

input.click();

</script>

</body>

</html>