summaryrefslogtreecommitdiffstats
path: root/dom/html/test/test_input_file_cancel_event.html
blob: f0fd81c433c6b7ff34661c623353796b9acaf72c (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<!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(window);
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>