From f013e6d82d1c0d6238e3a4fada6e58d11672f870 Mon Sep 17 00:00:00 2001
From: Joey Arhar <jarhar@chromium.org>
Date: Tue, 7 Dec 2021 22:58:19 +0000
Subject: [PATCH] Port chrome-only dialog tests to WPT part 3

Bug: 1240798
Change-Id: Id1e38606a8ec0b59fa5172baa7649d31979267f5
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/3315600
Commit-Queue: Joey Arhar <jarhar@chromium.org>
Reviewed-by: Mason Freed <masonf@chromium.org>
Cr-Commit-Position: refs/heads/main@{#949223}
---
 third_party/blink/web_tests/SmokeTests        |   2 +-
 third_party/blink/web_tests/TestExpectations  |   1 +
 .../the-dialog-element/inert-inlines.html     |  85 ++++++++++++++
 .../the-dialog-element/inert-label-focus.html |  50 ++++++++
 .../inert-node-is-uneditable.html             |  55 +++++++++
 .../inert-node-is-unselectable.html           |  19 +++
 .../modal-dialog-ancestor-is-inert.html       | 101 ++++++++++++++++
 .../modal-dialog-blocks-mouse-events.html     |  99 ++++++++++++++++
 .../html/dialog/inert-inlines-expected.txt    |  24 ----
 .../web_tests/html/dialog/inert-inlines.html  |  79 -------------
 .../dialog/inert-label-focus-expected.txt     |  14 ---
 .../html/dialog/inert-label-focus.html        |  44 -------
 .../inert-node-is-uneditable-expected.txt     |  10 --
 .../html/dialog/inert-node-is-uneditable.html |  60 ----------
 .../inert-node-is-unselectable-expected.txt   |  11 --
 .../dialog/inert-node-is-unselectable.html    |  18 ---
 ...odal-dialog-ancestor-is-inert-expected.txt |  18 ---
 .../modal-dialog-ancestor-is-inert.html       | 111 ------------------
 ...al-dialog-blocks-mouse-events-expected.txt |  14 ---
 .../modal-dialog-blocks-mouse-events.html     |  97 ---------------
 20 files changed, 411 insertions(+), 501 deletions(-)
 create mode 100644 third_party/blink/web_tests/external/wpt/html/semantics/interactive-elements/the-dialog-element/inert-inlines.html
 create mode 100644 third_party/blink/web_tests/external/wpt/html/semantics/interactive-elements/the-dialog-element/inert-label-focus.html
 create mode 100644 third_party/blink/web_tests/external/wpt/html/semantics/interactive-elements/the-dialog-element/inert-node-is-uneditable.html
 create mode 100644 third_party/blink/web_tests/external/wpt/html/semantics/interactive-elements/the-dialog-element/inert-node-is-unselectable.html
 create mode 100644 third_party/blink/web_tests/external/wpt/html/semantics/interactive-elements/the-dialog-element/modal-dialog-ancestor-is-inert.html
 create mode 100644 third_party/blink/web_tests/external/wpt/html/semantics/interactive-elements/the-dialog-element/modal-dialog-blocks-mouse-events.html
 delete mode 100644 third_party/blink/web_tests/html/dialog/inert-inlines-expected.txt
 delete mode 100644 third_party/blink/web_tests/html/dialog/inert-inlines.html
 delete mode 100644 third_party/blink/web_tests/html/dialog/inert-label-focus-expected.txt
 delete mode 100644 third_party/blink/web_tests/html/dialog/inert-label-focus.html
 delete mode 100644 third_party/blink/web_tests/html/dialog/inert-node-is-uneditable-expected.txt
 delete mode 100644 third_party/blink/web_tests/html/dialog/inert-node-is-uneditable.html
 delete mode 100644 third_party/blink/web_tests/html/dialog/inert-node-is-unselectable-expected.txt
 delete mode 100644 third_party/blink/web_tests/html/dialog/inert-node-is-unselectable.html
 delete mode 100644 third_party/blink/web_tests/html/dialog/modal-dialog-ancestor-is-inert-expected.txt
 delete mode 100644 third_party/blink/web_tests/html/dialog/modal-dialog-ancestor-is-inert.html
 delete mode 100644 third_party/blink/web_tests/html/dialog/modal-dialog-blocks-mouse-events-expected.txt
 delete mode 100644 third_party/blink/web_tests/html/dialog/modal-dialog-blocks-mouse-events.html

diff --git a/third_party/blink/web_tests/SmokeTests b/third_party/blink/web_tests/SmokeTests
index f4226f31b2e4f..46e526c3b907b 100644
--- a/third_party/blink/web_tests/SmokeTests
+++ b/third_party/blink/web_tests/SmokeTests
@@ -768,7 +768,7 @@ html5lib/generated/run-tests24-write.html
 html/details_summary/details-clone.html
 html/details_summary/details-element-render-inline-crash.html
 html/details_summary/details-summary-document-child.html
-html/dialog/inert-label-focus.html
+external/wpt/html/semantics/interactive-elements/the-dialog-element/inert-label-focus.html
 html/grouping_content/figure-element.html
 html/marquee/marquee-inside-template-tag-crash.html
 html/sections/article-element.html
diff --git a/third_party/blink/web_tests/TestExpectations b/third_party/blink/web_tests/TestExpectations
index df761315c13f4..df149f1333d0c 100644
--- a/third_party/blink/web_tests/TestExpectations
+++ b/third_party/blink/web_tests/TestExpectations
@@ -2508,6 +2508,7 @@ crbug.com/893480 [ Win ] external/wpt/input-events/input-events-cut-paste.html [
 crbug.com/893480 external/wpt/html/semantics/forms/the-input-element/checkable-active-onblur.html [ Failure Timeout ]
 crbug.com/893480 external/wpt/html/semantics/forms/the-button-element/active-onblur.html [ Failure Timeout ]
 crbug.com/893480 external/wpt/html/semantics/interactive-elements/the-dialog-element/dialog-canceling.html [ Failure ]
+crbug.com/893480 external/wpt/html/semantics/interactive-elements/the-dialog-element/inert-node-is-uneditable.html [ Failure ]
 
 # needs implementation of test_driver_internal.action_sequence
 # for these tests there is an exception when scrolling: element click intercepted error
diff --git a/third_party/blink/web_tests/external/wpt/html/semantics/interactive-elements/the-dialog-element/inert-inlines.html b/third_party/blink/web_tests/external/wpt/html/semantics/interactive-elements/the-dialog-element/inert-inlines.html
new file mode 100644
index 0000000000000..8acdb570fc602
--- /dev/null
+++ b/third_party/blink/web_tests/external/wpt/html/semantics/interactive-elements/the-dialog-element/inert-inlines.html
@@ -0,0 +1,85 @@
+<!DOCTYPE html>
+<link rel=author href="mailto:jarhar@chromium.org">
+<link rel=author href="mailto:falken@chromium.org">
+<link rel=help href="https://html.spec.whatwg.org/multipage/interactive-elements.html#the-dialog-element">
+<link rel=help href="https://bugs.chromium.org/p/chromium/issues/detail?id=241699">
+<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>
+
+<p>
+To test manually, click on all the "Click me"s.
+The test fails if you see red.
+</p>
+
+<style>
+dialog {
+  width: 50px;
+}
+</style>
+
+<a id="a" href="javascript:void(0)">Click me</a>
+<button id="button">Click me</button>
+<div id="div" style="background-color: blue; width: 50px; height: 50px">Click meeee</div>
+<span id="span">Click me</span>
+<div id="dialog-parent" style="width: 50px; height: 50px">
+  <span id="dialog-sibling">Click meeee</span>
+  <dialog></dialog>
+</div>
+
+<script>
+promise_test(async () => {
+  async function clickOn(element) {
+    let absoluteTop = 0;
+    let absoluteLeft = 0;
+    for (let parentNode = element; parentNode; parentNode = parentNode.offsetParent) {
+      absoluteLeft += parentNode.offsetLeft;
+      absoluteTop += parentNode.offsetTop;
+    }
+
+    const x = absoluteLeft + element.offsetWidth / 2;
+    const y = absoluteTop + element.offsetHeight / 2;
+    const actions = new test_driver.Actions()
+      .pointerMove(x, y)
+      .pointerDown()
+      .pointerUp()
+      .pointerMove(0, 0);
+    await actions.send();
+  }
+
+  function eventFiredOnInertElement(e) {
+    e.target.style.background = 'red';
+    inertElementFiredOn = true;
+  }
+
+  inertElements = ['a', 'button', 'div', 'span']
+  inertElements.forEach(function(id) {
+    element = document.getElementById(id);
+    element.addEventListener('click', eventFiredOnInertElement);
+    element.addEventListener('mousemove', eventFiredOnInertElement);
+  });
+
+  document.addEventListener('click', function(e) {
+    document.firedOn = true;
+  });
+
+  document.getElementById('dialog-parent').addEventListener('click', function(e) {
+    e.target.firedOn = true;
+  });
+
+  document.querySelector('dialog').showModal();
+  for (const id of inertElements) {
+    expectedTarget = document;
+    if (id == 'dialog-sibling')
+      expectedTarget = document.getElementById('dialog-parent')
+    element = document.getElementById(id);
+    inertElementFiredOn = false;
+    expectedTarget.firedOn = false;
+    await clickOn(element);
+    assert_false(inertElementFiredOn, 'clicking on ' + id);
+    assert_true(expectedTarget.firedOn, 'clicking on ' + id);
+  }
+}, 'Tests that inert inlines do not receive mouse events.');
+</script>
diff --git a/third_party/blink/web_tests/external/wpt/html/semantics/interactive-elements/the-dialog-element/inert-label-focus.html b/third_party/blink/web_tests/external/wpt/html/semantics/interactive-elements/the-dialog-element/inert-label-focus.html
new file mode 100644
index 0000000000000..ee0c91c412098
--- /dev/null
+++ b/third_party/blink/web_tests/external/wpt/html/semantics/interactive-elements/the-dialog-element/inert-label-focus.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<link rel=author href="mailto:jarhar@chromium.org">
+<link rel=author href="mailto:falken@chromium.org">
+<link rel=help href="https://html.spec.whatwg.org/multipage/interactive-elements.html#the-dialog-element">
+<link rel=help href="https://bugs.chromium.org/p/chromium/issues/detail?id=242848">
+<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>
+
+<label for="submit">Label for Submit</label>
+<dialog>
+  <input id="text" type="text">
+  <input id="submit" type="submit">
+</dialog>
+
+<script>
+promise_test(async () => {
+  async function clickOn(element) {
+    let absoluteTop = 0;
+    let absoluteLeft = 0;
+    for (let parentNode = element; parentNode; parentNode = parentNode.offsetParent) {
+      absoluteLeft += parentNode.offsetLeft;
+      absoluteTop += parentNode.offsetTop;
+    }
+
+    const x = absoluteLeft + element.offsetWidth / 2;
+    const y = absoluteTop + element.offsetHeight / 2;
+    const actions = new test_driver.Actions()
+      .pointerMove(x, y)
+      .pointerDown()
+      .pointerUp()
+      .pointerMove(0, 0);
+    await actions.send();
+  }
+
+  document.querySelector('dialog').showModal();
+  document.querySelector('#text').focus();
+
+  label = document.querySelector('label');
+  label.focus();
+  assert_equals(document.activeElement, document.querySelector('#submit'),
+    'label.focus() should send focus to the target.');
+
+  await clickOn(label);
+  assert_equals(document.activeElement, document.body,
+    'Clicking the label should be the same as clicking the document body.');
+}, 'Tests focusing of an inert label for a non-inert target.');
+</script>
diff --git a/third_party/blink/web_tests/external/wpt/html/semantics/interactive-elements/the-dialog-element/inert-node-is-uneditable.html b/third_party/blink/web_tests/external/wpt/html/semantics/interactive-elements/the-dialog-element/inert-node-is-uneditable.html
new file mode 100644
index 0000000000000..393e5e10b52e3
--- /dev/null
+++ b/third_party/blink/web_tests/external/wpt/html/semantics/interactive-elements/the-dialog-element/inert-node-is-uneditable.html
@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<link rel=author href="mailto:jarhar@chromium.org">
+<link rel=author href="mailto:falken@chromium.org">
+<link rel=help href="https://html.spec.whatwg.org/multipage/interactive-elements.html#the-dialog-element">
+<link rel=help href="https://bugs.chromium.org/p/chromium/issues/detail?id=252071">
+<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>
+
+<span id="not-editable" contenteditable>I'm not editable while the dialog is showing.</span>
+<dialog>
+  <span id="editable" contenteditable>I'm editable.</span>
+</dialog>
+
+<script>
+promise_test(async () => {
+  async function clickOn(element) {
+    let absoluteTop = 0;
+    let absoluteLeft = 0;
+    for (let parentNode = element; parentNode; parentNode = parentNode.offsetParent) {
+      absoluteLeft += parentNode.offsetLeft;
+      absoluteTop += parentNode.offsetTop;
+    }
+
+    const x = absoluteLeft + element.offsetWidth / 2;
+    const y = absoluteTop + element.offsetHeight / 2;
+    const actions = new test_driver.Actions()
+      .pointerMove(x, y)
+      .pointerDown()
+      .pointerUp()
+      .pointerMove(0, 0);
+    await actions.send();
+  }
+
+  dialog = document.querySelector('dialog');
+  dialog.showModal();
+  notEditable = document.querySelector('#not-editable');
+  editable = document.querySelector('#editable');
+
+  await clickOn(notEditable);
+  oldValue = notEditable.textContent;
+  await (new test_driver.Actions().keyDown('a').keyUp('a').send());
+  assert_equals(notEditable.textContent, oldValue);
+
+  await clickOn(editable);
+  oldValue = editable.textContent;
+  await (new test_driver.Actions().keyDown('a').keyUp('a').send());
+  assert_not_equals(editable.textContent, oldValue);
+
+  notEditable.remove();
+  editable.remove();
+}, 'Test that inert nodes cannot be edited. The test passes if the only text you can edit is in the dialog.');
+</script>
diff --git a/third_party/blink/web_tests/external/wpt/html/semantics/interactive-elements/the-dialog-element/inert-node-is-unselectable.html b/third_party/blink/web_tests/external/wpt/html/semantics/interactive-elements/the-dialog-element/inert-node-is-unselectable.html
new file mode 100644
index 0000000000000..2889e1e90a563
--- /dev/null
+++ b/third_party/blink/web_tests/external/wpt/html/semantics/interactive-elements/the-dialog-element/inert-node-is-unselectable.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<link rel=author href="mailto:jarhar@chromium.org">
+<link rel=author href="mailto:falken@chromium.org">
+<link rel=help href="https://html.spec.whatwg.org/multipage/interactive-elements.html#the-dialog-element">
+<link rel=help href="https://bugs.chromium.org/p/chromium/issues/detail?id=252071">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+
+Here is a text node you can't select while the dialog is open.
+<dialog>I'm selectable.</dialog>
+
+<script>
+test(() => {
+  const dialog = document.querySelector('dialog');
+  dialog.showModal();
+  document.execCommand('SelectAll');
+  assert_equals(window.getSelection().toString(), "I'm selectable.");
+}, 'Test that inert nodes cannot be selected. The test passes if the only text you can select is inside the dialog.');
+</script>
diff --git a/third_party/blink/web_tests/external/wpt/html/semantics/interactive-elements/the-dialog-element/modal-dialog-ancestor-is-inert.html b/third_party/blink/web_tests/external/wpt/html/semantics/interactive-elements/the-dialog-element/modal-dialog-ancestor-is-inert.html
new file mode 100644
index 0000000000000..c6bcb5d4caf35
--- /dev/null
+++ b/third_party/blink/web_tests/external/wpt/html/semantics/interactive-elements/the-dialog-element/modal-dialog-ancestor-is-inert.html
@@ -0,0 +1,101 @@
+<!DOCTYPE html>
+<link rel=author href="mailto:jarhar@chromium.org">
+<link rel=author href="mailto:falken@chromium.org">
+<link rel=help href="https://html.spec.whatwg.org/multipage/interactive-elements.html#the-dialog-element">
+<link rel=help href="https://bugs.chromium.org/p/chromium/issues/detail?id=329407">
+<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>
+
+<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>
+
+<div id="ancestor">
+  <dialog></dialog>
+</div>
+
+<script>
+promise_test(async () => {
+  async function clickOn(element) {
+    const rect = element.getBoundingClientRect();
+    const actions = new test_driver.Actions()
+      .pointerMove(rect.left + rect.width / 2, rect.top + rect.height / 2)
+      .pointerDown()
+      .pointerUp();
+    await actions.send();
+  }
+
+  const div = document.querySelector('#ancestor');
+  const dialog = document.querySelector('dialog');
+  dialog.showModal();
+
+  const handledEvent = {};
+  document.addEventListener('click', function(event) {
+    handledEvent['document'] = true;
+  });
+
+  document.body.addEventListener('click', function(event) {
+    handledEvent['body'] = true;
+    // body should get a event only via bubbling.
+    if (event.target != dialog) {
+      assert_unreached('body was targeted for an click event');
+      div.style.backgroundColor = 'red';
+    }
+  });
+
+  div.addEventListener('click', function(event) {
+    handledEvent['div'] = true;
+    // div should get a event only via bubbling.
+    if (event.target != dialog) {
+      assert_unreached('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) {
+      assert_unreached('dialog was not targeted for a click event');
+      dialog.style.backgroundColor = 'red';
+    }
+  });
+
+  const nodes = [ 'document', 'body', 'div', 'dialog' ];
+  nodes.map(function(node) { handledEvent[node] = false; });
+  await clickOn(div);
+  assert_true(handledEvent.document, 'Clicking on ancestor.');
+  assert_false(handledEvent.body, 'Clicking on ancestor.');
+  assert_false(handledEvent.dialog, 'Clicking on ancestor.');
+  assert_false(handledEvent.div, 'Clicking on ancestor.');
+  handledEvent.document = false;
+
+  await clickOn(dialog);
+  assert_true(handledEvent.document, 'Clicking on dialog.');
+  assert_true(handledEvent.body, 'Clicking on dialog.');
+  assert_true(handledEvent.dialog, 'Clicking on dialog.');
+  assert_true(handledEvent.div, 'Clicking on dialog.');
+}, 'Test that ancestors of modal dialog are inert.');
+</script>
diff --git a/third_party/blink/web_tests/external/wpt/html/semantics/interactive-elements/the-dialog-element/modal-dialog-blocks-mouse-events.html b/third_party/blink/web_tests/external/wpt/html/semantics/interactive-elements/the-dialog-element/modal-dialog-blocks-mouse-events.html
new file mode 100644
index 0000000000000..75eb451f58360
--- /dev/null
+++ b/third_party/blink/web_tests/external/wpt/html/semantics/interactive-elements/the-dialog-element/modal-dialog-blocks-mouse-events.html
@@ -0,0 +1,99 @@
+<!DOCTYPE html>
+<link rel=author href="mailto:jarhar@chromium.org">
+<link rel=author href="mailto:falken@chromium.org">
+<link rel=help href="https://html.spec.whatwg.org/multipage/interactive-elements.html#the-dialog-element">
+<link rel=help href="https://bugs.webkit.org/show_bug.cgi?id=110952">
+<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>
+
+<p>
+To test manually, move the mouse to the blue box, click, and then move the
+mouse outside. Then repeat for the red box. The test succeeds if both boxes
+turn green
+</p>
+
+<style>
+#inert-div {
+  height: 100px;
+  width: 100px;
+  background: blue;
+}
+
+dialog {
+  width: 100px;
+}
+
+dialog::backdrop {
+  display: none;
+}
+
+#dialog-div {
+  height: 100px;
+  width: 100px;
+  background: red;
+}
+</style>
+
+<div id="inert-div"></div>
+<dialog id="dialog">
+  <div id="dialog-div"></div>
+</dialog>
+
+<script>
+promise_test(async () => {
+  async function clickOn(element) {
+    const rect = element.getBoundingClientRect();
+    const actions = new test_driver.Actions()
+      .pointerMove(rect.left + rect.width / 2, rect.top + rect.height / 2)
+      .pointerDown()
+      .pointerUp()
+      .pointerMove(0, 0);
+    await actions.send();
+  }
+
+  dialog.showModal();
+
+  inertDivHandledEvent = false;
+  inertDiv = document.getElementById('inert-div');
+  eventFiredOnInertNode = function(event) {
+    inertDivHandledEvent = true;
+    inertDiv.style.backgroundColor = 'red';
+  };
+
+  events =  ['mousedown', 'mouseup', 'click', 'mousemove', 'mouseover', 'mouseout'];
+  dialogDiv = document.getElementById('dialog-div');
+  handledEvents = {};
+  handledEvents.dialogDiv = {};
+  eventFiredOnDialog = function(event) {
+    handledEvents.dialogDiv[event.type] = true;
+    if (Object.keys(handledEvents.dialogDiv).length == events.length)
+      dialogDiv.style.backgroundColor = 'green';
+  };
+
+  handledEvents.document = {};
+  expectedEventCountForDocument = events.length - 1; // document won't get 'mouseout'
+  eventFiredOnDocument = function(event) {
+    handledEvents.document[event.type] = true;
+    if (Object.keys(handledEvents.document).length == document.expectedEventCount && !inertDivHandledEvent) {
+      inertDiv.style.backgroundColor = 'green';
+    }
+  };
+
+  for (let i = 0; i < events.length; ++i) {
+    inertDiv.addEventListener(events[i], eventFiredOnInertNode);
+    dialogDiv.addEventListener(events[i], eventFiredOnDialog);
+    document.addEventListener(events[i], eventFiredOnDocument);
+  }
+
+  await clickOn(inertDiv);
+  assert_false(inertDivHandledEvent, 'Clicking on inert box');
+  assert_equals(Object.keys(handledEvents.document).length, expectedEventCountForDocument, 'Clicking on inert box');
+
+  await clickOn(dialogDiv);
+  assert_false(inertDivHandledEvent, 'Clicking on non-inert box');
+  assert_equals(Object.keys(handledEvents.dialogDiv).length, events.length, 'Clicking on non-inert box');
+}, 'Ensure that mouse events are not dispatched to an inert node.');
+</script>
diff --git a/third_party/blink/web_tests/html/dialog/inert-inlines-expected.txt b/third_party/blink/web_tests/html/dialog/inert-inlines-expected.txt
deleted file mode 100644
index 867d0ae6c92c8..0000000000000
--- a/third_party/blink/web_tests/html/dialog/inert-inlines-expected.txt
+++ /dev/null
@@ -1,24 +0,0 @@
-Tests that inert inlines do not receive mouse events. To test manually, click on all the "Click me"s. The test fails if you see red.
-
-On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE".
-
-clicking on a
-PASS inertElementFiredOn is false
-PASS expectedTarget.firedOn is true
-clicking on button
-PASS inertElementFiredOn is false
-PASS expectedTarget.firedOn is true
-clicking on div
-PASS inertElementFiredOn is false
-PASS expectedTarget.firedOn is true
-clicking on span
-PASS inertElementFiredOn is false
-PASS expectedTarget.firedOn is true
-PASS successfullyParsed is true
-
-TEST COMPLETE
-
-Click me Click me
-Click meeee
-Click me
-Click meeee
diff --git a/third_party/blink/web_tests/html/dialog/inert-inlines.html b/third_party/blink/web_tests/html/dialog/inert-inlines.html
deleted file mode 100644
index e050ce072861c..0000000000000
--- a/third_party/blink/web_tests/html/dialog/inert-inlines.html
+++ /dev/null
@@ -1,79 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-<style>
-dialog {
-    width: 50px;
-}
-</style>
-<script src="../../resources/js-test.js"></script>
-</head>
-<body>
-<a id="a" href="javascript:void(0)">Click me</a>
-<button id="button">Click me</button>
-<div id="div" style="background-color: blue; width: 50px; height: 50px">Click meeee</div>
-<span id="span">Click me</span>
-<div id="dialog-parent" style="width: 50px; height: 50px">
-    <span id="dialog-sibling">Click meeee</span>
-    <dialog></dialog>
-</div>
-<script>
-function clickOn(element)
-{
-    if (!window.eventSender)
-        return;
-
-    var absoluteTop = 0;
-    var absoluteLeft = 0;
-    for (var parentNode = element; parentNode; parentNode = parentNode.offsetParent) {
-        absoluteLeft += parentNode.offsetLeft;
-        absoluteTop += parentNode.offsetTop;
-    }
-
-    var x = absoluteLeft + element.offsetWidth / 2;
-    var y = absoluteTop + element.offsetHeight / 2;
-    eventSender.mouseMoveTo(x, y);
-    eventSender.mouseDown();
-    eventSender.mouseUp();
-    eventSender.mouseMoveTo(0, 0);
-}
-
-function eventFiredOnInertElement(e) {
-    e.target.style.background = 'red';
-    inertElementFiredOn = true;
-}
-
-description('Tests that inert inlines do not receive mouse events. ' +
-            'To test manually, click on all the "Click me"s. The test ' +
-            'fails if you see red.');
-inertElements = ['a', 'button', 'div', 'span']
-inertElements.forEach(function(id) {
-    element = document.getElementById(id);
-    element.addEventListener('click', eventFiredOnInertElement);
-    element.addEventListener('mousemove', eventFiredOnInertElement);
-});
-
-document.addEventListener('click', function(e) {
-    document.firedOn = true;
-});
-
-document.getElementById('dialog-parent').addEventListener('click', function(e) {
-    e.target.firedOn = true;
-});
-
-document.querySelector('dialog').showModal();
-inertElements.forEach(function(id) {
-    expectedTarget = document;
-    if (id == 'dialog-sibling')
-        expectedTarget = document.getElementById('dialog-parent')
-    element = document.getElementById(id);
-    inertElementFiredOn = false;
-    expectedTarget.firedOn = false;
-    debug('clicking on ' + id);
-    clickOn(element);
-    shouldBeFalse('inertElementFiredOn');
-    shouldBeTrue('expectedTarget.firedOn');
-});
-</script>
-</body>
-</html>
diff --git a/third_party/blink/web_tests/html/dialog/inert-label-focus-expected.txt b/third_party/blink/web_tests/html/dialog/inert-label-focus-expected.txt
deleted file mode 100644
index 9f360b6659124..0000000000000
--- a/third_party/blink/web_tests/html/dialog/inert-label-focus-expected.txt
+++ /dev/null
@@ -1,14 +0,0 @@
-Tests focusing of an inert label for a non-inert target. label.focus() should send focus to the target, but clicking the label should be the same as clicking on the document body.
-
-On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE".
-
-Testing that calling focus() on label sends focus to its target.
-PASS document.activeElement is document.querySelector('#submit')
-Testing that clicking on the label sends focus to document.body.
-PASS document.activeElement is document.body
-PASS successfullyParsed is true
-
-TEST COMPLETE
-
-Label for Submit
- 
diff --git a/third_party/blink/web_tests/html/dialog/inert-label-focus.html b/third_party/blink/web_tests/html/dialog/inert-label-focus.html
deleted file mode 100644
index 73fce0922507f..0000000000000
--- a/third_party/blink/web_tests/html/dialog/inert-label-focus.html
+++ /dev/null
@@ -1,44 +0,0 @@
-<!DOCTYPE html>
-<html>
-<script src="../../resources/js-test.js"></script>
-<label for="submit">Label for Submit</label>
-<dialog>
-    <input id="text" type="text">
-    <input id="submit" type="submit">
-</dialog>
-<script>
-function clickOn(element) {
-    if (!window.eventSender)
-        return;
-
-    var absoluteTop = 0;
-    var absoluteLeft = 0;
-    for (var parentNode = element; parentNode; parentNode = parentNode.offsetParent) {
-        absoluteLeft += parentNode.offsetLeft;
-        absoluteTop += parentNode.offsetTop;
-    }
-
-    var x = absoluteLeft + element.offsetWidth / 2;
-    var y = absoluteTop + element.offsetHeight / 2;
-    eventSender.mouseMoveTo(x, y);
-    eventSender.mouseDown();
-    eventSender.mouseUp();
-    eventSender.mouseMoveTo(0, 0);
-}
-
-description('Tests focusing of an inert label for a non-inert target. label.focus() should send focus ' +
-            'to the target, but clicking the label should be the same as clicking on the document body.');
-
-document.querySelector('dialog').showModal();
-document.querySelector('#text').focus();
-
-debug('Testing that calling focus() on label sends focus to its target.');
-label = document.querySelector('label');
-label.focus();
-shouldBe('document.activeElement', "document.querySelector('#submit')");
-
-debug('Testing that clicking on the label sends focus to document.body.');
-clickOn(label);
-shouldBe('document.activeElement', 'document.body');
-</script>
-</html>
diff --git a/third_party/blink/web_tests/html/dialog/inert-node-is-uneditable-expected.txt b/third_party/blink/web_tests/html/dialog/inert-node-is-uneditable-expected.txt
deleted file mode 100644
index 5f825bbc65e17..0000000000000
--- a/third_party/blink/web_tests/html/dialog/inert-node-is-uneditable-expected.txt
+++ /dev/null
@@ -1,10 +0,0 @@
-Test that inert nodes cannot be edited. The test passes if the only text you can edit is in the dialog.
-
-On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE".
-
-PASS notEditable.textContent is oldValue
-PASS editable.textContent is not oldValue
-PASS successfullyParsed is true
-
-TEST COMPLETE
-
diff --git a/third_party/blink/web_tests/html/dialog/inert-node-is-uneditable.html b/third_party/blink/web_tests/html/dialog/inert-node-is-uneditable.html
deleted file mode 100644
index 850171a7ba76d..0000000000000
--- a/third_party/blink/web_tests/html/dialog/inert-node-is-uneditable.html
+++ /dev/null
@@ -1,60 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-<script src="../../resources/js-test.js"></script>
-</head>
-<body>
-<span id="not-editable" contenteditable>I'm not editable.</span>
-<dialog>
-    <span id="editable" contenteditable>I'm editable.</span>
-</dialog>
-<script>
-function clickOn(element)
-{
-    if (!window.eventSender)
-        return;
-
-    var absoluteTop = 0;
-    var absoluteLeft = 0;
-    for (var parentNode = element; parentNode; parentNode = parentNode.offsetParent) {
-        absoluteLeft += parentNode.offsetLeft;
-        absoluteTop += parentNode.offsetTop;
-    }
-
-    var x = absoluteLeft + element.offsetWidth / 2;
-    var y = absoluteTop + element.offsetHeight / 2;
-    eventSender.mouseMoveTo(x, y);
-    eventSender.mouseDown();
-    eventSender.mouseUp();
-    eventSender.mouseMoveTo(0, 0);
-}
-
-function test()
-{
-    description('Test that inert nodes cannot be edited. The test passes if the only text you can edit is in the dialog.');
-
-    dialog = document.querySelector('dialog');
-    dialog.showModal();
-    notEditable = document.querySelector('#not-editable');
-    editable = document.querySelector('#editable');
-
-    if (!window.eventSender)
-        return;
-    clickOn(notEditable);
-    oldValue = notEditable.textContent;
-    eventSender.keyDown('a');
-    shouldBe('notEditable.textContent', 'oldValue');
-
-    clickOn(editable);
-    oldValue = editable.textContent;
-    eventSender.keyDown('a');
-    shouldNotBe('editable.textContent', 'oldValue');
-
-    notEditable.remove();
-    editable.remove();
-}
-
-test();
-</script>
-</body>
-</html>
diff --git a/third_party/blink/web_tests/html/dialog/inert-node-is-unselectable-expected.txt b/third_party/blink/web_tests/html/dialog/inert-node-is-unselectable-expected.txt
deleted file mode 100644
index cb2f35916aab0..0000000000000
--- a/third_party/blink/web_tests/html/dialog/inert-node-is-unselectable-expected.txt
+++ /dev/null
@@ -1,11 +0,0 @@
-Test that inert nodes cannot be selected. The test passes if the only text you can select is inside the dialog.
-
-On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE".
-
-PASS window.getSelection().toString() is "I'm selectable."
-PASS successfullyParsed is true
-
-TEST COMPLETE
-
-Here is a text node you can't select.
-I'm selectable.
diff --git a/third_party/blink/web_tests/html/dialog/inert-node-is-unselectable.html b/third_party/blink/web_tests/html/dialog/inert-node-is-unselectable.html
deleted file mode 100644
index 848a70bcd864c..0000000000000
--- a/third_party/blink/web_tests/html/dialog/inert-node-is-unselectable.html
+++ /dev/null
@@ -1,18 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-<script src="../../resources/js-test.js"></script>
-</head>
-<body>
-Here is a text node you can't select.
-<dialog>I'm selectable.</dialog>
-<script>
-description('Test that inert nodes cannot be selected. The test passes if the only text you can select is inside the dialog.');
-
-dialog = document.querySelector('dialog');
-dialog.showModal();
-document.execCommand('SelectAll');
-shouldBeEqualToString('window.getSelection().toString()', "I'm selectable.");
-</script>
-</body>
-</html>
diff --git a/third_party/blink/web_tests/html/dialog/modal-dialog-ancestor-is-inert-expected.txt b/third_party/blink/web_tests/html/dialog/modal-dialog-ancestor-is-inert-expected.txt
deleted file mode 100644
index 1245060cf2f66..0000000000000
--- a/third_party/blink/web_tests/html/dialog/modal-dialog-ancestor-is-inert-expected.txt
+++ /dev/null
@@ -1,18 +0,0 @@
-Test that ancestors of modal <dialog> 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.
-
-On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE".
-
-Clicking on ancestor
-PASS handledEvent.document is true
-PASS handledEvent.body is false
-PASS handledEvent.dialog is false
-PASS handledEvent.div is false
-Clicking on dialog
-PASS handledEvent.document is true
-PASS handledEvent.body is true
-PASS handledEvent.dialog is true
-PASS handledEvent.div is true
-PASS successfullyParsed is true
-
-TEST COMPLETE
-
diff --git a/third_party/blink/web_tests/html/dialog/modal-dialog-ancestor-is-inert.html b/third_party/blink/web_tests/html/dialog/modal-dialog-ancestor-is-inert.html
deleted file mode 100644
index ea0d9c6595c7b..0000000000000
--- a/third_party/blink/web_tests/html/dialog/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>
diff --git a/third_party/blink/web_tests/html/dialog/modal-dialog-blocks-mouse-events-expected.txt b/third_party/blink/web_tests/html/dialog/modal-dialog-blocks-mouse-events-expected.txt
deleted file mode 100644
index 64f6953910228..0000000000000
--- a/third_party/blink/web_tests/html/dialog/modal-dialog-blocks-mouse-events-expected.txt
+++ /dev/null
@@ -1,14 +0,0 @@
-Test for bug 110952. Ensure that mouse events are not dispatched to an inert node. To test manually, move the mouse to the blue box, click, and then move the mouse outside. Then repeat for the red box. The test succeeds if both boxes turn green.
-
-On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE".
-
-Clicking on inert box
-PASS inertDivHandledEvent is false
-PASS Object.keys(handledEvents.document).length is expectedEventCountForDocument
-Clicking on non-inert box
-PASS inertDivHandledEvent is false
-PASS Object.keys(handledEvents.dialogDiv).length is events.length
-PASS successfullyParsed is true
-
-TEST COMPLETE
-
diff --git a/third_party/blink/web_tests/html/dialog/modal-dialog-blocks-mouse-events.html b/third_party/blink/web_tests/html/dialog/modal-dialog-blocks-mouse-events.html
deleted file mode 100644
index 3c6db4ab6b47e..0000000000000
--- a/third_party/blink/web_tests/html/dialog/modal-dialog-blocks-mouse-events.html
+++ /dev/null
@@ -1,97 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-<style>
-#inert-div {
-    height: 100px;
-    width: 100px;
-    background: blue;
-}
-
-dialog {
-    width: 100px;
-}
-
-dialog::backdrop {
-    display: none;
-}
-
-#dialog-div {
-    height: 100px;
-    width: 100px;
-    background: red;
-}
-</style>
-<script src="../../resources/js-test.js"></script>
-</head>
-<body>
-<div id="inert-div"></div>
-<dialog id="dialog">
-    <div id="dialog-div"></div>
-</dialog>
-<script>
-description('Test for bug 110952. Ensure that mouse events are not ' +
-            'dispatched to an inert node. To test manually, move the mouse ' +
-            'to the blue box, click, and then move the mouse outside. Then ' +
-            'repeat for the red box. The test succeeds if both boxes turn ' +
-            'green.');
-
-function clickOn(element)
-{
-    if (!window.eventSender)
-        return;
-    var rect = element.getBoundingClientRect();
-    eventSender.mouseMoveTo(rect.left + rect.width / 2, rect.top + rect.height / 2);
-    eventSender.mouseDown();
-    eventSender.mouseUp();
-    eventSender.mouseMoveTo(0, 0);
-}
-
-if (window.testRunner)
-    testRunner.dumpAsText();
-
-dialog.showModal();
-
-inertDivHandledEvent = false;
-inertDiv = document.getElementById('inert-div');
-eventFiredOnInertNode = function(event) {
-    inertDivHandledEvent = true;
-    inertDiv.style.backgroundColor = 'red';
-};
-
-events =  ['mousedown', 'mouseup', 'click', 'mousemove', 'mouseover', 'mouseout'];
-dialogDiv = document.getElementById('dialog-div');
-handledEvents = {};
-handledEvents.dialogDiv = {};
-eventFiredOnDialog = function(event) {
-    handledEvents.dialogDiv[event.type] = true;
-    if (Object.keys(handledEvents.dialogDiv).length == events.length)
-        dialogDiv.style.backgroundColor = 'green';
-};
-
-handledEvents.document = {};
-expectedEventCountForDocument = events.length - 1; // document won't get 'mouseout'
-eventFiredOnDocument = function(event) {
-    handledEvents.document[event.type] = true;
-    if (Object.keys(handledEvents.document).length == document.expectedEventCount && !inertDivHandledEvent)
-        inertDiv.style.backgroundColor = 'green';
-};
-
-for (var i = 0; i < events.length; ++i) {
-    inertDiv.addEventListener(events[i], eventFiredOnInertNode);
-    dialogDiv.addEventListener(events[i], eventFiredOnDialog);
-    document.addEventListener(events[i], eventFiredOnDocument);
-}
-
-debug('Clicking on inert box');
-clickOn(inertDiv);
-shouldBeFalse('inertDivHandledEvent');
-shouldBe('Object.keys(handledEvents.document).length', 'expectedEventCountForDocument');
-
-debug('Clicking on non-inert box');
-clickOn(dialogDiv);
-shouldBeFalse('inertDivHandledEvent');
-shouldBe('Object.keys(handledEvents.dialogDiv).length', 'events.length');
-</script>
-</body>
-</html>