third_party/WebKit/LayoutTests/fast/dom/HTMLDialogElement/dialog-close-event.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <script src="../../../resources/js-test.js"></script>
   5 </head>
   6 <body>
   7 <dialog></dialog>
   8 <script>
   9 description("Test that dialog receives a close event upon closing.");
  10
  11 document.addEventListener('close', function(event) {
  12     testFailed("The 'close' event unexpectedly bubbled.");
  13 });
  14
  15 closedCount = 0;
  16 dialog = document.querySelector('dialog');
  17 dialog.addEventListener('close', function(event) {
  18     closedCount++;
  19     self = this;
  20     shouldBe('self', 'dialog');
  21     shouldBeFalse('dialog.open');
  22     shouldBeFalse('event.cancelable');
  23     event.preventDefault();
  24
  25     if (closedCount < 2) {
  26         dialog.show();
  27         dialog.close();
  28     };
  29 });
  30
  31 dialog.show();
  32 dialog.close();
  33
  34 // Verify that preventDefault() didn't cancel closing.
  35 shouldBeFalse('dialog.open');
  36 shouldBe('closedCount', '2');
  37 </script>
  38 </body>
  39 </html>