summaryrefslogtreecommitdiffstats
path: root/third_party/WebKit/LayoutTests/fast/dom/HTMLDialogElement/modal-dialog-ancestor-is-inert.html
diff options
context:
space:
mode:
Diffstat (limited to 'third_party/WebKit/LayoutTests/fast/dom/HTMLDialogElement/modal-dialog-ancestor-is-inert.html')
-rw-r--r--third_party/WebKit/LayoutTests/fast/dom/HTMLDialogElement/modal-dialog-ancestor-is-inert.html111
1 files changed, 0 insertions, 111 deletions
diff --git a/third_party/WebKit/LayoutTests/fast/dom/HTMLDialogElement/modal-dialog-ancestor-is-inert.html b/third_party/WebKit/LayoutTests/fast/dom/HTMLDialogElement/modal-dialog-ancestor-is-inert.html
deleted file mode 100644
index 554664c..0000000
--- a/third_party/WebKit/LayoutTests/fast/dom/HTMLDialogElement/modal-dialog-ancestor-is-inert.html
+++ /dev/null
@@ -1,111 +0,0 @@
-<!doctype html>
-<html>
-<head>
-<style>
-#ancestor {
- position: absolute;
- height: 50px;
- width: 50px;
- top: 200px;
- left: 100px;
- border: 1px solid;
-}
-
-dialog {
- height: 50px;
- width: 50px;
- top: 200px;
- left: 200px;
- margin: 0;
-}
-
-dialog::backdrop {
- display: none;
-}
-</style>
-<script src="../../../resources/js-test.js"></script>
-</head>
-<body>
-<div id="ancestor">
- <dialog></dialog>
-</div>
-<script>
-function clickOn(element)
-{
- var rect = element.getBoundingClientRect();
- eventSender.mouseMoveTo(rect.left + rect.width / 2, rect.top + rect.height / 2);
- eventSender.mouseDown();
- eventSender.mouseUp();
-}
-
-// For manual testing, indicate success only if automatic testing would also
-// print success for all ancestor nodes.
-function turnDivGreenOnSuccess()
-{
- if (handledEvent['document'] && handledEvent['body'] && handledEvent['div'])
- div.style.backgroundColor = 'green';
-}
-
-description('Test that ancestors of modal &lt;dialog&gt; are inert. To test manually, ' +
- 'click the left box. There should be no change. Then click the right box. ' +
- 'If both boxes turn green, the test passes.');
-div = document.querySelector('#ancestor');
-dialog = document.querySelector('dialog');
-dialog.showModal();
-
-handledEvent = {};
-document.addEventListener('click', function(event) {
- handledEvent['document'] = true;
- turnDivGreenOnSuccess();
-});
-
-document.body.addEventListener('click', function(event) {
- handledEvent['body'] = true;
- turnDivGreenOnSuccess();
- // body should get a event only via bubbling.
- if (event.target != dialog) {
- testFailed('body was targeted for an click event');
- div.style.backgroundColor = 'red';
- }
-});
-
-div.addEventListener('click', function(event) {
- handledEvent['div'] = true;
- turnDivGreenOnSuccess();
- // div should get a event only via bubbling.
- if (event.target != dialog) {
- testFailed('div was targeted for an click event');
- div.style.backgroundColor = 'red';
- }
-});
-
-dialog.addEventListener('click', function(event) {
- handledEvent['dialog'] = true;
- dialog.style.backgroundColor = 'green';
- if (event.target != dialog) {
- testFailed('dialog was not targeted for a click event');
- dialog.style.backgroundColor = 'red';
- }
-});
-
-if (window.eventSender) {
- nodes = [ 'document', 'body', 'div', 'dialog' ];
- nodes.map(function(node) { handledEvent[node] = false; });
- debug('Clicking on ancestor');
- clickOn(div);
- shouldBeTrue('handledEvent.document');
- shouldBeFalse('handledEvent.body');
- shouldBeFalse('handledEvent.dialog');
- shouldBeFalse('handledEvent.div');
- handledEvent.document = false;
-
- debug('Clicking on dialog');
- clickOn(dialog);
- shouldBeTrue('handledEvent.document');
- shouldBeTrue('handledEvent.body');
- shouldBeTrue('handledEvent.dialog');
- shouldBeTrue('handledEvent.div');
-}
-</script>
-</body>
-</html>