From edbe492dc80bb34f177f450e30309634ef22b007 Mon Sep 17 00:00:00 2001
From: WPT Sync Bot <josh+wptsync@joshmatthews.net>
Date: Mon, 16 Nov 2020 08:20:06 +0000
Subject: [PATCH] Update web-platform-tests to revision
 8dea22c604b5c77f4b244e54373749ac50846947

---
 .../url/url-in-tags-revoke.window.js.ini      |    2 +-
 .../CSS2/floats/hit-test-floats-002.html.ini  |    4 +
 ....html.ini => hit-test-floats-003.html.ini} |    2 +-
 .../CSS2/floats/hit-test-floats-005.html.ini  |    4 -
 .../transform-scale-hittest.html.ini          |    3 -
 .../css/cssom-view/CaretPosition-001.html.ini |    4 -
 .../cssom-view/elementFromPosition.html.ini   |    3 +
 .../elementsFromPoint-invalid-cases.html.ini  |    4 +
 .../matchMedia-display-none-iframe.html.ini   |    2 +
 .../fetch/content-type/response.window.js.ini |   27 +-
 .../fetch/content-type/script.window.js.ini   |    9 -
 .../traverse_the_history_1.html.ini           |    4 -
 .../traverse_the_history_5.html.ini           |    4 -
 .../embedded-opener-remove-frame.html.ini     |    1 +
 .../supported-elements.html.ini               |    3 +-
 .../hash-name-reference.html.ini              |    3 +
 .../iframe_sandbox_popups_escaping-3.html.ini |    3 +-
 ...rame_sandbox_popups_nonescaping-1.html.ini |    3 +-
 ...rame_sandbox_popups_nonescaping-3.html.ini |    4 +-
 .../form-double-submit.html.ini               |    4 +
 ...le-event-handler-settings-objects.html.ini |    3 +
 .../sub-sample-buffer-stitching.html.ini      |    6 +
 .../webmessaging/without-ports/018.html.ini   |    5 +
 ...d-worker-in-data-url-context.window.js.ini |    3 +-
 .../url/url-in-tags-revoke.window.js.ini      |    2 +-
 tests/wpt/metadata/MANIFEST.json              |   67 +-
 .../CSS2/floats/hit-test-floats-002.html.ini  |    4 +
 ....html.ini => hit-test-floats-003.html.ini} |    2 +-
 .../CSS2/floats/hit-test-floats-005.html.ini  |    4 -
 .../transform-scale-hittest.html.ini          |    3 -
 .../css/cssom-view/CaretPosition-001.html.ini |    4 -
 .../cssom-view/elementFromPosition.html.ini   |    3 +
 .../elementsFromPoint-invalid-cases.html.ini  |    4 +
 .../matchMedia-display-none-iframe.html.ini   |    2 +
 .../fetch/content-type/response.window.js.ini |   27 +-
 .../fetch/content-type/script.window.js.ini   |    9 -
 .../traverse_the_history_1.html.ini           |    4 -
 .../traverse_the_history_5.html.ini           |    4 -
 .../embedded-opener-remove-frame.html.ini     |    1 +
 .../supported-elements.html.ini               |    3 +-
 .../hash-name-reference.html.ini              |    3 +
 .../iframe_sandbox_popups_escaping-3.html.ini |    3 +-
 ...rame_sandbox_popups_nonescaping-1.html.ini |    3 +-
 ...rame_sandbox_popups_nonescaping-3.html.ini |    4 +-
 .../form-double-submit.html.ini               |    4 +
 ...le-event-handler-settings-objects.html.ini |    3 +
 .../sub-sample-buffer-stitching.html.ini      |    6 +
 .../webmessaging/without-ports/018.html.ini   |    5 +
 ...d-worker-in-data-url-context.window.js.ini |    3 +-
 ...nges-deleting-in-list-items.tentative.html | 1465 +++++++++++++++++
 ...dl-element-and-another-list.tentative.html |  285 ++++
 ...-ranges-joining-dl-elements.tentative.html |  605 +++++++
 .../input-events-get-target-ranges.js         |  267 ++-
 53 files changed, 2798 insertions(+), 111 deletions(-)
 create mode 100644 tests/wpt/metadata-layout-2020/css/CSS2/floats/hit-test-floats-002.html.ini
 rename tests/wpt/metadata-layout-2020/css/CSS2/floats/{hit-test-floats-004.html.ini => hit-test-floats-003.html.ini} (67%)
 delete mode 100644 tests/wpt/metadata-layout-2020/css/CSS2/floats/hit-test-floats-005.html.ini
 delete mode 100644 tests/wpt/metadata-layout-2020/css/cssom-view/CaretPosition-001.html.ini
 create mode 100644 tests/wpt/metadata-layout-2020/css/cssom-view/elementsFromPoint-invalid-cases.html.ini
 create mode 100644 tests/wpt/metadata-layout-2020/css/cssom-view/matchMedia-display-none-iframe.html.ini
 delete mode 100644 tests/wpt/metadata-layout-2020/html/browsers/history/the-history-interface/traverse_the_history_1.html.ini
 delete mode 100644 tests/wpt/metadata-layout-2020/html/browsers/history/the-history-interface/traverse_the_history_5.html.ini
 create mode 100644 tests/wpt/metadata-layout-2020/html/semantics/forms/form-submission-0/form-double-submit.html.ini
 create mode 100644 tests/wpt/metadata-layout-2020/webmessaging/without-ports/018.html.ini
 create mode 100644 tests/wpt/metadata/css/CSS2/floats/hit-test-floats-002.html.ini
 rename tests/wpt/metadata/css/CSS2/floats/{hit-test-floats-004.html.ini => hit-test-floats-003.html.ini} (67%)
 delete mode 100644 tests/wpt/metadata/css/CSS2/floats/hit-test-floats-005.html.ini
 delete mode 100644 tests/wpt/metadata/css/cssom-view/CaretPosition-001.html.ini
 create mode 100644 tests/wpt/metadata/css/cssom-view/elementsFromPoint-invalid-cases.html.ini
 create mode 100644 tests/wpt/metadata/css/cssom-view/matchMedia-display-none-iframe.html.ini
 delete mode 100644 tests/wpt/metadata/html/browsers/history/the-history-interface/traverse_the_history_1.html.ini
 delete mode 100644 tests/wpt/metadata/html/browsers/history/the-history-interface/traverse_the_history_5.html.ini
 create mode 100644 tests/wpt/metadata/html/semantics/forms/form-submission-0/form-double-submit.html.ini
 create mode 100644 tests/wpt/metadata/webmessaging/without-ports/018.html.ini
 create mode 100644 tests/wpt/web-platform-tests/input-events/input-events-get-target-ranges-deleting-in-list-items.tentative.html
 create mode 100644 tests/wpt/web-platform-tests/input-events/input-events-get-target-ranges-joining-dl-element-and-another-list.tentative.html
 create mode 100644 tests/wpt/web-platform-tests/input-events/input-events-get-target-ranges-joining-dl-elements.tentative.html

diff --git a/tests/wpt/metadata-layout-2020/FileAPI/url/url-in-tags-revoke.window.js.ini b/tests/wpt/metadata-layout-2020/FileAPI/url/url-in-tags-revoke.window.js.ini
index 76b44d9e9cf..3605e8f3fc9 100644
--- a/tests/wpt/metadata-layout-2020/FileAPI/url/url-in-tags-revoke.window.js.ini
+++ b/tests/wpt/metadata-layout-2020/FileAPI/url/url-in-tags-revoke.window.js.ini
@@ -4,7 +4,7 @@
     expected: TIMEOUT
 
   [Opening a blob URL in a new window immediately before revoking it works.]
-    expected: FAIL
+    expected: TIMEOUT
 
   [Fetching a blob URL immediately before revoking it works in an iframe.]
     expected: FAIL
diff --git a/tests/wpt/metadata-layout-2020/css/CSS2/floats/hit-test-floats-002.html.ini b/tests/wpt/metadata-layout-2020/css/CSS2/floats/hit-test-floats-002.html.ini
new file mode 100644
index 00000000000..f64b45fea6b
--- /dev/null
+++ b/tests/wpt/metadata-layout-2020/css/CSS2/floats/hit-test-floats-002.html.ini
@@ -0,0 +1,4 @@
+[hit-test-floats-002.html]
+  [Hit test float]
+    expected: FAIL
+
diff --git a/tests/wpt/metadata-layout-2020/css/CSS2/floats/hit-test-floats-004.html.ini b/tests/wpt/metadata-layout-2020/css/CSS2/floats/hit-test-floats-003.html.ini
similarity index 67%
rename from tests/wpt/metadata-layout-2020/css/CSS2/floats/hit-test-floats-004.html.ini
rename to tests/wpt/metadata-layout-2020/css/CSS2/floats/hit-test-floats-003.html.ini
index 4bfb0c2053a..f29da48a2a0 100644
--- a/tests/wpt/metadata-layout-2020/css/CSS2/floats/hit-test-floats-004.html.ini
+++ b/tests/wpt/metadata-layout-2020/css/CSS2/floats/hit-test-floats-003.html.ini
@@ -1,4 +1,4 @@
-[hit-test-floats-004.html]
+[hit-test-floats-003.html]
   [Miss float below something else]
     expected: FAIL
 
diff --git a/tests/wpt/metadata-layout-2020/css/CSS2/floats/hit-test-floats-005.html.ini b/tests/wpt/metadata-layout-2020/css/CSS2/floats/hit-test-floats-005.html.ini
deleted file mode 100644
index baa9f1a7541..00000000000
--- a/tests/wpt/metadata-layout-2020/css/CSS2/floats/hit-test-floats-005.html.ini
+++ /dev/null
@@ -1,4 +0,0 @@
-[hit-test-floats-005.html]
-  [Miss clipped float]
-    expected: FAIL
-
diff --git a/tests/wpt/metadata-layout-2020/css/css-transforms/transform-scale-hittest.html.ini b/tests/wpt/metadata-layout-2020/css/css-transforms/transform-scale-hittest.html.ini
index f8e7e539aae..4a1e8110f6f 100644
--- a/tests/wpt/metadata-layout-2020/css/css-transforms/transform-scale-hittest.html.ini
+++ b/tests/wpt/metadata-layout-2020/css/css-transforms/transform-scale-hittest.html.ini
@@ -2,6 +2,3 @@
   [Hit test intersecting scaled box]
     expected: FAIL
 
-  [Hit test within unscaled box]
-    expected: FAIL
-
diff --git a/tests/wpt/metadata-layout-2020/css/cssom-view/CaretPosition-001.html.ini b/tests/wpt/metadata-layout-2020/css/cssom-view/CaretPosition-001.html.ini
deleted file mode 100644
index 4c79907309b..00000000000
--- a/tests/wpt/metadata-layout-2020/css/cssom-view/CaretPosition-001.html.ini
+++ /dev/null
@@ -1,4 +0,0 @@
-[CaretPosition-001.html]
-  [Element at (400, 100)]
-    expected: FAIL
-
diff --git a/tests/wpt/metadata-layout-2020/css/cssom-view/elementFromPosition.html.ini b/tests/wpt/metadata-layout-2020/css/cssom-view/elementFromPosition.html.ini
index c131078eace..23c61ede1a1 100644
--- a/tests/wpt/metadata-layout-2020/css/cssom-view/elementFromPosition.html.ini
+++ b/tests/wpt/metadata-layout-2020/css/cssom-view/elementFromPosition.html.ini
@@ -17,3 +17,6 @@
   [test the top of layer]
     expected: FAIL
 
+  [test some point of the element: top left corner]
+    expected: FAIL
+
diff --git a/tests/wpt/metadata-layout-2020/css/cssom-view/elementsFromPoint-invalid-cases.html.ini b/tests/wpt/metadata-layout-2020/css/cssom-view/elementsFromPoint-invalid-cases.html.ini
new file mode 100644
index 00000000000..e181af5397f
--- /dev/null
+++ b/tests/wpt/metadata-layout-2020/css/cssom-view/elementsFromPoint-invalid-cases.html.ini
@@ -0,0 +1,4 @@
+[elementsFromPoint-invalid-cases.html]
+  [The root element is the last element returned for otherwise empty queries within the viewport]
+    expected: FAIL
+
diff --git a/tests/wpt/metadata-layout-2020/css/cssom-view/matchMedia-display-none-iframe.html.ini b/tests/wpt/metadata-layout-2020/css/cssom-view/matchMedia-display-none-iframe.html.ini
new file mode 100644
index 00000000000..e6e1f29e274
--- /dev/null
+++ b/tests/wpt/metadata-layout-2020/css/cssom-view/matchMedia-display-none-iframe.html.ini
@@ -0,0 +1,2 @@
+[matchMedia-display-none-iframe.html]
+  expected: ERROR
diff --git a/tests/wpt/metadata-layout-2020/fetch/content-type/response.window.js.ini b/tests/wpt/metadata-layout-2020/fetch/content-type/response.window.js.ini
index 952852bde1a..246c99c6e8e 100644
--- a/tests/wpt/metadata-layout-2020/fetch/content-type/response.window.js.ini
+++ b/tests/wpt/metadata-layout-2020/fetch/content-type/response.window.js.ini
@@ -312,27 +312,24 @@
   [Response: combined response Content-Type: text/html;" \\" text/plain ";charset=GBK]
     expected: NOTRUN
 
-  [<iframe>: separate response Content-Type: text/html;x=" text/plain]
-    expected: FAIL
-
-  [<iframe>: combined response Content-Type: text/html;" \\" text/plain]
-    expected: FAIL
-
-  [<iframe>: combined response Content-Type: text/html */*]
-    expected: FAIL
-
   [<iframe>: separate response Content-Type: text/plain */*;charset=gbk]
     expected: FAIL
 
-  [<iframe>: combined response Content-Type: text/html;x=" text/plain]
-    expected: FAIL
-
   [<iframe>: separate response Content-Type: text/html */*;charset=gbk]
     expected: FAIL
 
-  [<iframe>: separate response Content-Type: text/html */*]
-    expected: FAIL
-
   [<iframe>: separate response Content-Type: text/html;" \\" text/plain]
     expected: FAIL
 
+  [<iframe>: combined response Content-Type: text/html;" text/plain]
+    expected: FAIL
+
+  [<iframe>: combined response Content-Type: text/html;charset=gbk text/plain text/html]
+    expected: FAIL
+
+  [<iframe>: separate response Content-Type: text/html;" text/plain]
+    expected: FAIL
+
+  [<iframe>: combined response Content-Type: text/html */*;charset=gbk]
+    expected: FAIL
+
diff --git a/tests/wpt/metadata-layout-2020/fetch/content-type/script.window.js.ini b/tests/wpt/metadata-layout-2020/fetch/content-type/script.window.js.ini
index c0374f76e40..e67f0406fc3 100644
--- a/tests/wpt/metadata-layout-2020/fetch/content-type/script.window.js.ini
+++ b/tests/wpt/metadata-layout-2020/fetch/content-type/script.window.js.ini
@@ -53,12 +53,3 @@
   [combined text/javascript ]
     expected: FAIL
 
-  [separate text/javascript x/x]
-    expected: FAIL
-
-  [separate text/javascript error]
-    expected: FAIL
-
-  [separate text/javascript ]
-    expected: FAIL
-
diff --git a/tests/wpt/metadata-layout-2020/html/browsers/history/the-history-interface/traverse_the_history_1.html.ini b/tests/wpt/metadata-layout-2020/html/browsers/history/the-history-interface/traverse_the_history_1.html.ini
deleted file mode 100644
index 87b07c3e670..00000000000
--- a/tests/wpt/metadata-layout-2020/html/browsers/history/the-history-interface/traverse_the_history_1.html.ini
+++ /dev/null
@@ -1,4 +0,0 @@
-[traverse_the_history_1.html]
-  [Multiple history traversals from the same task]
-    expected: FAIL
-
diff --git a/tests/wpt/metadata-layout-2020/html/browsers/history/the-history-interface/traverse_the_history_5.html.ini b/tests/wpt/metadata-layout-2020/html/browsers/history/the-history-interface/traverse_the_history_5.html.ini
deleted file mode 100644
index dc2e45516de..00000000000
--- a/tests/wpt/metadata-layout-2020/html/browsers/history/the-history-interface/traverse_the_history_5.html.ini
+++ /dev/null
@@ -1,4 +0,0 @@
-[traverse_the_history_5.html]
-  [Multiple history traversals, last would be aborted]
-    expected: FAIL
-
diff --git a/tests/wpt/metadata-layout-2020/html/browsers/windows/embedded-opener-remove-frame.html.ini b/tests/wpt/metadata-layout-2020/html/browsers/windows/embedded-opener-remove-frame.html.ini
index 9a85a905394..8e2a63e3b7f 100644
--- a/tests/wpt/metadata-layout-2020/html/browsers/windows/embedded-opener-remove-frame.html.ini
+++ b/tests/wpt/metadata-layout-2020/html/browsers/windows/embedded-opener-remove-frame.html.ini
@@ -1,4 +1,5 @@
 [embedded-opener-remove-frame.html]
+  expected: CRASH
   [opener of discarded nested browsing context]
     expected: FAIL
 
diff --git a/tests/wpt/metadata-layout-2020/html/interaction/focus/the-autofocus-attribute/supported-elements.html.ini b/tests/wpt/metadata-layout-2020/html/interaction/focus/the-autofocus-attribute/supported-elements.html.ini
index f45aaafe1c5..3538891dae8 100644
--- a/tests/wpt/metadata-layout-2020/html/interaction/focus/the-autofocus-attribute/supported-elements.html.ini
+++ b/tests/wpt/metadata-layout-2020/html/interaction/focus/the-autofocus-attribute/supported-elements.html.ini
@@ -1,4 +1,5 @@
 [supported-elements.html]
+  expected: TIMEOUT
   [Contenteditable element should support autofocus]
     expected: FAIL
 
@@ -9,7 +10,7 @@
     expected: FAIL
 
   [Area element should support autofocus]
-    expected: FAIL
+    expected: TIMEOUT
 
   [Host element with delegatesFocus should support autofocus]
     expected: FAIL
diff --git a/tests/wpt/metadata-layout-2020/html/semantics/embedded-content/image-maps/image-map-processing-model/hash-name-reference.html.ini b/tests/wpt/metadata-layout-2020/html/semantics/embedded-content/image-maps/image-map-processing-model/hash-name-reference.html.ini
index 5c3ac06f42a..09ae27d7480 100644
--- a/tests/wpt/metadata-layout-2020/html/semantics/embedded-content/image-maps/image-map-processing-model/hash-name-reference.html.ini
+++ b/tests/wpt/metadata-layout-2020/html/semantics/embedded-content/image-maps/image-map-processing-model/hash-name-reference.html.ini
@@ -171,3 +171,6 @@
   [XHTML img usemap="#hash-id"]
     expected: FAIL
 
+  [HTML (standards) IMG usemap="no-hash-name"]
+    expected: FAIL
+
diff --git a/tests/wpt/metadata-layout-2020/html/semantics/embedded-content/the-iframe-element/iframe_sandbox_popups_escaping-3.html.ini b/tests/wpt/metadata-layout-2020/html/semantics/embedded-content/the-iframe-element/iframe_sandbox_popups_escaping-3.html.ini
index 295031c1812..338d283eb0e 100644
--- a/tests/wpt/metadata-layout-2020/html/semantics/embedded-content/the-iframe-element/iframe_sandbox_popups_escaping-3.html.ini
+++ b/tests/wpt/metadata-layout-2020/html/semantics/embedded-content/the-iframe-element/iframe_sandbox_popups_escaping-3.html.ini
@@ -1,5 +1,4 @@
 [iframe_sandbox_popups_escaping-3.html]
-  expected: TIMEOUT
   [Check that popups from a sandboxed iframe escape the sandbox if\n       allow-popups-to-escape-sandbox is used]
-    expected: TIMEOUT
+    expected: FAIL
 
diff --git a/tests/wpt/metadata-layout-2020/html/semantics/embedded-content/the-iframe-element/iframe_sandbox_popups_nonescaping-1.html.ini b/tests/wpt/metadata-layout-2020/html/semantics/embedded-content/the-iframe-element/iframe_sandbox_popups_nonescaping-1.html.ini
index d913fcbb129..1b74d6e073d 100644
--- a/tests/wpt/metadata-layout-2020/html/semantics/embedded-content/the-iframe-element/iframe_sandbox_popups_nonescaping-1.html.ini
+++ b/tests/wpt/metadata-layout-2020/html/semantics/embedded-content/the-iframe-element/iframe_sandbox_popups_nonescaping-1.html.ini
@@ -1,5 +1,4 @@
 [iframe_sandbox_popups_nonescaping-1.html]
-  expected: TIMEOUT
   [Check that popups from a sandboxed iframe do not escape the sandbox]
-    expected: NOTRUN
+    expected: FAIL
 
diff --git a/tests/wpt/metadata-layout-2020/html/semantics/embedded-content/the-iframe-element/iframe_sandbox_popups_nonescaping-3.html.ini b/tests/wpt/metadata-layout-2020/html/semantics/embedded-content/the-iframe-element/iframe_sandbox_popups_nonescaping-3.html.ini
index 7d2b5231af2..f4f994c5d6f 100644
--- a/tests/wpt/metadata-layout-2020/html/semantics/embedded-content/the-iframe-element/iframe_sandbox_popups_nonescaping-3.html.ini
+++ b/tests/wpt/metadata-layout-2020/html/semantics/embedded-content/the-iframe-element/iframe_sandbox_popups_nonescaping-3.html.ini
@@ -1,5 +1,5 @@
 [iframe_sandbox_popups_nonescaping-3.html]
-  expected: CRASH
+  expected: TIMEOUT
   [Check that popups from a sandboxed iframe do not escape the sandbox]
-    expected: FAIL
+    expected: NOTRUN
 
diff --git a/tests/wpt/metadata-layout-2020/html/semantics/forms/form-submission-0/form-double-submit.html.ini b/tests/wpt/metadata-layout-2020/html/semantics/forms/form-submission-0/form-double-submit.html.ini
new file mode 100644
index 00000000000..b193c33c2b6
--- /dev/null
+++ b/tests/wpt/metadata-layout-2020/html/semantics/forms/form-submission-0/form-double-submit.html.ini
@@ -0,0 +1,4 @@
+[form-double-submit.html]
+  [default submit action should supersede onclick submit()]
+    expected: FAIL
+
diff --git a/tests/wpt/metadata-layout-2020/html/webappapis/scripting/events/compile-event-handler-settings-objects.html.ini b/tests/wpt/metadata-layout-2020/html/webappapis/scripting/events/compile-event-handler-settings-objects.html.ini
index dbec6f2c2ff..450c88bd32b 100644
--- a/tests/wpt/metadata-layout-2020/html/webappapis/scripting/events/compile-event-handler-settings-objects.html.ini
+++ b/tests/wpt/metadata-layout-2020/html/webappapis/scripting/events/compile-event-handler-settings-objects.html.ini
@@ -3,3 +3,6 @@
   [The incumbent settings object while executing the compiled callback via Web IDL's invoke must be that of the node document]
     expected: TIMEOUT
 
+  [The entry settings object while executing the compiled callback via Web IDL's invoke must be that of the node document]
+    expected: FAIL
+
diff --git a/tests/wpt/metadata-layout-2020/webaudio/the-audio-api/the-audiobuffersourcenode-interface/sub-sample-buffer-stitching.html.ini b/tests/wpt/metadata-layout-2020/webaudio/the-audio-api/the-audiobuffersourcenode-interface/sub-sample-buffer-stitching.html.ini
index d208909795c..35202de9201 100644
--- a/tests/wpt/metadata-layout-2020/webaudio/the-audio-api/the-audiobuffersourcenode-interface/sub-sample-buffer-stitching.html.ini
+++ b/tests/wpt/metadata-layout-2020/webaudio/the-audio-api/the-audiobuffersourcenode-interface/sub-sample-buffer-stitching.html.ini
@@ -275,3 +275,9 @@
   [X Stitched sine-wave buffers at sample rate 43800 does not equal [0,0.06264832615852356,0.12505052983760834,0.18696144223213196,0.24813786149024963,0.308339387178421,0.36732959747314453,0.4248766601085663,0.480754554271698,0.5347436666488647,0.5866320133209229,0.6362156271934509,0.6832997798919678,0.7276994585990906,0.7692402601242065,0.8077589869499207...\] with an element-wise tolerance of {"absoluteThreshold":0.0038986,"relativeThreshold":0}.\n\tIndex\tActual\t\t\tExpected\t\tAbsError\t\tRelError\t\tTest threshold\n\t[28696\]\t-4.5381180933959784e-25\t9.3139332532882690e-1\t9.3139332532882690e-1\t1.0000000000000000e+0\t3.8985999999999999e-3\n\t[28697\]\t7.0477002859115601e-1\t9.0675884485244751e-1\t2.0198881626129150e-1\t2.2275913536212616e-1\t3.8985999999999999e-3\n\tMax AbsError of 9.3139332532882690e-1 at index of 28696.\n\tMax RelError of 1.0000000000000000e+0 at index of 28696.\n]
     expected: FAIL
 
+  [X SNR (43.8240408822966 dB) is not greater than or equal to 65.737. Got 43.8240408822966.]
+    expected: FAIL
+
+  [X Stitched sine-wave buffers at sample rate 43800 does not equal [0,0.06264832615852356,0.12505052983760834,0.18696144223213196,0.24813786149024963,0.308339387178421,0.36732959747314453,0.4248766601085663,0.480754554271698,0.5347436666488647,0.5866320133209229,0.6362156271934509,0.6832997798919678,0.7276994585990906,0.7692402601242065,0.8077589869499207...\] with an element-wise tolerance of {"absoluteThreshold":0.0038986,"relativeThreshold":0}.\n\tIndex\tActual\t\t\tExpected\t\tAbsError\t\tRelError\t\tTest threshold\n\t[28696\]\t1.9543942710671582e-15\t9.3139332532882690e-1\t9.3139332532882491e-1\t9.9999999999999789e-1\t3.8985999999999999e-3\n\t[28697\]\t7.0477002859115601e-1\t9.0675884485244751e-1\t2.0198881626129150e-1\t2.2275913536212616e-1\t3.8985999999999999e-3\n\tMax AbsError of 9.3139332532882491e-1 at index of 28696.\n\tMax RelError of 9.9999999999999789e-1 at index of 28696.\n]
+    expected: FAIL
+
diff --git a/tests/wpt/metadata-layout-2020/webmessaging/without-ports/018.html.ini b/tests/wpt/metadata-layout-2020/webmessaging/without-ports/018.html.ini
new file mode 100644
index 00000000000..663a1f8fa30
--- /dev/null
+++ b/tests/wpt/metadata-layout-2020/webmessaging/without-ports/018.html.ini
@@ -0,0 +1,5 @@
+[018.html]
+  expected: TIMEOUT
+  [origin of the script that invoked the method, javascript:]
+    expected: TIMEOUT
+
diff --git a/tests/wpt/metadata-layout-2020/workers/shared-worker-in-data-url-context.window.js.ini b/tests/wpt/metadata-layout-2020/workers/shared-worker-in-data-url-context.window.js.ini
index daa7a8c41bc..10dda3a6659 100644
--- a/tests/wpt/metadata-layout-2020/workers/shared-worker-in-data-url-context.window.js.ini
+++ b/tests/wpt/metadata-layout-2020/workers/shared-worker-in-data-url-context.window.js.ini
@@ -1,8 +1,7 @@
 [shared-worker-in-data-url-context.window.html]
-  expected: TIMEOUT
   [Create a shared worker in a data url frame]
     expected: FAIL
 
   [Create a data url shared worker in a data url frame]
-    expected: TIMEOUT
+    expected: FAIL
 
diff --git a/tests/wpt/metadata/FileAPI/url/url-in-tags-revoke.window.js.ini b/tests/wpt/metadata/FileAPI/url/url-in-tags-revoke.window.js.ini
index d4f62ed7113..faa00f45ecf 100644
--- a/tests/wpt/metadata/FileAPI/url/url-in-tags-revoke.window.js.ini
+++ b/tests/wpt/metadata/FileAPI/url/url-in-tags-revoke.window.js.ini
@@ -7,7 +7,7 @@
     expected: FAIL
 
   [Opening a blob URL in a new window immediately before revoking it works.]
-    expected: FAIL
+    expected: TIMEOUT
 
   [Opening a blob URL in a noopener about:blank window immediately before revoking it works.]
     expected: TIMEOUT
diff --git a/tests/wpt/metadata/MANIFEST.json b/tests/wpt/metadata/MANIFEST.json
index 914d60dec8d..44ef2826b06 100644
--- a/tests/wpt/metadata/MANIFEST.json
+++ b/tests/wpt/metadata/MANIFEST.json
@@ -349654,7 +349654,7 @@
      []
     ],
     "input-events-get-target-ranges.js": [
-     "6b922cdf03930ace471c9df2ddb58f74b1b24850",
+     "f9404e07a5564c64a2863a1329728517fedd5ca7",
      []
     ]
    },
@@ -494457,6 +494457,37 @@
       }
      ]
     ],
+    "input-events-get-target-ranges-deleting-in-list-items.tentative.html": [
+     "2671fefa7cfc975cfc53de6859e394c445cb11f3",
+     [
+      "input-events/input-events-get-target-ranges-deleting-in-list-items.tentative.html?Backspace,ol",
+      {
+       "testdriver": true,
+       "timeout": "long"
+      }
+     ],
+     [
+      "input-events/input-events-get-target-ranges-deleting-in-list-items.tentative.html?Backspace,ul",
+      {
+       "testdriver": true,
+       "timeout": "long"
+      }
+     ],
+     [
+      "input-events/input-events-get-target-ranges-deleting-in-list-items.tentative.html?Delete,ol",
+      {
+       "testdriver": true,
+       "timeout": "long"
+      }
+     ],
+     [
+      "input-events/input-events-get-target-ranges-deleting-in-list-items.tentative.html?Delete,ul",
+      {
+       "testdriver": true,
+       "timeout": "long"
+      }
+     ]
+    ],
     "input-events-get-target-ranges-during-and-after-dispatch.tentative.html": [
      "be4656d04a84fada7f8b318a1df97ea062c39a95",
      [
@@ -494476,6 +494507,40 @@
       }
      ]
     ],
+    "input-events-get-target-ranges-joining-dl-element-and-another-list.tentative.html": [
+     "cebddac4c5b38d7575f42607f7b4128f0d0bc139",
+     [
+      "input-events/input-events-get-target-ranges-joining-dl-element-and-another-list.tentative.html?Backspace",
+      {
+       "testdriver": true,
+       "timeout": "long"
+      }
+     ],
+     [
+      "input-events/input-events-get-target-ranges-joining-dl-element-and-another-list.tentative.html?Delete",
+      {
+       "testdriver": true,
+       "timeout": "long"
+      }
+     ]
+    ],
+    "input-events-get-target-ranges-joining-dl-elements.tentative.html": [
+     "3e51dab7755e3bca9f3a29ab71b8f3a9922ce049",
+     [
+      "input-events/input-events-get-target-ranges-joining-dl-elements.tentative.html?Backspace",
+      {
+       "testdriver": true,
+       "timeout": "long"
+      }
+     ],
+     [
+      "input-events/input-events-get-target-ranges-joining-dl-elements.tentative.html?Delete",
+      {
+       "testdriver": true,
+       "timeout": "long"
+      }
+     ]
+    ],
     "input-events-get-target-ranges-non-collapsed-selection.tentative.html": [
      "b8732327dad4a8ee8570ca03400f9376112c53c7",
      [
diff --git a/tests/wpt/metadata/css/CSS2/floats/hit-test-floats-002.html.ini b/tests/wpt/metadata/css/CSS2/floats/hit-test-floats-002.html.ini
new file mode 100644
index 00000000000..f64b45fea6b
--- /dev/null
+++ b/tests/wpt/metadata/css/CSS2/floats/hit-test-floats-002.html.ini
@@ -0,0 +1,4 @@
+[hit-test-floats-002.html]
+  [Hit test float]
+    expected: FAIL
+
diff --git a/tests/wpt/metadata/css/CSS2/floats/hit-test-floats-004.html.ini b/tests/wpt/metadata/css/CSS2/floats/hit-test-floats-003.html.ini
similarity index 67%
rename from tests/wpt/metadata/css/CSS2/floats/hit-test-floats-004.html.ini
rename to tests/wpt/metadata/css/CSS2/floats/hit-test-floats-003.html.ini
index 4bfb0c2053a..f29da48a2a0 100644
--- a/tests/wpt/metadata/css/CSS2/floats/hit-test-floats-004.html.ini
+++ b/tests/wpt/metadata/css/CSS2/floats/hit-test-floats-003.html.ini
@@ -1,4 +1,4 @@
-[hit-test-floats-004.html]
+[hit-test-floats-003.html]
   [Miss float below something else]
     expected: FAIL
 
diff --git a/tests/wpt/metadata/css/CSS2/floats/hit-test-floats-005.html.ini b/tests/wpt/metadata/css/CSS2/floats/hit-test-floats-005.html.ini
deleted file mode 100644
index baa9f1a7541..00000000000
--- a/tests/wpt/metadata/css/CSS2/floats/hit-test-floats-005.html.ini
+++ /dev/null
@@ -1,4 +0,0 @@
-[hit-test-floats-005.html]
-  [Miss clipped float]
-    expected: FAIL
-
diff --git a/tests/wpt/metadata/css/css-transforms/transform-scale-hittest.html.ini b/tests/wpt/metadata/css/css-transforms/transform-scale-hittest.html.ini
index f8e7e539aae..4a1e8110f6f 100644
--- a/tests/wpt/metadata/css/css-transforms/transform-scale-hittest.html.ini
+++ b/tests/wpt/metadata/css/css-transforms/transform-scale-hittest.html.ini
@@ -2,6 +2,3 @@
   [Hit test intersecting scaled box]
     expected: FAIL
 
-  [Hit test within unscaled box]
-    expected: FAIL
-
diff --git a/tests/wpt/metadata/css/cssom-view/CaretPosition-001.html.ini b/tests/wpt/metadata/css/cssom-view/CaretPosition-001.html.ini
deleted file mode 100644
index 4c79907309b..00000000000
--- a/tests/wpt/metadata/css/cssom-view/CaretPosition-001.html.ini
+++ /dev/null
@@ -1,4 +0,0 @@
-[CaretPosition-001.html]
-  [Element at (400, 100)]
-    expected: FAIL
-
diff --git a/tests/wpt/metadata/css/cssom-view/elementFromPosition.html.ini b/tests/wpt/metadata/css/cssom-view/elementFromPosition.html.ini
index 85e94926cb3..5733d536fd3 100644
--- a/tests/wpt/metadata/css/cssom-view/elementFromPosition.html.ini
+++ b/tests/wpt/metadata/css/cssom-view/elementFromPosition.html.ini
@@ -21,3 +21,6 @@
   [test the top of layer]
     expected: FAIL
 
+  [test some point of the element: top left corner]
+    expected: FAIL
+
diff --git a/tests/wpt/metadata/css/cssom-view/elementsFromPoint-invalid-cases.html.ini b/tests/wpt/metadata/css/cssom-view/elementsFromPoint-invalid-cases.html.ini
new file mode 100644
index 00000000000..e181af5397f
--- /dev/null
+++ b/tests/wpt/metadata/css/cssom-view/elementsFromPoint-invalid-cases.html.ini
@@ -0,0 +1,4 @@
+[elementsFromPoint-invalid-cases.html]
+  [The root element is the last element returned for otherwise empty queries within the viewport]
+    expected: FAIL
+
diff --git a/tests/wpt/metadata/css/cssom-view/matchMedia-display-none-iframe.html.ini b/tests/wpt/metadata/css/cssom-view/matchMedia-display-none-iframe.html.ini
new file mode 100644
index 00000000000..e6e1f29e274
--- /dev/null
+++ b/tests/wpt/metadata/css/cssom-view/matchMedia-display-none-iframe.html.ini
@@ -0,0 +1,2 @@
+[matchMedia-display-none-iframe.html]
+  expected: ERROR
diff --git a/tests/wpt/metadata/fetch/content-type/response.window.js.ini b/tests/wpt/metadata/fetch/content-type/response.window.js.ini
index d62e31de77f..6d8f818fb70 100644
--- a/tests/wpt/metadata/fetch/content-type/response.window.js.ini
+++ b/tests/wpt/metadata/fetch/content-type/response.window.js.ini
@@ -312,27 +312,24 @@
   [fetch(): separate response Content-Type: text/plain ]
     expected: NOTRUN
 
-  [<iframe>: separate response Content-Type: text/html;x=" text/plain]
-    expected: FAIL
-
-  [<iframe>: combined response Content-Type: text/html;" \\" text/plain]
-    expected: FAIL
-
-  [<iframe>: combined response Content-Type: text/html */*]
-    expected: FAIL
-
   [<iframe>: separate response Content-Type: text/plain */*;charset=gbk]
     expected: FAIL
 
-  [<iframe>: combined response Content-Type: text/html;x=" text/plain]
-    expected: FAIL
-
   [<iframe>: separate response Content-Type: text/html */*;charset=gbk]
     expected: FAIL
 
-  [<iframe>: separate response Content-Type: text/html */*]
-    expected: FAIL
-
   [<iframe>: separate response Content-Type: text/html;" \\" text/plain]
     expected: FAIL
 
+  [<iframe>: combined response Content-Type: text/html;" text/plain]
+    expected: FAIL
+
+  [<iframe>: combined response Content-Type: text/html;charset=gbk text/plain text/html]
+    expected: FAIL
+
+  [<iframe>: separate response Content-Type: text/html;" text/plain]
+    expected: FAIL
+
+  [<iframe>: combined response Content-Type: text/html */*;charset=gbk]
+    expected: FAIL
+
diff --git a/tests/wpt/metadata/fetch/content-type/script.window.js.ini b/tests/wpt/metadata/fetch/content-type/script.window.js.ini
index c0374f76e40..e67f0406fc3 100644
--- a/tests/wpt/metadata/fetch/content-type/script.window.js.ini
+++ b/tests/wpt/metadata/fetch/content-type/script.window.js.ini
@@ -53,12 +53,3 @@
   [combined text/javascript ]
     expected: FAIL
 
-  [separate text/javascript x/x]
-    expected: FAIL
-
-  [separate text/javascript error]
-    expected: FAIL
-
-  [separate text/javascript ]
-    expected: FAIL
-
diff --git a/tests/wpt/metadata/html/browsers/history/the-history-interface/traverse_the_history_1.html.ini b/tests/wpt/metadata/html/browsers/history/the-history-interface/traverse_the_history_1.html.ini
deleted file mode 100644
index 87b07c3e670..00000000000
--- a/tests/wpt/metadata/html/browsers/history/the-history-interface/traverse_the_history_1.html.ini
+++ /dev/null
@@ -1,4 +0,0 @@
-[traverse_the_history_1.html]
-  [Multiple history traversals from the same task]
-    expected: FAIL
-
diff --git a/tests/wpt/metadata/html/browsers/history/the-history-interface/traverse_the_history_5.html.ini b/tests/wpt/metadata/html/browsers/history/the-history-interface/traverse_the_history_5.html.ini
deleted file mode 100644
index dc2e45516de..00000000000
--- a/tests/wpt/metadata/html/browsers/history/the-history-interface/traverse_the_history_5.html.ini
+++ /dev/null
@@ -1,4 +0,0 @@
-[traverse_the_history_5.html]
-  [Multiple history traversals, last would be aborted]
-    expected: FAIL
-
diff --git a/tests/wpt/metadata/html/browsers/windows/embedded-opener-remove-frame.html.ini b/tests/wpt/metadata/html/browsers/windows/embedded-opener-remove-frame.html.ini
index 442db3cb549..2532dceabac 100644
--- a/tests/wpt/metadata/html/browsers/windows/embedded-opener-remove-frame.html.ini
+++ b/tests/wpt/metadata/html/browsers/windows/embedded-opener-remove-frame.html.ini
@@ -1,4 +1,5 @@
 [embedded-opener-remove-frame.html]
+  expected: CRASH
   [opener and "removed" embedded documents]
     expected: FAIL
 
diff --git a/tests/wpt/metadata/html/interaction/focus/the-autofocus-attribute/supported-elements.html.ini b/tests/wpt/metadata/html/interaction/focus/the-autofocus-attribute/supported-elements.html.ini
index 6b68e9094e4..d1ca01ebc5f 100644
--- a/tests/wpt/metadata/html/interaction/focus/the-autofocus-attribute/supported-elements.html.ini
+++ b/tests/wpt/metadata/html/interaction/focus/the-autofocus-attribute/supported-elements.html.ini
@@ -1,4 +1,5 @@
 [supported-elements.html]
+  expected: TIMEOUT
   [Contenteditable element should support autofocus]
     expected: FAIL
 
@@ -9,7 +10,7 @@
     expected: FAIL
 
   [Area element should support autofocus]
-    expected: FAIL
+    expected: TIMEOUT
 
   [Host element with delegatesFocus should support autofocus]
     expected: FAIL
diff --git a/tests/wpt/metadata/html/semantics/embedded-content/image-maps/image-map-processing-model/hash-name-reference.html.ini b/tests/wpt/metadata/html/semantics/embedded-content/image-maps/image-map-processing-model/hash-name-reference.html.ini
index 1de3f8d68b2..98163335e40 100644
--- a/tests/wpt/metadata/html/semantics/embedded-content/image-maps/image-map-processing-model/hash-name-reference.html.ini
+++ b/tests/wpt/metadata/html/semantics/embedded-content/image-maps/image-map-processing-model/hash-name-reference.html.ini
@@ -172,3 +172,6 @@
   [XHTML img usemap="http://example.org/#garbage-before-hash-id"]
     expected: FAIL
 
+  [HTML (standards) IMG usemap="no-hash-name"]
+    expected: FAIL
+
diff --git a/tests/wpt/metadata/html/semantics/embedded-content/the-iframe-element/iframe_sandbox_popups_escaping-3.html.ini b/tests/wpt/metadata/html/semantics/embedded-content/the-iframe-element/iframe_sandbox_popups_escaping-3.html.ini
index 5f60c78e73c..f6a7aca3306 100644
--- a/tests/wpt/metadata/html/semantics/embedded-content/the-iframe-element/iframe_sandbox_popups_escaping-3.html.ini
+++ b/tests/wpt/metadata/html/semantics/embedded-content/the-iframe-element/iframe_sandbox_popups_escaping-3.html.ini
@@ -1,6 +1,5 @@
 [iframe_sandbox_popups_escaping-3.html]
   type: testharness
-  expected: TIMEOUT
   [Check that popups from a sandboxed iframe escape the sandbox if\n       allow-popups-to-escape-sandbox is used]
-    expected: TIMEOUT
+    expected: FAIL
 
diff --git a/tests/wpt/metadata/html/semantics/embedded-content/the-iframe-element/iframe_sandbox_popups_nonescaping-1.html.ini b/tests/wpt/metadata/html/semantics/embedded-content/the-iframe-element/iframe_sandbox_popups_nonescaping-1.html.ini
index 9df1ac56f2a..3f7e3e9544f 100644
--- a/tests/wpt/metadata/html/semantics/embedded-content/the-iframe-element/iframe_sandbox_popups_nonescaping-1.html.ini
+++ b/tests/wpt/metadata/html/semantics/embedded-content/the-iframe-element/iframe_sandbox_popups_nonescaping-1.html.ini
@@ -1,6 +1,5 @@
 [iframe_sandbox_popups_nonescaping-1.html]
   type: testharness
-  expected: TIMEOUT
   [Check that popups from a sandboxed iframe do not escape the sandbox]
-    expected: NOTRUN
+    expected: FAIL
 
diff --git a/tests/wpt/metadata/html/semantics/embedded-content/the-iframe-element/iframe_sandbox_popups_nonescaping-3.html.ini b/tests/wpt/metadata/html/semantics/embedded-content/the-iframe-element/iframe_sandbox_popups_nonescaping-3.html.ini
index 2568040e6e5..e440b1e38c6 100644
--- a/tests/wpt/metadata/html/semantics/embedded-content/the-iframe-element/iframe_sandbox_popups_nonescaping-3.html.ini
+++ b/tests/wpt/metadata/html/semantics/embedded-content/the-iframe-element/iframe_sandbox_popups_nonescaping-3.html.ini
@@ -1,6 +1,6 @@
 [iframe_sandbox_popups_nonescaping-3.html]
   type: testharness
-  expected: CRASH
+  expected: TIMEOUT
   [Check that popups from a sandboxed iframe do not escape the sandbox]
-    expected: FAIL
+    expected: NOTRUN
 
diff --git a/tests/wpt/metadata/html/semantics/forms/form-submission-0/form-double-submit.html.ini b/tests/wpt/metadata/html/semantics/forms/form-submission-0/form-double-submit.html.ini
new file mode 100644
index 00000000000..b193c33c2b6
--- /dev/null
+++ b/tests/wpt/metadata/html/semantics/forms/form-submission-0/form-double-submit.html.ini
@@ -0,0 +1,4 @@
+[form-double-submit.html]
+  [default submit action should supersede onclick submit()]
+    expected: FAIL
+
diff --git a/tests/wpt/metadata/html/webappapis/scripting/events/compile-event-handler-settings-objects.html.ini b/tests/wpt/metadata/html/webappapis/scripting/events/compile-event-handler-settings-objects.html.ini
index 0cef5158fae..01f7b72cbe7 100644
--- a/tests/wpt/metadata/html/webappapis/scripting/events/compile-event-handler-settings-objects.html.ini
+++ b/tests/wpt/metadata/html/webappapis/scripting/events/compile-event-handler-settings-objects.html.ini
@@ -4,3 +4,6 @@
   [The incumbent settings object while executing the compiled callback via Web IDL's invoke must be that of the node document]
     expected: TIMEOUT
 
+  [The entry settings object while executing the compiled callback via Web IDL's invoke must be that of the node document]
+    expected: FAIL
+
diff --git a/tests/wpt/metadata/webaudio/the-audio-api/the-audiobuffersourcenode-interface/sub-sample-buffer-stitching.html.ini b/tests/wpt/metadata/webaudio/the-audio-api/the-audiobuffersourcenode-interface/sub-sample-buffer-stitching.html.ini
index de828959b6b..c22a3e2c5f8 100644
--- a/tests/wpt/metadata/webaudio/the-audio-api/the-audiobuffersourcenode-interface/sub-sample-buffer-stitching.html.ini
+++ b/tests/wpt/metadata/webaudio/the-audio-api/the-audiobuffersourcenode-interface/sub-sample-buffer-stitching.html.ini
@@ -503,3 +503,9 @@
   [X Stitched sine-wave buffers at sample rate 43800 does not equal [0,0.06264832615852356,0.12505052983760834,0.18696144223213196,0.24813786149024963,0.308339387178421,0.36732959747314453,0.4248766601085663,0.480754554271698,0.5347436666488647,0.5866320133209229,0.6362156271934509,0.6832997798919678,0.7276994585990906,0.7692402601242065,0.8077589869499207...\] with an element-wise tolerance of {"absoluteThreshold":0.0038986,"relativeThreshold":0}.\n\tIndex\tActual\t\t\tExpected\t\tAbsError\t\tRelError\t\tTest threshold\n\t[28696\]\t-4.5381180933959784e-25\t9.3139332532882690e-1\t9.3139332532882690e-1\t1.0000000000000000e+0\t3.8985999999999999e-3\n\t[28697\]\t7.0477002859115601e-1\t9.0675884485244751e-1\t2.0198881626129150e-1\t2.2275913536212616e-1\t3.8985999999999999e-3\n\tMax AbsError of 9.3139332532882690e-1 at index of 28696.\n\tMax RelError of 1.0000000000000000e+0 at index of 28696.\n]
     expected: FAIL
 
+  [X SNR (43.8240408822966 dB) is not greater than or equal to 65.737. Got 43.8240408822966.]
+    expected: FAIL
+
+  [X Stitched sine-wave buffers at sample rate 43800 does not equal [0,0.06264832615852356,0.12505052983760834,0.18696144223213196,0.24813786149024963,0.308339387178421,0.36732959747314453,0.4248766601085663,0.480754554271698,0.5347436666488647,0.5866320133209229,0.6362156271934509,0.6832997798919678,0.7276994585990906,0.7692402601242065,0.8077589869499207...\] with an element-wise tolerance of {"absoluteThreshold":0.0038986,"relativeThreshold":0}.\n\tIndex\tActual\t\t\tExpected\t\tAbsError\t\tRelError\t\tTest threshold\n\t[28696\]\t1.9543942710671582e-15\t9.3139332532882690e-1\t9.3139332532882491e-1\t9.9999999999999789e-1\t3.8985999999999999e-3\n\t[28697\]\t7.0477002859115601e-1\t9.0675884485244751e-1\t2.0198881626129150e-1\t2.2275913536212616e-1\t3.8985999999999999e-3\n\tMax AbsError of 9.3139332532882491e-1 at index of 28696.\n\tMax RelError of 9.9999999999999789e-1 at index of 28696.\n]
+    expected: FAIL
+
diff --git a/tests/wpt/metadata/webmessaging/without-ports/018.html.ini b/tests/wpt/metadata/webmessaging/without-ports/018.html.ini
new file mode 100644
index 00000000000..663a1f8fa30
--- /dev/null
+++ b/tests/wpt/metadata/webmessaging/without-ports/018.html.ini
@@ -0,0 +1,5 @@
+[018.html]
+  expected: TIMEOUT
+  [origin of the script that invoked the method, javascript:]
+    expected: TIMEOUT
+
diff --git a/tests/wpt/metadata/workers/shared-worker-in-data-url-context.window.js.ini b/tests/wpt/metadata/workers/shared-worker-in-data-url-context.window.js.ini
index daa7a8c41bc..10dda3a6659 100644
--- a/tests/wpt/metadata/workers/shared-worker-in-data-url-context.window.js.ini
+++ b/tests/wpt/metadata/workers/shared-worker-in-data-url-context.window.js.ini
@@ -1,8 +1,7 @@
 [shared-worker-in-data-url-context.window.html]
-  expected: TIMEOUT
   [Create a shared worker in a data url frame]
     expected: FAIL
 
   [Create a data url shared worker in a data url frame]
-    expected: TIMEOUT
+    expected: FAIL
 
diff --git a/tests/wpt/web-platform-tests/input-events/input-events-get-target-ranges-deleting-in-list-items.tentative.html b/tests/wpt/web-platform-tests/input-events/input-events-get-target-ranges-deleting-in-list-items.tentative.html
new file mode 100644
index 00000000000..2671fefa7cf
--- /dev/null
+++ b/tests/wpt/web-platform-tests/input-events/input-events-get-target-ranges-deleting-in-list-items.tentative.html
@@ -0,0 +1,1465 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<meta name="timeout" content="long">
+<meta name="variant" content="?Backspace,ul">
+<meta name="variant" content="?Backspace,ol">
+<meta name="variant" content="?Delete,ul">
+<meta name="variant" content="?Delete,ol">
+<title>InputEvent.getTargetRanges() at deleting in/around/across list item elements</title>
+<div contenteditable></div>
+<script src="input-events-get-target-ranges.js"></script>
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/resources/testdriver.js"></script>
+<script src="/resources/testdriver-vendor.js"></script>
+<script src="/resources/testdriver-actions.js"></script>
+<script>
+"use strict";
+
+const [action, list] = location.search.substring(1).split(",");
+function run() {
+  switch (action) {
+    case "Backspace":
+      return sendBackspaceKey();
+    case "Delete":
+      return sendDeleteKey();
+    default:
+      throw "Unhandled variant";
+  }
+}
+
+/**
+ * @param innerHTML     Initial `innerHTML` value of the editor.
+ * @param data
+ *          expectedInnerHTML
+ *                      Expected `innerHTML` of the editor after calling
+ *                      `run()`.  This can be array of string if there are
+ *                      some acceptable differences like whether there is
+ *                      an invisible `<br>` element at end of list item.
+ *          expectedTargetRanges
+ *                      `null` or `unspecified` if `beforeinput` event shouldn't
+ *                      be fired.
+ *                      Otherwise, function returning an array of objects
+ *                      which have `startContainer`, `startOffset`,
+ *                      `endContainer`, `endOffset`.  This will be called
+ *                      before calling `run()` and compared with
+ *                      `getTargetRanges()` after that.
+ *          expectInputEvent:
+ *                      `true` if it should cause an `input` event.
+ */
+function addPromiseTest(innerHTML, data) {
+  promise_test(async (t) => {
+    initializeTest(innerHTML);
+    let expectedTargetRanges =
+      typeof data.expectedTargetRanges === "function"
+        ? data.expectedTargetRanges()
+        : null;
+    await run();
+    checkEditorContentResultAsSubTest(data.expectedInnerHTML, t.name);
+    if (expectedTargetRanges !== null) {
+      checkGetTargetRangesOfBeforeinputOnDeleteSomething(expectedTargetRanges);
+      if (data.expectInputEvent) {
+        checkGetTargetRangesOfInputOnDeleteSomething();
+      } else {
+        checkGetTargetRangesOfInputOnDoNothing();
+      }
+    } else {
+      checkBeforeinputAndInputEventsOnNOOP();
+    }
+  }, `${action} at "${innerHTML}"`);
+}
+
+addPromiseTest(
+  `<${list}><li>list[-item1</li><li>list]-item2</li></${list}>`,
+  {
+    expectedInnerHTML: `<${list}><li>list-item2</li></${list}>`,
+    expectedTargetRanges: () => {
+      return [
+        {
+          startContainer: gEditor.querySelector("li").firstChild,
+          startOffset: "list".length,
+          endContainer: gEditor.querySelector("li + li").firstChild,
+          endOffset: "list".length,
+        },
+      ];
+    },
+    expectInputEvent: true,
+  }
+);
+
+addPromiseTest(
+  `<${list}><li>list-[item1</li><li>]list-item2</li></${list}>`,
+  {
+    expectedInnerHTML: `<${list}><li>list-list-item2</li></${list}>`,
+    expectedTargetRanges: () => {
+      return [
+        {
+          startContainer: gEditor.querySelector("li").firstChild,
+          startOffset: "list-".length,
+          endContainer: gEditor.querySelector("li + li").firstChild,
+          endOffset: 0,
+        },
+      ];
+    },
+    expectInputEvent: true,
+  }
+);
+
+addPromiseTest(
+  `<${list}><li>list-[item1</li><li>}list-item2</li></${list}>`,
+  {
+    expectedInnerHTML: `<${list}><li>list-list-item2</li></${list}>`,
+    expectedTargetRanges: () => {
+      return [
+        {
+          startContainer: gEditor.querySelector("li").firstChild,
+          startOffset: "list-".length,
+          endContainer: gEditor.querySelector("li + li"),
+          endOffset: 0,
+        },
+      ];
+    },
+    expectInputEvent: true,
+  }
+);
+
+addPromiseTest(
+  `<${list}><li>list-item1[</li><li>list]-item2</li></${list}>`,
+  {
+    expectedInnerHTML: `<${list}><li>list-item1-item2</li></${list}>`,
+    expectedTargetRanges: () => {
+      return [
+        {
+          startContainer: gEditor.querySelector("li").firstChild,
+          startOffset: gEditor.querySelector("li").firstChild.length,
+          endContainer: gEditor.querySelector("li + li").firstChild,
+          endOffset: "list".length,
+        },
+      ];
+    },
+    expectInputEvent: true,
+  }
+);
+
+addPromiseTest(
+  `<${list}><li>list-item1{</li><li>list]-item2</li></${list}>`,
+  {
+    expectedInnerHTML: `<${list}><li>list-item1-item2</li></${list}>`,
+    expectedTargetRanges: () => {
+      return [
+        {
+          startContainer: gEditor.querySelector("li"),
+          startOffset: 1,
+          endContainer: gEditor.querySelector("li + li").firstChild,
+          endOffset: "list".length,
+        },
+      ];
+    },
+    expectInputEvent: true,
+  }
+);
+
+addPromiseTest(
+  `<${list}><li>list-item1[</li><li>]list-item2</li></${list}>`,
+  {
+    expectedInnerHTML: `<${list}><li>list-item1list-item2</li></${list}>`,
+    expectedTargetRanges: () => {
+      return [
+        {
+          startContainer: gEditor.querySelector("li").firstChild,
+          startOffset: gEditor.querySelector("li").firstChild.length,
+          endContainer: gEditor.querySelector("li + li").firstChild,
+          endOffset: 0,
+        },
+      ];
+    },
+    expectInputEvent: true,
+  }
+);
+
+addPromiseTest(
+  action === "Backspace"
+    ? `<${list}><li>list-item1</li><li>[]list-item2</li></${list}>`
+    : `<${list}><li>list-item1[]</li><li>list-item2</li></${list}>`,
+  {
+    expectedInnerHTML: `<${list}><li>list-item1list-item2</li></${list}>`,
+    expectedTargetRanges: () => {
+      return [
+        {
+          startContainer: gEditor.querySelector("li").firstChild,
+          startOffset: gEditor.querySelector("li").firstChild.length,
+          endContainer: gEditor.querySelector("li + li").firstChild,
+          endOffset: 0,
+        },
+      ];
+    },
+    expectInputEvent: true,
+  }
+);
+
+addPromiseTest(
+  action === "Backspace"
+    ? `<${list}><li>list-item1<br></li><li>[]list-item2</li></${list}>`
+    : `<${list}><li>list-item1[]<br></li><li>list-item2</li></${list}>`,
+  {
+    expectedInnerHTML: `<${list}><li>list-item1list-item2</li></${list}>`,
+    expectedTargetRanges: () => {
+      return action === "Backspace"
+        ? [
+            {
+              startContainer: gEditor.querySelector("li"),
+              startOffset: 1,
+              endContainer: gEditor.querySelector("li + li").firstChild,
+              endOffset: 0,
+            },
+          ]
+        : [
+            {
+              startContainer: gEditor.querySelector("li").firstChild,
+              startOffset: gEditor.querySelector("li").firstChild.length,
+              endContainer: gEditor.querySelector("li + li").firstChild,
+              endOffset: 0,
+            },
+          ];
+    },
+    expectInputEvent: true,
+  }
+);
+
+addPromiseTest(
+  action === "Backspace"
+    ? `<${list}><li>list-item1<br><br></li><li>[]list-item2</li></${list}>`
+    : `<${list}><li>list-item1[]<br><br></li><li>list-item2</li></${list}>`,
+  {
+    expectedInnerHTML: [
+      `<${list}><li>list-item1<br>list-item2</li></${list}>`,
+      `<${list}><li>list-item1<br>list-item2<br></li></${list}>`,
+    ],
+    expectedTargetRanges: () => {
+      return action === "Backspace"
+        ? [
+            {
+              startContainer: gEditor.querySelector("li"),
+              startOffset: 1,
+              endContainer: gEditor.querySelector("li + li").firstChild,
+              endOffset: 0,
+            },
+          ]
+        : [
+            {
+              startContainer: gEditor.querySelector("li").firstChild,
+              startOffset: gEditor.querySelector("li").firstChild.length,
+              endContainer: gEditor.querySelector("li + li").firstChild,
+              endOffset: 0,
+            },
+          ];
+    },
+    expectInputEvent: true,
+  }
+);
+
+addPromiseTest(
+  action === "Backspace"
+    ? `<${list}><li>list-item1</li><li>[]list-item2<br>second line of list-item2</li></${list}>`
+    : `<${list}><li>list-item1[]</li><li>list-item2<br>second line of list-item2</li></${list}>`,
+  {
+    expectedInnerHTML: `<${list}><li>list-item1list-item2</li><li>second line of list-item2</li></${list}>`,
+    expectedTargetRanges: () => {
+      return action === "Backspace"
+        ? [
+            {
+              startContainer: gEditor.querySelector("li"),
+              startOffset: 1,
+              endContainer: gEditor.querySelector("li + li").firstChild,
+              endOffset: 0,
+            },
+          ]
+        : [
+            {
+              startContainer: gEditor.querySelector("li").firstChild,
+              startOffset: gEditor.querySelector("li").firstChild.length,
+              endContainer: gEditor.querySelector("li + li").firstChild,
+              endOffset: 0,
+            },
+          ];
+    },
+    expectInputEvent: true,
+  }
+);
+
+addPromiseTest(
+  action === "Backspace"
+    ? `<${list}><li><p>list-item1</p></li><li>[]list-item2</li></${list}>`
+    : `<${list}><li><p>list-item1[]</p></li><li>list-item2</li></${list}>`,
+  {
+    expectedInnerHTML: `<${list}><li><p>list-item1list-item2</p></li></${list}>`,
+    expectedTargetRanges: () => {
+      return action === "Backspace"
+        ? [
+            {
+              startContainer: gEditor.querySelector("p").firstChild,
+              startOffset: gEditor.querySelector("p").firstChild.length,
+              endContainer: gEditor.querySelector("li + li").firstChild,
+              endOffset: 0,
+            },
+          ]
+        : [
+            {
+              startContainer: gEditor.querySelector("p").firstChild,
+              startOffset: gEditor.querySelector("p").firstChild.length,
+              endContainer: gEditor.querySelector("li + li").firstChild,
+              endOffset: 0,
+            },
+          ];
+    },
+    expectInputEvent: true,
+  }
+);
+
+addPromiseTest(
+  action === "Backspace"
+    ? `<${list}><li>list-item1</li><li><p>[]list-item2</p></li></${list}>`
+    : `<${list}><li>list-item1[]</li><li><p>list-item2</p></li></${list}>`,
+  {
+    expectedInnerHTML: `<${list}><li>list-item1list-item2</li></${list}>`,
+    expectedTargetRanges: () => {
+      return action === "Backspace"
+        ? [
+            {
+              startContainer: gEditor.querySelector("li").firstChild,
+              startOffset: gEditor.querySelector("li").firstChild.length,
+              endContainer: gEditor.querySelector("p").firstChild,
+              endOffset: 0,
+            },
+          ]
+        : [
+            {
+              startContainer: gEditor.querySelector("li").firstChild,
+              startOffset: gEditor.querySelector("li").firstChild.length,
+              endContainer: gEditor.querySelector("p").firstChild,
+              endOffset: 0,
+            },
+          ];
+    },
+    expectInputEvent: true,
+  }
+);
+
+addPromiseTest(
+  `<${list}><li>[list-item1]</li></${list}>`,
+  {
+    expectedInnerHTML: `<${list}><li><br></li></${list}>`,
+    expectedTargetRanges: () => {
+      return [
+        {
+          startContainer: gEditor.querySelector("li").firstChild,
+          startOffset: 0,
+          endContainer: gEditor.querySelector("li").firstChild,
+          endOffset: gEditor.querySelector("li").firstChild.length,
+        },
+      ];
+    },
+    expectInputEvent: true,
+  }
+);
+
+addPromiseTest(
+  `<${list}><li>{list-item1}</li></${list}>`,
+  {
+    expectedInnerHTML: `<${list}><li><br></li></${list}>`,
+    expectedTargetRanges: () => {
+      return [
+        {
+          startContainer: gEditor.querySelector("li").firstChild,
+          startOffset: 0,
+          endContainer: gEditor.querySelector("li").firstChild,
+          endOffset: gEditor.querySelector("li").firstChild.length,
+        },
+      ];
+    },
+    expectInputEvent: true,
+  }
+);
+
+// Even if the last list item is selected, don't delete the list and
+// the last list item element.  This is a triple click case on Gecko.
+addPromiseTest(
+  `<${list}>{<li>list-item1</li>}</${list}>`,
+  {
+    expectedInnerHTML: `<${list}><li><br></li></${list}>`,
+    expectedTargetRanges: () => {
+      return [
+        {
+          startContainer: gEditor.querySelector("li").firstChild,
+          startOffset: 0,
+          endContainer: gEditor.querySelector("li").firstChild,
+          endOffset: gEditor.querySelector("li").firstChild.length,
+        },
+      ];
+    },
+    expectInputEvent: true,
+  }
+);
+
+// A list item is selected and it's not the last one, can delete it.
+addPromiseTest(
+  `<${list}>{<li>list-item1</li>}<li>list-item2</li></${list}>`,
+  {
+    expectedInnerHTML: `<${list}><li>list-item2</li></${list}>`,
+    expectedTargetRanges: () => {
+      return [
+        {
+          startContainer: gEditor.querySelector(`${list}`),
+          startOffset: 0,
+          endContainer: gEditor.querySelector(`${list}`),
+          endOffset: 1,
+        },
+      ];
+    },
+    expectInputEvent: true,
+  }
+);
+
+// Delete list element when deleting from empty last list item.
+addPromiseTest(
+  `<${list}><li>{}<br></li></${list}>`,
+  {
+    expectedInnerHTML: ["", "<br>", "<div><br></div>"],
+    expectedTargetRanges: () => {
+      return [
+        {
+          startContainer: gEditor,
+          startOffset: 0,
+          endContainer: gEditor,
+          endOffset: 1,
+        },
+      ];
+    },
+    expectInputEvent: true,
+  }
+);
+
+addPromiseTest(
+  `{<${list}><li><br></li></${list}>}`,
+  {
+    expectedInnerHTML: ["", "<br>", "<div><br></div>"],
+    expectedTargetRanges: () => {
+      return [
+        {
+          startContainer: gEditor,
+          startOffset: 0,
+          endContainer: gEditor,
+          endOffset: 1,
+        },
+      ];
+    },
+    expectInputEvent: true,
+  }
+);
+
+addPromiseTest(
+  `<${list}><li>list-item1</li>{<li>list-item2</li>}<li>list-item3</li></${list}>`,
+  {
+    expectedInnerHTML: `<${list}><li>list-item1</li><li>list-item3</li></${list}>`,
+    expectedTargetRanges: () => {
+      return [
+        {
+          startContainer: gEditor.querySelector(`${list}`),
+          startOffset: 1,
+          endContainer: gEditor.querySelector(`${list}`),
+          endOffset: 2,
+        },
+      ];
+    },
+    expectInputEvent: true,
+  }
+);
+
+// Selecting last list item element shouldn't delete the list item.
+addPromiseTest(
+  `<${list}><li>list-item1</li>{<li>list-item2</li>}</${list}>`,
+  {
+    expectedInnerHTML: `<${list}><li>list-item1</li><li><br></li></${list}>`,
+    expectedTargetRanges: () => {
+      return [
+        {
+          startContainer: gEditor.querySelector(`${list} > li + li`).firstChild,
+          startOffset: 0,
+          endContainer: gEditor.querySelector(`${list} > li + li`).firstChild,
+          endOffset: gEditor.querySelector(`${list} > li + li`).firstChild.length,
+        },
+      ];
+    },
+    expectInputEvent: true,
+  }
+);
+
+addPromiseTest(
+  `<${list}><li>list-item1</li><li>list-item2</li>{<li>list-item3</li>}</${list}>`,
+  {
+    expectedInnerHTML: `<${list}><li>list-item1</li><li>list-item2</li><li><br></li></${list}>`,
+    expectedTargetRanges: () => {
+      return [
+        {
+          startContainer: gEditor.querySelector(`${list} > li + li + li`).firstChild,
+          startOffset: 0,
+          endContainer: gEditor.querySelector(`${list} > li + li + li`).firstChild,
+          endOffset: gEditor.querySelector(`${list} > li + li + li`).firstChild.length,
+        },
+      ];
+    },
+    expectInputEvent: true,
+  }
+);
+
+for (let childList of ["ul", "ol"]) {
+  addPromiseTest(
+    `<${list}><li>list-item1</li>{<li>list-item2</li>}<li><${childList}><li><br></li></${childList}></li></${list}>`,
+    {
+      expectedInnerHTML: `<${list}><li>list-item1</li><li><${childList}><li><br></li></${childList}></li></${list}>`,
+      expectedTargetRanges: () => {
+        return [
+          {
+            startContainer: gEditor.querySelector(`${list}`),
+            startOffset: 1,
+            endContainer: gEditor.querySelector(`${list}`),
+            endOffset: 2,
+          },
+        ];
+      },
+      expectInputEvent: true,
+    }
+  );
+
+  // Invalid nested list elements cases.  Treat the nested list element as a list item element.
+  addPromiseTest(
+    `<${list}><li>list-item1</li>{<li>list-item2</li>}<${childList}><li><br></li></${childList}></${list}>`,
+    {
+      expectedInnerHTML: `<${list}><li>list-item1</li><${childList}><li><br></li></${childList}></${list}>`,
+      expectedTargetRanges: () => {
+        return [
+          {
+            startContainer: gEditor.querySelector(`${list}`),
+            startOffset: 1,
+            endContainer: gEditor.querySelector(`${list}`),
+            endOffset: 2,
+          },
+        ];
+      },
+      expectInputEvent: true,
+    }
+  );
+
+  addPromiseTest(
+    `<${list}><li>list-item1</li><li>list-item2</li>{<${childList}><li><br></li></${childList}>}</${list}>`,
+    {
+      expectedInnerHTML: `<${list}><li>list-item1</li><li>list-item2</li><li><br></li></${list}>`,
+      expectedTargetRanges: () => {
+        return [
+          {
+            startContainer: gEditor.querySelector(`${list}`),
+            startOffset: 2,
+            endContainer: gEditor.querySelector(`${list}`),
+            endOffset: 3,
+          },
+        ];
+      },
+      expectInputEvent: true,
+    }
+  );
+}
+
+// Don't delete list and joined list items when only there content are selected.
+addPromiseTest(
+  `<${list}><li>[list-item1</li><li>list-item2]</li></${list}>`,
+  {
+    expectedInnerHTML: `<${list}><li><br></li></${list}>`,
+    expectedTargetRanges: () => {
+      return [
+        {
+          startContainer: gEditor.querySelector("li").firstChild,
+          startOffset: 0,
+          endContainer: gEditor.querySelector("li + li").firstChild,
+          endOffset: gEditor.querySelector("li + li").firstChild.length,
+        },
+      ];
+    },
+    expectInputEvent: true,
+  }
+);
+
+addPromiseTest(
+  `<${list}><li>[list-item1</li><li>list-item2]</li><li>list-item3</li></${list}>`,
+  {
+    expectedInnerHTML: `<${list}><li><br></li><li>list-item3</li></${list}>`,
+    expectedTargetRanges: () => {
+      return [
+        {
+          startContainer: gEditor.querySelector("li").firstChild,
+          startOffset: 0,
+          endContainer: gEditor.querySelector("li + li").firstChild,
+          endOffset: gEditor.querySelector("li + li").firstChild.length,
+        },
+      ];
+    },
+    expectInputEvent: true,
+  }
+);
+
+addPromiseTest(
+  `<${list}><li>list-item1</li><li>[list-item2]</li><li>list-item3</li></${list}>`,
+  {
+    expectedInnerHTML: `<${list}><li>list-item1</li><li><br></li><li>list-item3</li></${list}>`,
+    expectedTargetRanges: () => {
+      return [
+        {
+          startContainer: gEditor.querySelector("li + li").firstChild,
+          startOffset: 0,
+          endContainer: gEditor.querySelector("li + li").firstChild,
+          endOffset: gEditor.querySelector("li + li").firstChild.length,
+        },
+      ];
+    },
+    expectInputEvent: true,
+  }
+);
+
+addPromiseTest(
+  `<${list}><li>list-item1</li><li>[list-item2</li><li>list-item3]</li></${list}>`,
+  {
+    expectedInnerHTML: `<${list}><li>list-item1</li><li><br></li></${list}>`,
+    expectedTargetRanges: () => {
+      return [
+        {
+          startContainer: gEditor.querySelector("li + li").firstChild,
+          startOffset: 0,
+          endContainer: gEditor.querySelector("li + li + li").firstChild,
+          endOffset: gEditor.querySelector("li + li + li").firstChild.length,
+        },
+      ];
+    },
+    expectInputEvent: true,
+  }
+);
+
+// Ported tests from editing/delete.js and editing/forwarddelete.js
+for (let otherList of ["ul", "ol"]) {
+  if (action === "Backspace") {
+  addPromiseTest(
+    `<${otherList}><li>list-item1</li></${otherList}><${list}><li>l[]ist-item2</li></${list}>`,
+    {
+      expectedInnerHTML: `<${otherList}><li>list-item1</li></${otherList}><${list}><li>ist-item2</li></${list}>`,
+      expectedTargetRanges: () => {
+        return [
+          {
+            startContainer: gEditor.querySelector(`${otherList} + ${list} > li`).firstChild,
+            startOffset: 0,
+            endContainer: gEditor.querySelector(`${otherList} + ${list} > li`).firstChild,
+            endOffset: "l".length,
+          },
+        ];
+      },
+      expectInputEvent: true,
+    }
+  );
+
+  addPromiseTest(
+    `<${list}><li>list-item1[]</li></${list}><${otherList}><li>list-item2</li></${otherList}>`,
+    {
+      expectedInnerHTML: `<${list}><li>list-item</li></${list}><${otherList}><li>list-item2</li></${otherList}>`,
+      expectedTargetRanges: () => {
+        return [
+          {
+            startContainer: gEditor.querySelector("li").firstChild,
+            startOffset: "list-item".length,
+            endContainer: gEditor.querySelector("li").firstChild,
+            endOffset: "list-item1".length,
+          },
+        ];
+      },
+      expectInputEvent: true,
+    }
+  );
+  } else {
+    addPromiseTest(
+      `<${list}><li>list-item[]1</li></${list}><${otherList}><li>list-item2</li></${otherList}>`,
+      {
+        expectedInnerHTML: `<${list}><li>list-item</li></${list}><${otherList}><li>list-item2</li></${otherList}>`,
+        expectedTargetRanges: () => {
+          return [
+            {
+              startContainer: gEditor.querySelector("li").firstChild,
+              startOffset: "list-item".length,
+              endContainer: gEditor.querySelector("li").firstChild,
+              endOffset: "list-item1".length,
+            },
+          ];
+        },
+        expectInputEvent: true,
+      }
+    );
+
+    addPromiseTest(
+      `<${otherList}><li>list-item1</li></${otherList}><${list}><li>[]list-item2</li></${list}>`,
+      {
+        expectedInnerHTML: `<${otherList}><li>list-item1</li></${otherList}><${list}><li>ist-item2</li></${list}>`,
+        expectedTargetRanges: () => {
+          return [
+            {
+              startContainer: gEditor.querySelector(`${otherList} + ${list} > li`).firstChild,
+              startOffset: 0,
+              endContainer: gEditor.querySelector(`${otherList} + ${list} > li`).firstChild,
+              endOffset: "l".length,
+            },
+          ];
+        },
+        expectInputEvent: true,
+      }
+    );
+  }
+
+  addPromiseTest(
+    `<${list}><li>list-item1[</li><li>list-item2]</li></${list}><${otherList}><li>list-item3</li></${otherList}>`,
+    {
+      expectedInnerHTML: `<${list}><li>list-item1</li></${list}><${otherList}><li>ist-item3</li><li>ist-item4</li></${otherList}>`,
+      expectedTargetRanges: () => {
+        return [
+          {
+            startContainer: gEditor.querySelector("li").firstChild,
+            startOffset: gEditor.querySelector("li").firstChild.length,
+            endContainer: gEditor.querySelector("li + li").firstChild,
+            endOffset: gEditor.querySelector("li + li").firstChild.length,
+          },
+        ];
+      },
+      expectInputEvent: true,
+    }
+  );
+}
+
+
+// Invalid nested list element cases.  Traditionally, all browser engines
+// insert child list element without wrapping it with a list item element.
+// So, keeping the behavior in these cases are important for backward
+// compatibility.
+// https://bugzilla.mozilla.org/show_bug.cgi?id=487524
+for (let childList of ["ul", "ol"]) {
+  addPromiseTest(
+    `<${list}><li>[list-item1</li><${childList}><li>}list-item2</li></ul></${list}>`,
+    {
+      expectedInnerHTML: [
+        `<${list}><${childList}><li>list-item2</li></${childList}></${list}>`,
+        `<${list}><${childList}><li>list-item2<br></li></${childList}></${list}>`,
+      ],
+      expectedTargetRanges: () => {
+        return [
+          {
+            startContainer: gEditor.querySelector("li").firstChild,
+            startOffset: 0,
+            endContainer: gEditor.querySelector(`${list} > ${childList} > li`),
+            endOffset: 0,
+          },
+        ];
+      },
+      expectInputEvent: true,
+    }
+  );
+
+  addPromiseTest(
+    `<${list}><li>[list-item1</li><${childList}><li>list-item2]</li></${childList}></${list}>`,
+    {
+      expectedInnerHTML: `<${list}><${childList}><li><br></li></${childList}></${list}>`,
+      expectedTargetRanges: () => {
+        return [
+          {
+            startContainer: gEditor.querySelector("li").firstChild,
+            startOffset: 0,
+            endContainer: gEditor.querySelector(`${list} > ${childList} > li`).firstChild,
+            endOffset: gEditor.querySelector(`${list} > ${childList} > li`).firstChild.length,
+          },
+        ];
+      },
+      expectInputEvent: true,
+    }
+  );
+
+  addPromiseTest(
+    `<${list}><${childList}><li>[list-item1</li></${childList}><li>}list-item2</li></${list}>`,
+    {
+      expectedInnerHTML: [
+        `<${list}><${childList}><li>list-item2</li></${childList}></${list}>`,
+        `<${list}><${childList}><li>list-item2<br></li></${childList}></${list}>`,
+      ],
+      expectedTargetRanges: () => {
+        return [
+          {
+            startContainer: gEditor.querySelector(`${list} > ${childList} > li`).firstChild,
+            startOffset: 0,
+            endContainer: gEditor.querySelector(`${list} > li`),
+            endOffset: 0,
+          },
+        ];
+      },
+      expectInputEvent: true,
+    }
+  );
+
+  addPromiseTest(
+    `<${list}><${childList}><li>[list-item1</li></${childList}><li>list-item2]</li></${list}>`,
+    {
+      expectedInnerHTML: `<${list}><${childList}><li><br></li></${childList}></${list}>`,
+      expectedTargetRanges: () => {
+        return [
+          {
+            startContainer: gEditor.querySelector(`${list} > ${childList} > li`).firstChild,
+            startOffset: 0,
+            endContainer: gEditor.querySelector(`${list} > li`).firstChild,
+            endOffset: gEditor.querySelector(`${list} > li`).firstChild.length,
+          },
+        ];
+      },
+      expectInputEvent: true,
+    }
+  );
+
+  addPromiseTest(
+    `<${list}><${childList}><li>list-item1</li><li>[list-item2</li></${childList}><li>}list-item3</li></${list}>`,
+    {
+      expectedInnerHTML: `<${list}><${childList}><li>list-item1</li><li>list-item3</li></${childList}></${list}>`,
+      expectedTargetRanges: () => {
+        return [
+          {
+            startContainer: gEditor.querySelector(`${list} > ${childList} > li + li`).firstChild,
+            startOffset: 0,
+            endContainer: gEditor.querySelector(`${list} > li`),
+            endOffset: 0,
+          },
+        ];
+      },
+      expectInputEvent: true,
+    }
+  );
+
+  addPromiseTest(
+    `<${list}><li>[list-item1</li><${childList}><li>list-item2</li><li>}list-item3</li></${childList}></${list}>`,
+    {
+      expectedInnerHTML: [
+        `<${list}><${childList}><li>list-item3</li></${childList}></${list}>`,
+        `<${list}><${childList}><li>list-item3<br></li></${childList}></${list}>`,
+      ],
+      expectedTargetRanges: () => {
+        return [
+          {
+            startContainer: gEditor.querySelector(`li`).firstChild,
+            startOffset: 0,
+            endContainer: gEditor.querySelector(`${list} > ${childList} > li + li`),
+            endOffset: 0,
+          },
+        ];
+      },
+      expectInputEvent: true,
+    }
+  );
+
+  addPromiseTest(
+    `<${list}><li>list-item1</li><li>[list-item2</li><${childList}><li>list-item3</li><li>}list-item4</li></${childList}></${list}>`,
+    {
+      expectedInnerHTML: `<${list}><li>list-item1</li><${childList}><li>list-item4</li></${childList}></${list}>`,
+      expectedTargetRanges: () => {
+        return [
+          {
+            startContainer: gEditor.querySelector(`li + li`).firstChild,
+            startOffset: 0,
+            endContainer: gEditor.querySelector(`${list} > ${childList} > li + li`),
+            endOffset: 0,
+          },
+        ];
+      },
+      expectInputEvent: true,
+    }
+  );
+
+  // Valid sub list element cases.
+  addPromiseTest(
+    `<${list}><li>[list-item1</li><li><${childList}><li>list-item2]</li></${childList}></li></${list}>`,
+    {
+      expectedInnerHTML: `<${list}><li><${childList}><li><br></li></${childList}></li></${list}>`,
+      expectedTargetRanges: () => {
+        return [
+          {
+            startContainer: gEditor.querySelector(`li`).firstChild,
+            startOffset: 0,
+            endContainer: gEditor.querySelector(`${list} > li > ${childList} > li`).firstChild,
+            endOffset: gEditor.querySelector(`${list} > li > ${childList} > li`).firstChild.length,
+          },
+        ];
+      },
+      expectInputEvent: true,
+    }
+  );
+
+  addPromiseTest(
+    `<${list}><li><${childList}><li>[list-item1</li></${childList}><li>}list-item2</li></${list}>`,
+    {
+      expectedInnerHTML: [
+        `<${list}><li><${childList}><li>list-item2</li></${childList}></li></${list}>`,
+        `<${list}><li><${childList}><li>list-item2<br></li></${childList}></li></${list}>`,
+      ],
+      expectedTargetRanges: () => {
+        return [
+          {
+            startContainer: gEditor.querySelector(`${list} > li > ${childList} > li`).firstChild,
+            startOffset: 0,
+            endContainer: gEditor.querySelector(`${list} > li + li`),
+            endOffset: 0,
+          },
+        ];
+      },
+      expectInputEvent: true,
+    }
+  );
+
+  addPromiseTest(
+    `<${list}><li><${childList}><li>[list-item1</li></${childList}><li>list-item2]</li></${list}>`,
+    {
+      expectedInnerHTML: `<${list}><li><${childList}><li><br></li></${childList}></li></${list}>`,
+      expectedTargetRanges: () => {
+        return [
+          {
+            startContainer: gEditor.querySelector(`${list} > li > ${childList} > li`).firstChild,
+            startOffset: 0,
+            endContainer: gEditor.querySelector(`${list} > li + li`).firstChild,
+            endOffset: gEditor.querySelector(`${list} > li + li`).firstChild.length,
+          },
+        ];
+      },
+      expectInputEvent: true,
+    }
+  );
+}
+
+// When deleting the last list item in a sub list, only the list should
+// be removed.  This makes users feel like doing outdent.
+for (let childList of ["ul", "ol"]) {
+  addPromiseTest(
+    `<${list}><li><${childList}><li>{}<br></li></${childList}></li></${list}>`,
+    {
+      expectedInnerHTML: `<${list}><li><br></li></${list}>`,
+      expectedTargetRanges: () => {
+        return [
+          {
+            startContainer: gEditor.querySelector(`li`),
+            startOffset: 0,
+            endContainer: gEditor.querySelector(`li`),
+            endOffset: 1,
+          },
+        ];
+      },
+      expectInputEvent: true,
+    }
+  );
+
+  addPromiseTest(
+    `<${list}><li><${childList}><li>{}<br></li></${childList}></li><li>list-item2</li></${list}>`,
+    {
+      expectedInnerHTML: `<${list}><li><br></li><li>list-item2</li></${list}>`,
+      expectedTargetRanges: () => {
+        return [
+          {
+            startContainer: gEditor.querySelector(`li`),
+            startOffset: 0,
+            endContainer: gEditor.querySelector(`li`),
+            endOffset: 1,
+          },
+        ];
+      },
+      expectInputEvent: true,
+    }
+  );
+
+  addPromiseTest(
+    `<${list}><li>list-item1</li><li><${childList}><li>{}<br></li></${childList}></li></${list}>`,
+    {
+      expectedInnerHTML: `<${list}><li>list-item1</li><li><br></li></${list}>`,
+      expectedTargetRanges: () => {
+        return [
+          {
+            startContainer: gEditor.querySelector(`li + li`),
+            startOffset: 0,
+            endContainer: gEditor.querySelector(`li + li`),
+            endOffset: 1,
+          },
+        ];
+      },
+      expectInputEvent: true,
+    }
+  );
+
+  // Invalid cases.
+  addPromiseTest(
+    `<${list}><${childList}><li>{}<br></li></${childList}></${list}>`,
+    {
+      expectedInnerHTML: `<${list}><li><br></li></${list}>`,
+      expectedTargetRanges: () => {
+        return [
+          {
+            startContainer: gEditor.querySelector(`${list}`),
+            startOffset: 0,
+            endContainer: gEditor.querySelector(`${list}`),
+            endOffset: 1,
+          },
+        ];
+      },
+      expectInputEvent: true,
+    }
+  );
+
+  addPromiseTest(
+    `<${list}><${childList}><li>{}<br></li></${childList}><li>list-item2</li></${list}>`,
+    {
+      expectedInnerHTML: `<${list}><li><br></li><li>list-item2</li></${list}>`,
+      expectedTargetRanges: () => {
+        return [
+          {
+            startContainer: gEditor.querySelector(`${list}`),
+            startOffset: 0,
+            endContainer: gEditor.querySelector(`${list}`),
+            endOffset: 1,
+          },
+        ];
+      },
+      expectInputEvent: true,
+    }
+  );
+
+  addPromiseTest(
+    `<${list}><li>list-item1</li><${childList}><li>{}<br></li></${childList}></${list}>`,
+    {
+      expectedInnerHTML: `<${list}><li>list-item1</li><li><br></li></${list}>`,
+      expectedTargetRanges: () => {
+        return [
+          {
+            startContainer: gEditor.querySelector(`${list}`),
+            startOffset: 1,
+            endContainer: gEditor.querySelector(`${list}`),
+            endOffset: 2,
+          },
+        ];
+      },
+      expectInputEvent: true,
+    }
+  );
+}
+
+// Joining same level list elements.
+for (let otherList of ["ul", "ol"]) {
+  addPromiseTest(
+    `<${list}><li>[list-item1</li></${list}><${otherList}><li>}list-item2</li></${otherList}>`,
+    {
+      expectedInnerHTML: [
+        `<${list}><li>list-item2</li></${list}>`,
+        `<${list}><li>list-item2<br></li></${list}>`,
+      ],
+      expectedTargetRanges: () => {
+        return [
+          {
+            startContainer: gEditor.querySelector(`${list} > li`).firstChild,
+            startOffset: 0,
+            endContainer: gEditor.querySelector(`${list} + ${otherList} > li`),
+            endOffset: 0,
+          },
+        ];
+      },
+      expectInputEvent: true,
+    }
+  );
+
+  addPromiseTest(
+    `<${list}><li>[list-item1</li></${list}><${otherList}><li>list-item2]</li></${otherList}>`,
+    {
+      expectedInnerHTML: `<${list}><li><br></li></${list}>`,
+      expectedTargetRanges: () => {
+        return [
+          {
+            startContainer: gEditor.querySelector(`${list} > li`).firstChild,
+            startOffset: 0,
+            endContainer: gEditor.querySelector(`${list} + ${otherList} > li`).firstChild,
+            endOffset: gEditor.querySelector(`${list} + ${otherList} > li`).firstChild.length,
+          },
+        ];
+      },
+      expectInputEvent: true,
+    }
+  );
+
+  addPromiseTest(
+    `<${list}><li>list-item1[</li></${list}><${otherList}><li>}list-item2</li></${otherList}>`,
+    {
+      expectedInnerHTML: `<${list}><li>list-item1list-item2</li></${list}>`,
+      expectedTargetRanges: () => {
+        return [
+          {
+            startContainer: gEditor.querySelector(`${list} > li`).firstChild,
+            startOffset: gEditor.querySelector(`${list} > li`).firstChild.length,
+            endContainer: gEditor.querySelector(`${list} + ${otherList} > li`),
+            endOffset: 0,
+          },
+        ];
+      },
+      expectInputEvent: true,
+    }
+  );
+
+  addPromiseTest(
+    `<${list}><li>first line in list-item1<br>list-item1[</li></${list}><${otherList}><li>}list-item2</li></${otherList}>`,
+    {
+      expectedInnerHTML: `<${list}><li>first line in list-item1<br>list-item1list-item2</li></${list}>`,
+      expectedTargetRanges: () => {
+        return [
+          {
+            startContainer: gEditor.querySelector(`${list} > li > br`).nextSibling,
+            startOffset: gEditor.querySelector(`${list} > li > br`).nextSibling.length,
+            endContainer: gEditor.querySelector(`${list} + ${otherList} > li`),
+            endOffset: 0,
+          },
+        ];
+      },
+      expectInputEvent: true,
+    }
+  );
+
+  addPromiseTest(
+    `<${list}><li>list-item1[</li></${list}><${otherList}><li>}list-item2<br>second line in list-item2</li></${otherList}>`,
+    {
+      expectedInnerHTML: `<${list}><li>list-item1list-item2</li></${list}><${otherList}><li>second line in list-item2</li></${otherList}>`,
+      expectedTargetRanges: () => {
+        return [
+          {
+            startContainer: gEditor.querySelector(`${list} > li`).firstChild,
+            startOffset: gEditor.querySelector(`${list} > li`).firstChild.length,
+            endContainer: gEditor.querySelector(`${list} + ${otherList} > li`),
+            endOffset: 0,
+          },
+        ];
+      },
+      expectInputEvent: true,
+    }
+  );
+
+  addPromiseTest(
+    `<${list}><li>list-item1</li><li>list-item2[</li></${list}><${otherList}><li>}list-item3</li></${otherList}>`,
+    {
+      expectedInnerHTML: `<${list}><li>list-item1</li><li>list-item2list-item3</li></${list}>`,
+      expectedTargetRanges: () => {
+        return [
+          {
+            startContainer: gEditor.querySelector(`${list} > li + li`).firstChild,
+            startOffset: gEditor.querySelector(`${list} > li + li`).firstChild.length,
+            endContainer: gEditor.querySelector(`${list} + ${otherList} > li`),
+            endOffset: 0,
+          },
+        ];
+      },
+      expectInputEvent: true,
+    }
+  );
+
+  addPromiseTest(
+    `<${list}><li>list-item1[</li></${list}><${otherList}><li>}list-item2</li><li>list-item3</li></${otherList}>`,
+    {
+      expectedInnerHTML: `<${list}><li>list-item1list-item2</li></${list}><${otherList}><li>list-item3</li></${otherList}>`,
+      expectedTargetRanges: () => {
+        return [
+          {
+            startContainer: gEditor.querySelector(`${list} > li`).firstChild,
+            startOffset: gEditor.querySelector(`${list} > li`).firstChild.length,
+            endContainer: gEditor.querySelector(`${list} + ${otherList} > li`),
+            endOffset: 0,
+          },
+        ];
+      },
+      expectInputEvent: true,
+    }
+  );
+}
+
+// Joining nested left list and right list element.  Move the content in first line from selection end in the right
+// list item element into end of the left list item element.
+for (let childList of ["ul", "ol"]) {
+  for (let otherList of ["ul", "ol"]) {
+    addPromiseTest(
+      `<${list}><li><${childList}><li>[list-item1</li></${childList}></li></${list}><${otherList}><li>}list-item2</li></${otherList}>`,
+      {
+        expectedInnerHTML: [
+          `<${list}><li><${childList}><li>list-item2</li></${childList}></li></${list}>`,
+          `<${list}><li><${childList}><li>list-item2<br></li></${childList}></li></${list}>`,
+        ],
+        expectedTargetRanges: () => {
+          return [
+            {
+              startContainer: gEditor.querySelector(`${list} > li > ${childList} > li`).firstChild,
+              startOffset: 0,
+              endContainer: gEditor.querySelector(`${list} + ${otherList} > li`).firstChild,
+              endOffset: 0,
+            },
+          ];
+        },
+        expectInputEvent: true,
+      }
+    );
+
+    addPromiseTest(
+      `<${list}><li><${childList}><li>[list-item1</li></${childList}></li></${list}><${otherList}><li>list-item2]</li></${otherList}>`,
+      {
+        expectedInnerHTML: `<${list}><li><${childList}><li><br></li></${childList}></li></${list}>`,
+        expectedTargetRanges: () => {
+          return [
+            {
+              startContainer: gEditor.querySelector(`${list} > li > ${childList} > li`).firstChild,
+              startOffset: 0,
+              endContainer: gEditor.querySelector(`${list} + ${otherList} > li`).firstChild,
+              endOffset: gEditor.querySelector(`${list} + ${otherList} > li`).firstChild.length,
+            },
+          ];
+        },
+        expectInputEvent: true,
+      }
+    );
+
+    addPromiseTest(
+      `<${list}><li><${childList}><li>list-item1[</li></${childList}></li></${list}><${otherList}><li>list-item2]</li></${otherList}>`,
+      {
+        expectedInnerHTML: `<${list}><li><${childList}><li>list-item1</li></${childList}></li></${list}>`,
+        expectedTargetRanges: () => {
+          return [
+            {
+              startContainer: gEditor.querySelector(`${list} > li > ${childList} > li`).firstChild,
+              startOffset: gEditor.querySelector(`${list} > li > ${childList} > li`).firstChild.length,
+              endContainer: gEditor.querySelector(`${list} + ${otherList} > li`).firstChild,
+              endOffset: gEditor.querySelector(`${list} + ${otherList} > li`).firstChild.length,
+            },
+          ];
+        },
+        expectInputEvent: true,
+      }
+    );
+
+    // Invalid cases.
+    addPromiseTest(
+      `<${list}><${childList}><li>[list-item1</li></${childList}></${list}><${otherList}><li>}list-item2</li></${otherList}>`,
+      {
+        expectedInnerHTML: [
+          `<${list}><${childList}><li>list-item2</li></${childList}></${list}>`,
+          `<${list}><${childList}><li>list-item2<br></li></${childList}></${list}>`,
+        ],
+        expectedTargetRanges: () => {
+          return [
+            {
+              startContainer: gEditor.querySelector(`${list} > ${childList} > li`).firstChild,
+              startOffset: 0,
+              endContainer: gEditor.querySelector(`${list} + ${otherList} > li`).firstChild,
+              endOffset: 0,
+            },
+          ];
+        },
+        expectInputEvent: true,
+      }
+    );
+
+    addPromiseTest(
+      `<${list}><${childList}><li>[list-item1</li></${childList}></${list}><${otherList}><li>list-item2]</li></${otherList}>`,
+      {
+        expectedInnerHTML: `<${list}><${childList}><li><br></li></${childList}></${list}>`,
+        expectedTargetRanges: () => {
+          return [
+            {
+              startContainer: gEditor.querySelector(`${list} > ${childList} > li`).firstChild,
+              startOffset: 0,
+              endContainer: gEditor.querySelector(`${list} + ${otherList} > li`).firstChild,
+              endOffset: gEditor.querySelector(`${list} + ${otherList} > li`).firstChild.length,
+            },
+          ];
+        },
+        expectInputEvent: true,
+      }
+    );
+
+    addPromiseTest(
+      `<${list}><${childList}><li>list-item1[</li></${childList}></${list}><${otherList}><li>list-item2]</li></${otherList}>`,
+      {
+        expectedInnerHTML: `<${list}><${childList}><li>list-item1</li></${childList}></${list}>`,
+        expectedTargetRanges: () => {
+          return [
+            {
+              startContainer: gEditor.querySelector(`${list} > ${childList} > li`).firstChild,
+              startOffset: gEditor.querySelector(`${list} > ${childList} > li`).firstChild.length,
+              endContainer: gEditor.querySelector(`${list} + ${otherList} > li`).firstChild,
+              endOffset: gEditor.querySelector(`${list} + ${otherList} > li`).firstChild.length,
+            },
+          ];
+        },
+        expectInputEvent: true,
+      }
+    );
+  }
+}
+
+// Joining left list and nested right list element.  Basically, the first line from the selection end should
+// be moved into the end of the left list item element, but if all content in the left list is being deleted,
+// keep the right list elements.
+for (let childList of ["ul", "ol"]) {
+  for (let otherList of ["ul", "ol"]) {
+    addPromiseTest(
+      `<${list}><li>list-item1[</li></${list}><${otherList}><li><${childList}><li>}list-item2</li></${childList}></li></${otherList}>`,
+      {
+        expectedInnerHTML: `<${list}><li>list-item1list-item2</li></${list}>`,
+        expectedTargetRanges: () => {
+          return [
+            {
+              startContainer: gEditor.querySelector(`${list} > li`).firstChild,
+              startOffset: gEditor.querySelector(`${list} > li`).firstChild.length,
+              endContainer: gEditor.querySelector(`${list} + ${otherList} > li > ${childList} > li`),
+              endOffset: 0,
+            },
+          ];
+        },
+        expectInputEvent: true,
+      }
+    );
+
+    addPromiseTest(
+      `<${list}><li>[list-item1</li></${list}><${otherList}><li><${childList}><li>}list-item2</li></${childList}></li></${otherList}>`,
+      {
+        expectedInnerHTML: [
+          `<${otherList}><li><${childList}><li>list-item2</li></${childList}></li></${otherList}>`,
+          `<${otherList}><li><${childList}><li>list-item2<br></li></${childList}></li></${otherList}>`,
+        ],
+        expectedTargetRanges: () => {
+          return [
+            {
+              startContainer: gEditor.querySelector(`${list} > li`).firstChild,
+              startOffset: 0,
+              endContainer: gEditor.querySelector(`${list} + ${otherList} > li > ${childList} > li`),
+              endOffset: 0,
+            },
+          ];
+        },
+        expectInputEvent: true,
+      }
+    );
+
+    addPromiseTest(
+      `<${list}><li>[list-item1</li></${list}><${otherList}><li><${childList}><li>list-item2]</li></${childList}></li></${otherList}>`,
+      {
+        expectedInnerHTML: `<${list}><li><br></li></${list}>`,
+        expectedTargetRanges: () => {
+          return [
+            {
+              startContainer: gEditor.querySelector(`${list} > li`).firstChild,
+              startOffset: 0,
+              endContainer: gEditor.querySelector(`${list} + ${otherList} > li > ${childList} > li`).firstChild,
+              endOffset: gEditor.querySelector(`${list} + ${otherList} > li > ${childList} > li`).firstChild.length,
+            },
+          ];
+        },
+        expectInputEvent: true,
+      }
+    );
+
+    addPromiseTest(
+      `<${list}><li>list-item1[</li></${list}><${otherList}><li><${childList}><li>}list-item2<br>second line of list-item2</li></${childList}></li></${otherList}>`,
+      {
+        expectedInnerHTML: `<${list}><li>list-item1list-item2</li></${list}><${otherList}><li><${childList}><li>second line of list-item2</li></${childList}></li></${otherList}>`,
+        expectedTargetRanges: () => {
+          return [
+            {
+              startContainer: gEditor.querySelector(`${list} > li`).firstChild,
+              startOffset: gEditor.querySelector(`${list} > li`).firstChild.length,
+              endContainer: gEditor.querySelector(`${list} + ${otherList} > li > ${childList} > li`),
+              endOffset: 0,
+            },
+          ];
+        },
+        expectInputEvent: true,
+      }
+    );
+
+    // Invalid cases.
+    addPromiseTest(
+      `<${list}><li>list-item1[</li></${list}><${otherList}><${childList}><li>}list-item2</li></${childList}></${otherList}>`,
+      {
+        expectedInnerHTML: `<${list}><li>list-item1list-item2</li></${list}>`,
+        expectedTargetRanges: () => {
+          return [
+            {
+              startContainer: gEditor.querySelector(`${list} > li`).firstChild,
+              startOffset: gEditor.querySelector(`${list} > li`).firstChild.length,
+              endContainer: gEditor.querySelector(`${list} + ${otherList} > ${childList} > li`),
+              endOffset: 0,
+            },
+          ];
+        },
+        expectInputEvent: true,
+      }
+    );
+
+    addPromiseTest(
+      `<${list}><li>[list-item1</li></${list}><${otherList}><${childList}><li>}list-item2</li></${childList}></${otherList}>`,
+      {
+        expectedInnerHTML: [
+          `<${otherList}><${childList}><li>list-item2</li></${childList}></${otherList}>`,
+          `<${otherList}><${childList}><li>list-item2<br></li></${childList}></${otherList}>`,
+        ],
+        expectedTargetRanges: () => {
+          return [
+            {
+              startContainer: gEditor.querySelector(`${list} > li`).firstChild,
+              startOffset: 0,
+              endContainer: gEditor.querySelector(`${list} + ${otherList} > ${childList} > li`),
+              endOffset: 0,
+            },
+          ];
+        },
+        expectInputEvent: true,
+      }
+    );
+
+    addPromiseTest(
+      `<${list}><li>[list-item1</li></${list}><${otherList}><${childList}><li>list-item2]</li></${childList}></${otherList}>`,
+      {
+        expectedInnerHTML: `<${list}><li><br></li></${list}>`,
+        expectedTargetRanges: () => {
+          return [
+            {
+              startContainer: gEditor.querySelector(`${list} > li`).firstChild,
+              startOffset: 0,
+              endContainer: gEditor.querySelector(`${list} + ${otherList} > ${childList} > li`).firstChild,
+              endOffset: gEditor.querySelector(`${list} + ${otherList} > ${childList} > li`).firstChild.length,
+            },
+          ];
+        },
+        expectInputEvent: true,
+      }
+    );
+
+    addPromiseTest(
+      `<${list}><li>list-item1[</li></${list}><${otherList}><${childList}><li>}list-item2<br>second line of list-item2</li></${childList}></${otherList}>`,
+      {
+        expectedInnerHTML: `<${list}><li>list-item1list-item2</li></${list}><${otherList}><${childList}><li>second line of list-item2</li></${childList}></${otherList}>`,
+        expectedTargetRanges: () => {
+          return [
+            {
+              startContainer: gEditor.querySelector(`${list} > li`).firstChild,
+              startOffset: gEditor.querySelector(`${list} > li`).firstChild.length,
+              endContainer: gEditor.querySelector(`${list} + ${otherList} > ${childList} > li`),
+              endOffset: 0,
+            },
+          ];
+        },
+        expectInputEvent: true,
+      }
+    );
+  }
+}
+
+</script>
diff --git a/tests/wpt/web-platform-tests/input-events/input-events-get-target-ranges-joining-dl-element-and-another-list.tentative.html b/tests/wpt/web-platform-tests/input-events/input-events-get-target-ranges-joining-dl-element-and-another-list.tentative.html
new file mode 100644
index 00000000000..cebddac4c5b
--- /dev/null
+++ b/tests/wpt/web-platform-tests/input-events/input-events-get-target-ranges-joining-dl-element-and-another-list.tentative.html
@@ -0,0 +1,285 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<meta name="timeout" content="long">
+<meta name="variant" content="?Backspace">
+<meta name="variant" content="?Delete">
+<title>InputEvent.getTargetRanges() at joining dl element and ol or ul element</title>
+<div contenteditable></div>
+<script src="input-events-get-target-ranges.js"></script>
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/resources/testdriver.js"></script>
+<script src="/resources/testdriver-vendor.js"></script>
+<script src="/resources/testdriver-actions.js"></script>
+<script>
+"use strict";
+
+const action = location.search.substring(1);
+function run() {
+  switch (action) {
+    case "Backspace":
+      return sendBackspaceKey();
+    case "Delete":
+      return sendDeleteKey();
+    default:
+      throw "Unhandled variant";
+  }
+}
+
+/**
+ * @param innerHTML     Initial `innerHTML` value of the editor.
+ * @param data
+ *          expectedInnerHTML
+ *                      Expected `innerHTML` of the editor after calling
+ *                      `run()`.  This can be array of string if there are
+ *                      some acceptable differences like whether there is
+ *                      an invisible `<br>` element at end of list item.
+ *          expectedTargetRanges
+ *                      `null` or `unspecified` if `beforeinput` event shouldn't
+ *                      be fired.
+ *                      Otherwise, function returning an array of objects
+ *                      which have `startContainer`, `startOffset`,
+ *                      `endContainer`, `endOffset`.  This will be called
+ *                      before calling `run()` and compared with
+ *                      `getTargetRanges()` after that.
+ *          expectInputEvent:
+ *                      `true` if it should cause an `input` event.
+ */
+function addPromiseTest(innerHTML, data) {
+  promise_test(async (t) => {
+    initializeTest(innerHTML);
+    let expectedTargetRanges =
+      typeof data.expectedTargetRanges === "function"
+        ? data.expectedTargetRanges()
+        : null;
+    await run();
+    checkEditorContentResultAsSubTest(data.expectedInnerHTML, t.name);
+    if (expectedTargetRanges !== null) {
+      checkGetTargetRangesOfBeforeinputOnDeleteSomething(expectedTargetRanges);
+      if (data.expectInputEvent) {
+        checkGetTargetRangesOfInputOnDeleteSomething();
+      } else {
+        checkGetTargetRangesOfInputOnDoNothing();
+      }
+    } else {
+      checkBeforeinputAndInputEventsOnNOOP();
+    }
+  }, `${action} at "${innerHTML}"`);
+}
+
+// TODO: This file does not have tests for the cases joining dl elements and
+//       parent or child ul/ol elements.  They should be added, but perhaps,
+//       they are edge cases.
+
+// Joining dl with ul/ol list element
+for (let otherList of ["ul", "ol"]) {
+  for (let firstItem of ["dt", "dd"]) {
+    addPromiseTest(
+      action === "Backspace"
+        ? `<${otherList}><li>list-item1</li></${otherList}><dl><${firstItem}>[]list-item2</${firstItem}></dl>`
+        : `<${otherList}><li>list-item1[]</li></${otherList}><dl><${firstItem}>list-item2</${firstItem}></dl>`,
+      {
+        expectedInnerHTML: `<${otherList}><li>list-item1list-item2</li></${otherList}>`,
+        expectedTargetRanges: () => {
+          return [
+            {
+              startContainer: gEditor.querySelector("li").firstChild,
+              startOffset: gEditor.querySelector("li").firstChild.length,
+              endContainer: gEditor.querySelector(firstItem).firstChild,
+              endOffset: 0,
+            },
+          ];
+        },
+        expectInputEvent: true,
+      }
+    );
+
+    for (let secondItem of ["dt", "dd"]) {
+      addPromiseTest(
+        action === "Backspace"
+          ? `<dl><${firstItem}>list-item1</${firstItem}><${secondItem}}>list-item2</${secondItem}></dl><${otherList}><li>[]list-item3</li></${otherList}>`
+          : `<dl><${firstItem}>list-item1</${firstItem}><${secondItem}>list-item2[]</${secondItem}></dl><${otherList}><li>list-item3</li></${otherList}>`,
+        {
+          expectedInnerHTML: `<dl><${firstItem}>list-item1</${firstItem}><${secondItem}>list-item2list-item3</${secondItem}></dl>`,
+          expectedTargetRanges: () => {
+            return [
+              {
+                startContainer: gEditor.querySelector(`${firstItem} + ${secondItem}`).firstChild,
+                startOffset: gEditor.querySelector(`${firstItem} + ${secondItem}`).firstChild.length,
+                endContainer: gEditor.querySelector("li").firstChild,
+                endOffset: 0,
+              },
+            ];
+          },
+          expectInputEvent: true,
+        }
+      );
+
+      addPromiseTest(
+        `<dl><${firstItem}>list-item1</${firstItem}><${secondItem}>[list-item2</${secondItem}></dl><${otherList}><li>}list-item3</li></${otherList}>`,
+        {
+          expectedInnerHTML:
+            secondItem === "dt"
+            ? [
+                `<dl><${firstItem}>list-item1</${firstItem}></dl><${otherList}><li>list-item3</li></${otherList}>`,
+                `<dl><${firstItem}>list-item1</${firstItem}></dl><${otherList}><li>list-item3<br></li></${otherList}>`,
+              ]
+            : [
+                `<dl><${firstItem}>list-item1</${firstItem}><${secondItem}>list-item3</${secondItem}></dl>`,
+                `<dl><${firstItem}>list-item1</${firstItem}><${secondItem}>list-item3<br></${secondItem}></dl>`,
+              ],
+          expectedTargetRanges: () => {
+            return [
+              {
+                startContainer: gEditor.querySelector(`${firstItem} + ${secondItem}`).firstChild,
+                startOffset: 0,
+                endContainer: gEditor.querySelector("li"),
+                endOffset: 0,
+              },
+            ];
+          },
+          expectInputEvent: true,
+        }
+      );
+
+      addPromiseTest(
+        `<dl><${firstItem}>list-item1</${firstItem}><${secondItem}>[list-item2</${secondItem}></dl><${otherList}><li>list-item3]</li></${otherList}>`,
+        {
+          expectedInnerHTML: `<dl><${firstItem}>list-item1</${firstItem}><${secondItem}><br></${secondItem}></dl>`,
+          expectedTargetRanges: () => {
+            return [
+              {
+                startContainer: gEditor.querySelector(secondItem).firstChild,
+                startOffset: 0,
+                endContainer: gEditor.querySelector("li").firstChild,
+                endOffset: gEditor.querySelector("li").firstChild.length,
+              },
+            ];
+          },
+          expectInputEvent: true,
+        }
+      );
+
+      addPromiseTest(
+        `<dl><${firstItem}>[list-item1</${firstItem}><${secondItem}>list-item2</${secondItem}></dl><${otherList}><li>list-item3]</li></${otherList}>`,
+        {
+          expectedInnerHTML: `<dl><${firstItem}><br></${firstItem}></dl>`,
+          expectedTargetRanges: () => {
+            return [
+              {
+                startContainer: gEditor.querySelector(firstItem).firstChild,
+                startOffset: 0,
+                endContainer: gEditor.querySelector("li").firstChild,
+                endOffset: gEditor.querySelector("li").firstChild.length,
+              },
+            ];
+          },
+          expectInputEvent: true,
+        }
+      );
+
+      addPromiseTest(
+        action === "Backspace"
+          ? `<${otherList}><li>list-item1</li></${otherList}><dl><${firstItem}>[]list-item2</${firstItem}><${secondItem}>list-item3</${secondItem}></dl>`
+          : `<${otherList}><li>list-item1[]</li></${otherList}><dl><${firstItem}>list-item2</${firstItem}><${secondItem}>list-item3</${secondItem}></dl>`,
+        {
+          expectedInnerHTML: `<${otherList}><li>list-item1list-item2</li></${otherList}><dl><${secondItem}>list-item3</${secondItem}></dl>`,
+          expectedTargetRanges: () => {
+            return [
+              {
+                startContainer: gEditor.querySelector("li").firstChild,
+                startOffset: gEditor.querySelector("li").firstChild.length,
+                endContainer: gEditor.querySelector(firstItem).firstChild,
+                endOffset: 0,
+              },
+            ];
+          },
+          expectInputEvent: true,
+        }
+      );
+
+      addPromiseTest(
+        `<${otherList}><li>[list-item1</li></${otherList}><dl><${firstItem}>}list-item2</${firstItem}><${secondItem}>list-item3</${secondItem}></dl>`,
+        {
+          expectedInnerHTML: [
+            `<${otherList}><li>list-item2</li></${otherList}><dl><${secondItem}>list-item3</${secondItem}></dl>`,
+            `<${otherList}><li>list-item2<br></li></${otherList}><dl><${secondItem}>list-item3</${secondItem}></dl>`,
+          ],
+          expectedTargetRanges: () => {
+            return [
+              {
+                startContainer: gEditor.querySelector("li").firstChild,
+                startOffset: 0,
+                endContainer: gEditor.querySelector(firstItem),
+                endOffset: 0,
+              },
+            ];
+          },
+          expectInputEvent: true,
+        }
+      );
+
+      addPromiseTest(
+        `<${otherList}><li>[list-item1</li></${otherList}><dl><${firstItem}>list-item2]</${firstItem}><${secondItem}>list-item3</${secondItem}></dl>`,
+        {
+          expectedInnerHTML: `<${otherList}><li><br></li></${otherList}><dl><${secondItem}>list-item3</${secondItem}></dl>`,
+          expectedTargetRanges: () => {
+            return [
+              {
+                startContainer: gEditor.querySelector("li").firstChild,
+                startOffset: 0,
+                endContainer: gEditor.querySelector(firstItem).firstChild,
+                endOffset: gEditor.querySelector(firstItem).firstChild.length,
+              },
+            ];
+          },
+          expectInputEvent: true,
+        }
+      );
+
+      addPromiseTest(
+        `<${otherList}><li>list-item1[</li></${otherList}><dl><${firstItem}>}list-item2</${firstItem}><${secondItem}>list-item3</${secondItem}></dl>`,
+        {
+          expectedInnerHTML: [
+            `<${otherList}><li>list-item1list-item2</li></${otherList}><dl><${secondItem}>list-item3</${secondItem}></dl>`,
+            `<${otherList}><li>list-item1list-item2<br></li></${otherList}><dl><${secondItem}>list-item3</${secondItem}></dl>`,
+          ],
+          expectedTargetRanges: () => {
+            return [
+              {
+                startContainer: gEditor.querySelector("li").firstChild,
+                startOffset: gEditor.querySelector("li").firstChild.length,
+                endContainer: gEditor.querySelector(firstItem),
+                endOffset: 0,
+              },
+            ];
+          },
+          expectInputEvent: true,
+        }
+      );
+
+      addPromiseTest(
+        `<${otherList}><li>list-item1[</li></${otherList}><dl><${firstItem}>list-item2</${firstItem}><${secondItem}>}list-item3</${secondItem}></dl>`,
+        {
+          expectedInnerHTML: [
+            `<${otherList}><li>list-item1list-item3</li></${otherList}>`,
+            `<${otherList}><li>list-item1list-item3<br></li></${otherList}>`,
+          ],
+          expectedTargetRanges: () => {
+            return [
+              {
+                startContainer: gEditor.querySelector("li").firstChild,
+                startOffset: gEditor.querySelector("li").firstChild.length,
+                endContainer: gEditor.querySelector(secondItem),
+                endOffset: 0,
+              },
+            ];
+          },
+          expectInputEvent: true,
+        }
+      );
+    }
+  }
+}
+
+</script>
diff --git a/tests/wpt/web-platform-tests/input-events/input-events-get-target-ranges-joining-dl-elements.tentative.html b/tests/wpt/web-platform-tests/input-events/input-events-get-target-ranges-joining-dl-elements.tentative.html
new file mode 100644
index 00000000000..3e51dab7755
--- /dev/null
+++ b/tests/wpt/web-platform-tests/input-events/input-events-get-target-ranges-joining-dl-elements.tentative.html
@@ -0,0 +1,605 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<meta name="timeout" content="long">
+<meta name="variant" content="?Backspace">
+<meta name="variant" content="?Delete">
+<title>InputEvent.getTargetRanges() at deleting in/around/across list item elements</title>
+<div contenteditable></div>
+<script src="input-events-get-target-ranges.js"></script>
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/resources/testdriver.js"></script>
+<script src="/resources/testdriver-vendor.js"></script>
+<script src="/resources/testdriver-actions.js"></script>
+<script>
+"use strict";
+
+const action = location.search.substring(1);
+function run() {
+  switch (action) {
+    case "Backspace":
+      return sendBackspaceKey();
+    case "Delete":
+      return sendDeleteKey();
+    default:
+      throw "Unhandled variant";
+  }
+}
+
+/**
+ * @param innerHTML     Initial `innerHTML` value of the editor.
+ * @param data
+ *          expectedInnerHTML
+ *                      Expected `innerHTML` of the editor after calling
+ *                      `run()`.  This can be array of string if there are
+ *                      some acceptable differences like whether there is
+ *                      an invisible `<br>` element at end of list item.
+ *          expectedTargetRanges
+ *                      `null` or `unspecified` if `beforeinput` event shouldn't
+ *                      be fired.
+ *                      Otherwise, function returning an array of objects
+ *                      which have `startContainer`, `startOffset`,
+ *                      `endContainer`, `endOffset`.  This will be called
+ *                      before calling `run()` and compared with
+ *                      `getTargetRanges()` after that.
+ *          expectInputEvent:
+ *                      `true` if it should cause an `input` event.
+ */
+function addPromiseTest(innerHTML, data) {
+  promise_test(async (t) => {
+    initializeTest(innerHTML);
+    let expectedTargetRanges =
+      typeof data.expectedTargetRanges === "function"
+        ? data.expectedTargetRanges()
+        : null;
+    await run();
+    checkEditorContentResultAsSubTest(data.expectedInnerHTML, t.name);
+    if (expectedTargetRanges !== null) {
+      checkGetTargetRangesOfBeforeinputOnDeleteSomething(expectedTargetRanges);
+      if (data.expectInputEvent) {
+        checkGetTargetRangesOfInputOnDeleteSomething();
+      } else {
+        checkGetTargetRangesOfInputOnDoNothing();
+      }
+    } else {
+      checkBeforeinputAndInputEventsOnNOOP();
+    }
+  }, `${action} at "${innerHTML}"`);
+}
+
+// Join left list element and right list element, both have one item.
+function test_join_1_1(leftItem, rightItem) {
+  addPromiseTest(
+    action === "Backspace"
+      ? `<dl><${leftItem}>list-item1</${leftItem}></dl><dl><${rightItem}>[]list-item2</${rightItem}></dl>`
+      : `<dl><${leftItem}>list-item1[]</${leftItem}></dl><dl><${rightItem}>list-item2</${rightItem}></dl>`,
+    {
+      expectedInnerHTML: [
+        `<dl><${leftItem}>list-item1list-item2</${leftItem}></dl>`,
+        `<dl><${leftItem}>list-item1list-item2<br></${leftItem}></dl>`,
+      ],
+      expectedTargetRanges: () => {
+        return [
+          {
+            startContainer: gEditor.querySelector(`${leftItem}`).firstChild,
+            startOffset: gEditor.querySelector(`${leftItem}`).firstChild.length,
+            endContainer: gEditor.querySelector(`dl + dl > ${rightItem}`).firstChild,
+            endOffset: 0,
+          },
+        ];
+      },
+      expectInputEvent: true,
+    }
+  );
+
+  addPromiseTest(
+    `<dl><${leftItem}>list-item1[</${leftItem}></dl><dl><${rightItem}>}list-item2</${rightItem}></dl>`,
+    {
+      expectedInnerHTML: [
+        `<dl><${leftItem}>list-item1list-item2</${leftItem}></dl>`,
+        `<dl><${leftItem}>list-item1list-item2<br></${leftItem}></dl>`,
+      ],
+      expectedTargetRanges: () => {
+        return [
+          {
+            startContainer: gEditor.querySelector(`${leftItem}`).firstChild,
+            startOffset: gEditor.querySelector(`${leftItem}`).firstChild.length,
+            endContainer: gEditor.querySelector(`dl + dl > ${rightItem}`),
+            endOffset: 0,
+          },
+        ];
+      },
+      expectInputEvent: true,
+    }
+  );
+
+  addPromiseTest(
+    `<dl><${leftItem}>[list-item1</${leftItem}></dl><dl><${rightItem}>}list-item2</${rightItem}></dl>`,
+    {
+      expectedInnerHTML:
+        leftItem === "dt" && rightItem === "dd"
+          ? [
+              `<dl><${rightItem}>list-item2</${rightItem}></dl>`,
+              `<dl><${rightItem}>list-item2<br></${rightItem}></dl>`,
+            ]
+          : [
+              `<dl><${leftItem}>list-item2</${leftItem}></dl>`,
+              `<dl><${leftItem}>list-item2<br></${leftItem}></dl>`,
+            ],
+      expectedTargetRanges: () => {
+        return [
+          {
+            startContainer: gEditor.querySelector(`${leftItem}`).firstChild,
+            startOffset: 0,
+            endContainer: gEditor.querySelector(`dl + dl > ${rightItem}`),
+            endOffset: 0,
+          },
+        ];
+      },
+      expectInputEvent: true,
+    }
+  );
+
+  addPromiseTest(
+    `<dl><${leftItem}>list-item1[</${leftItem}></dl><dl><${rightItem}>list-item2]</${rightItem}></dl>`,
+    {
+      expectedInnerHTML: [
+        `<dl><${leftItem}>list-item1</${leftItem}></dl>`,
+        `<dl><${leftItem}>list-item1<br></${leftItem}></dl>`,
+      ],
+      expectedTargetRanges: () => {
+        return [
+          {
+            startContainer: gEditor.querySelector(`${leftItem}`).firstChild,
+            startOffset: 0,
+            endContainer: gEditor.querySelector(`dl + dl > ${rightItem}`).firstChild,
+            endOffset: gEditor.querySelector(`dl + dl > ${rightItem}`).firstChild.length,
+          },
+        ];
+      },
+      expectInputEvent: true,
+    }
+  );
+
+  addPromiseTest(
+    `<dl><${leftItem}>[list-item1</${leftItem}></dl><dl><${rightItem}>list-item2]</${rightItem}></dl>`,
+    {
+      expectedInnerHTML: `<dl><${leftItem}><br></${leftItem}></dl>`,
+      expectedTargetRanges: () => {
+        return [
+          {
+            startContainer: gEditor.querySelector(`${leftItem}`).firstChild,
+            startOffset: 0,
+            endContainer: gEditor.querySelector(`dl + dl > ${rightItem}`).firstChild,
+            endOffset: gEditor.querySelector(`dl + dl > ${rightItem}`).firstChild.length,
+          },
+        ];
+      },
+      expectInputEvent: true,
+    }
+  );
+}
+
+// Join left list element which has 2 items and right list element which has one item.
+function test_join_2_1(leftItems, rightItem) {
+  addPromiseTest(
+    action === "Backspace"
+      ? `<dl><${leftItems[0]}>list-item1</${leftItems[0]}><${leftItems[1]}>list-item2</${leftItems[1]}></dl><dl><${rightItem}>[]list-item3</${rightItem}></dl>`
+      : `<dl><${leftItems[0]}>list-item1</${leftItems[0]}><${leftItems[1]}>list-item2[]</${leftItems[1]}></dl><dl><${rightItem}>list-item3</${rightItem}></dl>`,
+    {
+      expectedInnerHTML: [
+        `<dl><${leftItems[0]}>list-item1</${leftItems[0]}><${leftItems[1]}>list-item2list-item3</${leftItems[1]}></dl>`,
+        `<dl><${leftItems[0]}>list-item1</${leftItems[0]}><${leftItems[1]}>list-item2list-item3<br></${leftItems[1]}></dl>`,
+      ],
+      expectedTargetRanges: () => {
+        return [
+          {
+            startContainer: gEditor.querySelector(`${leftItems[0]} + ${leftItems[1]}`).firstChild,
+            startOffset: gEditor.querySelector(`${leftItems[0]} + ${leftItems[1]}`).firstChild.length,
+            endContainer: gEditor.querySelector(`dl + dl > ${rightItem}`).firstChild,
+            endOffset: 0,
+          },
+        ];
+      },
+      expectInputEvent: true,
+    }
+  );
+
+  addPromiseTest(
+    `<dl><${leftItems[0]}>list-item1</${leftItems[0]}><${leftItems[1]}>list-item2[</${leftItems[1]}></dl><dl><${rightItem}>}list-item3</${rightItem}></dl>`,
+    {
+      expectedInnerHTML: [
+        `<dl><${leftItems[0]}>list-item1</${leftItems[0]}><${leftItems[1]}>list-item2list-item3</${leftItems[1]}></dl>`,
+        `<dl><${leftItems[0]}>list-item1</${leftItems[0]}><${leftItems[1]}>list-item2list-item3<br></${leftItems[1]}></dl>`,
+      ],
+      expectedTargetRanges: () => {
+        return [
+          {
+            startContainer: gEditor.querySelector(`${leftItems[0]} + ${leftItems[1]}`).firstChild,
+            startOffset: gEditor.querySelector(`${leftItems[0]} + ${leftItems[1]}`).firstChild.length,
+            endContainer: gEditor.querySelector(`dl + dl > ${rightItem}`),
+            endOffset: 0,
+          },
+        ];
+      },
+      expectInputEvent: true,
+    }
+  );
+
+  addPromiseTest(
+    `<dl><${leftItems[0]}>list-item1</${leftItems[0]}><${leftItems[1]}>[list-item2</${leftItems[1]}></dl><dl><${rightItem}>}list-item3</${rightItem}></dl>`,
+    {
+      expectedInnerHTML:
+        leftItems[1] === "dt" && rightItem === "dd"
+          ? [
+              `<dl><${leftItems[0]}>list-item1</${leftItems[0]}></dl><dl><${rightItem}>list-item3</${rightItem}></dl>`,
+              `<dl><${leftItems[0]}>list-item1</${leftItems[0]}></dl><dl><${rightItem}>list-item3<br></${rightItem}></dl>`,
+            ]
+          : [
+              `<dl><${leftItems[0]}>list-item1</${leftItems[0]}><${leftItems[1]}>list-item3</${leftItems[1]}></dl>`,
+              `<dl><${leftItems[0]}>list-item1</${leftItems[0]}><${leftItems[1]}>list-item3<br></${leftItems[1]}></dl>`,
+            ],
+      expectedTargetRanges: () => {
+        return [
+          {
+            startContainer: gEditor.querySelector(`${leftItems[0]} + ${leftItems[1]}`).firstChild,
+            startOffset: 0,
+            endContainer: gEditor.querySelector(`dl + dl > ${rightItem}`),
+            endOffset: 0,
+          },
+        ];
+      },
+      expectInputEvent: true,
+    }
+  );
+
+  addPromiseTest(
+    `<dl><${leftItems[0]}>[list-item1</${leftItems[0]}><${leftItems[1]}>list-item2</${leftItems[1]}></dl><dl><${rightItem}>}list-item3</${rightItem}></dl>`,
+    {
+      expectedInnerHTML:
+        leftItems[0] === "dt" && rightItem === "dd"
+          ? [
+              `<dl><${rightItem}>list-item3</${rightItem}></dl>`,
+              `<dl><${rightItem}>list-item3<br></${rightItem}></dl>`,
+            ]
+          : [
+              `<dl><${leftItems[0]}>list-item3</${leftItems[0]}></dl>`,
+              `<dl><${leftItems[0]}>list-item3<br></${leftItems[0]}></dl>`,
+            ],
+      expectedTargetRanges: () => {
+        return [
+          {
+            startContainer: gEditor.querySelector(`${leftItems[0]}`).firstChild,
+            startOffset: 0,
+            endContainer: gEditor.querySelector(`dl + dl > ${rightItem}`),
+            endOffset: 0,
+          },
+        ];
+      },
+      expectInputEvent: true,
+    }
+  );
+
+  addPromiseTest(
+    `<dl><${leftItems[0]}>list-item1</${leftItems[0]}><${leftItems[1]}>list-item2[</${leftItems[1]}></dl><dl><${rightItem}>list-item3]</${rightItem}></dl>`,
+    {
+      expectedInnerHTML: `<dl><${leftItems[0]}>list-item1</${leftItems[0]}><${leftItems[1]}>list-item2</${leftItems[1]}></dl>`,
+      expectedTargetRanges: () => {
+        return [
+          {
+            startContainer: gEditor.querySelector(`${leftItems[0]} + ${leftItems[1]}`).firstChild,
+            startOffset: gEditor.querySelector(`${leftItems[0]} + ${leftItems[1]}`).firstChild.length,
+            endContainer: gEditor.querySelector(`dl + dl > ${rightItem}`),
+            endOffset: 0,
+          },
+        ];
+      },
+      expectInputEvent: true,
+    }
+  );
+
+  addPromiseTest(
+    `<dl><${leftItems[0]}>list-item1</${leftItems[0]}><${leftItems[1]}>[list-item2</${leftItems[1]}></dl><dl><${rightItem}>list-item3]</${rightItem}></dl>`,
+    {
+      expectedInnerHTML: `<dl><${leftItems[0]}>list-item1</${leftItems[0]}><${leftItems[1]}><br></${leftItems[1]}></dl>`,
+      expectedTargetRanges: () => {
+        return [
+          {
+            startContainer: gEditor.querySelector(`${leftItems[0]} + ${leftItems[1]}`).firstChild,
+            startOffset: 0,
+            endContainer: gEditor.querySelector(`dl + dl > ${rightItem}`).firstChild,
+            endOffset: gEditor.querySelector(`dl + dl > ${rightItem}`).firstChild.length,
+          },
+        ];
+      },
+      expectInputEvent: true,
+    }
+  );
+}
+
+// Join left list element which has one item and right list element which has 2 items.
+function test_join_1_2(leftItem, rightItems) {
+  addPromiseTest(
+    action === "Backspace"
+      ? `<dl><${leftItem}>list-item1</${leftItem}></dl><dl><${rightItems[0]}>[]list-item2</${rightItems[0]}><${rightItems[1]}>list-item3</${rightItems[1]}></dl>`
+      : `<dl><${leftItem}>list-item1[]</${leftItem}></dl><dl><${rightItems[0]}>list-item2</${rightItems[0]}><${rightItems[1]}>list-item3</${rightItems[1]}></dl>`,
+    {
+      expectedInnerHTML: [
+        `<dl><${leftItem}>list-item1list-item2</${leftItem}></dl><dl><${rightItems[1]}>list-item3</${rightItems[1]}></dl>`,
+        `<dl><${leftItem}>list-item1list-item2<br></${leftItem}></dl><dl><${rightItems[1]}>list-item3</${rightItems[1]}></dl>`,
+      ],
+      expectedTargetRanges: () => {
+        return [
+          {
+            startContainer: gEditor.querySelector(`${leftItem}`).firstChild,
+            startOffset: gEditor.querySelector(`${leftItem}`).firstChild.length,
+            endContainer: gEditor.querySelector(`dl + dl > ${rightItems[0]}`).firstChild,
+            endOffset: 0,
+          },
+        ];
+      },
+      expectInputEvent: true,
+    }
+  );
+
+  addPromiseTest(
+    `<dl><${leftItem}>list-item1[</${leftItem}></dl><dl><${rightItems[0]}>}list-item2</${rightItems[0]}><${rightItems[1]}>list-item3</${rightItems[1]}></dl>`,
+    {
+      expectedInnerHTML: [
+        `<dl><${leftItem}>list-item1list-item2</${leftItem}></dl><dl><${rightItems[1]}>list-item3</${rightItems[1]}></dl>`,
+        `<dl><${leftItem}>list-item1list-item2<br></${leftItem}></dl><dl><${rightItems[1]}>list-item3</${rightItems[1]}></dl>`,
+      ],
+      expectedTargetRanges: () => {
+        return [
+          {
+            startContainer: gEditor.querySelector(`${leftItem}`).firstChild,
+            startOffset: gEditor.querySelector(`${leftItem}`).firstChild.length,
+            endContainer: gEditor.querySelector(`dl + dl > ${rightItems[0]}`),
+            endOffset: 0,
+          },
+        ];
+      },
+      expectInputEvent: true,
+    }
+  );
+
+  addPromiseTest(
+    `<dl><${leftItem}>list-item1[</${leftItem}></dl><dl><${rightItems[0]}>list-item2]</${rightItems[0]}><${rightItems[1]}>list-item3</${rightItems[1]}></dl>`,
+    {
+      expectedInnerHTML: [
+        `<dl><${leftItem}>list-item1</${leftItem}></dl><dl><${rightItems[1]}>list-item3</${rightItems[1]}></dl>`,
+        `<dl><${leftItem}>list-item1<br></${leftItem}></dl><dl><${rightItems[1]}>list-item3</${rightItems[1]}</dl>`,
+      ],
+      expectedTargetRanges: () => {
+        return [
+          {
+            startContainer: gEditor.querySelector(`${leftItem}`).firstChild,
+            startOffset: gEditor.querySelector(`${leftItem}`).firstChild.length,
+            endContainer: gEditor.querySelector(`dl + dl > ${rightItems[0]}`).firstChild,
+            endOffset: gEditor.querySelector(`dl + dl > ${rightItems[0]}`).firstChild.length,
+          },
+        ];
+      },
+      expectInputEvent: true,
+    }
+  );
+
+  addPromiseTest(
+    `<dl><${leftItem}>[list-item1</${leftItem}></dl><dl><${rightItems[0]}>list-item2]</${rightItems[0]}><${rightItems[1]}>list-item3</${rightItems[1]}></dl>`,
+    {
+      expectedInnerHTML: `<dl><${leftItem}><br></${leftItem}></dl><dl><${rightItems[1]}>list-item3</${rightItems[1]}></dl>`,
+      expectedTargetRanges: () => {
+        return [
+          {
+            startContainer: gEditor.querySelector(`${leftItem}`).firstChild,
+            startOffset: 0,
+            endContainer: gEditor.querySelector(`dl + dl > ${rightItems[0]}`).firstChild,
+            endOffset: gEditor.querySelector(`dl + dl > ${rightItems[0]}`).firstChild.length,
+          },
+        ];
+      },
+      expectInputEvent: true,
+    }
+  );
+
+  addPromiseTest(
+    `<dl><${leftItem}>[list-item1</${leftItem}></dl><dl><${rightItems[0]}>list-item2</${rightItems[0]}><${rightItems[1]}>}list-item3</${rightItems[1]}></dl>`,
+    {
+      expectedInnerHTML:
+        leftItem === "dt" && rightItems[1] === "dd"
+          ? [
+              `<dl><${rightItems[1]}>list-item3</${rightItems[1]}></dl>`,
+              `<dl><${rightItems[1]}>list-item3<br></${rightItems[1]}></dl>`,
+            ]
+          : [
+              `<dl><${leftItem}>list-item3</${leftItem}></dl>`,
+              `<dl><${leftItem}>list-item3<br></${leftItem}></dl>`,
+            ],
+      expectedTargetRanges: () => {
+        return [
+          {
+            startContainer: gEditor.querySelector(`${leftItem}`).firstChild,
+            startOffset: 0,
+            endContainer: gEditor.querySelector(`dl + dl > ${rightItems[0]} + ${rightItems[1]}`),
+            endOffset: 0,
+          },
+        ];
+      },
+      expectInputEvent: true,
+    }
+  );
+}
+
+// Join left list element and right list element, both have 2 items.
+function test_join_2_2(leftItems, rightItems) {
+  addPromiseTest(
+    action === "Backspace"
+      ? `<dl><${leftItems[0]}>list-item1</${leftItems[0]}><${leftItems[1]}>list-item2</${leftItems[1]}></dl><dl><${rightItems[0]}>[]list-item3</${rightItems[0]}><${rightItems[1]}>list-item4</${rightItems[1]}></dl>`
+      : `<dl><${leftItems[0]}>list-item1</${leftItems[0]}><${leftItems[1]}>list-item2[]</${leftItems[1]}></dl><dl><${rightItems[0]}>list-item3</${rightItems[0]}><${rightItems[1]}>list-item4</${rightItems[1]}></dl>`,
+    {
+      expectedInnerHTML: [
+        `<dl><${leftItems[0]}>list-item1</${leftItems[0]}><${leftItems[1]}>list-item2list-item3</${leftItems[1]}></dl><dl><${rightItems[1]}>list-item4</${rightItems[1]}></dl>`,
+        `<dl><${leftItems[0]}>list-item1</${leftItems[0]}><${leftItems[1]}>list-item2list-item3<br></${leftItems[1]}></dl><dl><${rightItems[1]}>list-item4</${rightItems[1]}></dl>`,
+      ],
+      expectedTargetRanges: () => {
+        return [
+          {
+            startContainer: gEditor.querySelector(`${leftItems[0]} + ${leftItems[1]}`).firstChild,
+            startOffset: gEditor.querySelector(`${leftItems[0]} + ${leftItems[1]}`).firstChild.length,
+            endContainer: gEditor.querySelector(`dl + dl > ${rightItems[0]}`).firstChild,
+            endOffset: 0,
+          },
+        ];
+      },
+      expectInputEvent: true,
+    }
+  );
+
+  addPromiseTest(
+    `<dl><${leftItems[0]}>list-item1</${leftItems[0]}><${leftItems[1]}>list-item2[</${leftItems[1]}></dl><dl><${rightItems[0]}>}list-item3</${rightItems[0]}><${rightItems[1]}>list-item4</${rightItems[1]}></dl>`,
+    {
+      expectedInnerHTML: [
+        `<dl><${leftItems[0]}>list-item1</${leftItems[0]}><${leftItems[1]}>list-item2list-item3</${leftItems[1]}></dl><dl><${rightItems[1]}>list-item4</${rightItems[1]}></dl>`,
+        `<dl><${leftItems[0]}>list-item1</${leftItems[0]}><${leftItems[1]}>list-item2list-item3<br></${leftItems[1]}></dl><dl><${rightItems[1]}>list-item4</${rightItems[1]}></dl>`,
+      ],
+      expectedTargetRanges: () => {
+        return [
+          {
+            startContainer: gEditor.querySelector(`${leftItems[0]} + ${leftItems[1]}`).firstChild,
+            startOffset: gEditor.querySelector(`${leftItems[0]} + ${leftItems[1]}`).firstChild.length,
+            endContainer: gEditor.querySelector(`dl + dl > ${rightItems[0]}`),
+            endOffset: 0,
+          },
+        ];
+      },
+      expectInputEvent: true,
+    }
+  );
+
+  // XXX This and next one's expectation come from Blink's behavior.
+  //     I'm not sure whether this is intentional complicated handling
+  //     or not.
+  addPromiseTest(
+    `<dl><${leftItems[0]}>list-item1</${leftItems[0]}><${leftItems[1]}>[list-item2</${leftItems[1]}></dl><dl><${rightItems[0]}>}list-item3</${rightItems[0]}><${rightItems[1]}>list-item4</${rightItems[1]}></dl>`,
+    {
+      expectedInnerHTML:
+        leftItems[1] === "dt" && rightItems[0] === "dd"
+            ? [
+              `<dl><${leftItems[0]}>list-item1</${leftItems[0]}></dl><dl><${rightItems[0]}>list-item3</${rightItems[0]}><${rightItems[1]}>list-item4</${rightItems[1]}></dl>`,
+              `<dl><${leftItems[0]}>list-item1</${leftItems[0]}></dl><dl><${rightItems[0]}>list-item3<br></${rightItems[0]}><${rightItems[1]}>list-item4</${rightItems[1]}></dl>`,
+              ]
+            : [
+              `<dl><${leftItems[0]}>list-item1</${leftItems[0]}><${leftItems[1]}>list-item3</${leftItems[1]}></dl><dl><${rightItems[1]}>list-item4</${rightItems[1]}></dl>`,
+              `<dl><${leftItems[0]}>list-item1</${leftItems[0]}><${leftItems[1]}>list-item3<br></${leftItems[1]}></dl><dl><${rightItems[1]}>list-item4</${rightItems[1]}></dl>`,
+            ],
+      expectedTargetRanges: () => {
+        return [
+          {
+            startContainer: gEditor.querySelector(`${leftItems[0]} + ${leftItems[1]}`).firstChild,
+            startOffset: 0,
+            endContainer: gEditor.querySelector(`dl + dl > ${rightItems[0]}`),
+            endOffset: 0,
+          },
+        ];
+      },
+      expectInputEvent: true,
+    }
+  );
+
+  addPromiseTest(
+    `<dl><${leftItems[0]}>[list-item1</${leftItems[0]}><${leftItems[1]}>list-item2</${leftItems[1]}></dl><dl><${rightItems[0]}>}list-item3</${rightItems[0]}><${rightItems[1]}>list-item4</${rightItems[1]}></dl>`,
+    {
+      expectedInnerHTML:
+        leftItems[0] === "dt" && rightItems[0] === "dd"
+          ? [
+              `<dl><${rightItems[0]}>list-item3</${rightItems[0]}><${rightItems[1]}>list-item4</${rightItems[1]}></dl>`,
+              `<dl><${rightItems[0]}>list-item3<br></${rightItems[0]}><${rightItems[1]}>list-item4</${rightItems[1]}></dl>`,
+            ]
+          : [
+              `<dl><${leftItems[0]}>list-item3</${leftItems[0]}></dl><dl><${rightItems[1]}>list-item4</${rightItems[1]}></dl>`,
+              `<dl><${leftItems[0]}>list-item3<br></${leftItems[0]}></dl><dl><${rightItems[1]}>list-item4</${rightItems[1]}></dl>`,
+            ],
+      expectedTargetRanges: () => {
+        return [
+          {
+            startContainer: gEditor.querySelector(`${leftItems[0]}`).firstChild,
+            startOffset: 0,
+            endContainer: gEditor.querySelector(`dl + dl > ${rightItems[0]}`),
+            endOffset: 0,
+          },
+        ];
+      },
+      expectInputEvent: true,
+    }
+  );
+
+  addPromiseTest(
+    `<dl><${leftItems[0]}>list-item1</${leftItems[0]}><${leftItems[1]}>list-item2[</${leftItems[1]}></dl><dl><${rightItems[0]}>list-item3]</${rightItems[0]}><${rightItems[1]}>list-item4</${rightItems[1]}></dl>`,
+    {
+      expectedInnerHTML: `<dl><${leftItems[0]}>list-item1</${leftItems[0]}><${leftItems[1]}>list-item2</${leftItems[1]}></dl><dl><${rightItems[1]}>list-item4</${rightItems[1]}></dl>`,
+      expectedTargetRanges: () => {
+        return [
+          {
+            startContainer: gEditor.querySelector(`${leftItems[0]} + ${leftItems[1]}`).firstChild,
+            startOffset: gEditor.querySelector(`${leftItems[0]} + ${leftItems[1]}`).firstChild.length,
+            endContainer: gEditor.querySelector(`dl + dl > ${rightItems[0]}`).firstChild,
+            endOffset: gEditor.querySelector(`dl + dl > ${rightItems[0]}`).firstChild.length,
+          },
+        ];
+      },
+      expectInputEvent: true,
+    }
+  );
+
+  addPromiseTest(
+    `<dl><${leftItems[0]}>list-item1</${leftItems[0]}><${leftItems[1]}>[list-item2</${leftItems[1]}></dl><dl><${rightItems[0]}>list-item3]</${rightItems[0]}><${rightItems[1]}>list-item4</${rightItems[1]}></dl>`,
+    {
+      expectedInnerHTML: `<dl><${leftItems[0]}>list-item1</${leftItems[0]}><${leftItems[1]}><br></${leftItems[1]}></dl><dl><${rightItems[1]}>list-item4</${rightItems[1]}></dl>`,
+      expectedTargetRanges: () => {
+        return [
+          {
+            startContainer: gEditor.querySelector(`${leftItems[0]} + ${leftItems[1]}`).firstChild,
+            startOffset: 0,
+            endContainer: gEditor.querySelector(`dl + dl > ${rightItems[0]}`).firstChild,
+            endOffset: gEditor.querySelector(`dl + dl > ${rightItems[0]}`).firstChild.length,
+          },
+        ];
+      },
+      expectInputEvent: true,
+    }
+  );
+
+  addPromiseTest(
+    `<dl><${leftItems[0]}>[list-item1</${leftItems[0]}><${leftItems[1]}>list-item2</${leftItems[1]}></dl><dl><${rightItems[0]}>list-item3</${rightItems[0]}><${rightItems[1]}>list-item4]</${rightItems[1]}></dl>`,
+    {
+      expectedInnerHTML: `<dl><${leftItems[0]}><br></${leftItems[0]}></dl>`,
+      expectedTargetRanges: () => {
+        return [
+          {
+            startContainer: gEditor.querySelector(`${leftItems[0]}`).firstChild,
+            startOffset: 0,
+            endContainer: gEditor.querySelector(`dl + dl > ${rightItems[0]} + ${rightItems[1]}`).firstChild,
+            endOffset: gEditor.querySelector(`dl + dl > ${rightItems[0]} + ${rightItems[1]}`).firstChild.length,
+          },
+        ];
+      },
+      expectInputEvent: true,
+    }
+  );
+}
+
+// Joining dl elements
+for (let listItem1 of ["dt", "dd"]) {
+  for (let listItem2 of ["dt", "dd"]) {
+    test_join_1_1(listItem1, listItem2);
+    for (let listItem3 of ["dt", "dd"]) {
+      test_join_2_1([listItem1, listItem2], listItem3);
+      test_join_1_2(listItem1, [listItem2, listItem3]);
+      for (let listItem4 of ["dt", "dd"]) {
+        test_join_2_2([listItem1, listItem2], [listItem3, listItem4]);
+      }
+    }
+  }
+}
+
+</script>
diff --git a/tests/wpt/web-platform-tests/input-events/input-events-get-target-ranges.js b/tests/wpt/web-platform-tests/input-events/input-events-get-target-ranges.js
index 6b922cdf039..f9404e07a55 100644
--- a/tests/wpt/web-platform-tests/input-events/input-events-get-target-ranges.js
+++ b/tests/wpt/web-platform-tests/input-events/input-events-get-target-ranges.js
@@ -46,8 +46,7 @@ function initializeTest(aInnerHTML) {
     gEditor.addEventListener("input", onInput);
   }
 
-  gEditor.innerHTML = aInnerHTML;
-  gEditor.focus();
+  setupEditor(aInnerHTML);
   gBeforeinput = [];
   gInput = [];
 }
@@ -251,3 +250,267 @@ function checkEditorContentResultAsSubTest(
     }
   }, `${description} - comparing innerHTML`);
 }
+
+// Similar to `setupDiv` in editing/include/tests.js, this method sets
+// innerHTML value of gEditor, and sets multiple selection ranges specified
+// with the markers.
+// - `[` specifies start boundary in a text node
+// - `{` specifies start boundary before a node
+// - `]` specifies end boundary in a text node
+// - `}` specifies end boundary after a node
+function setupEditor(innerHTMLWithRangeMarkers) {
+  const startBoundaries = innerHTMLWithRangeMarkers.match(/\{|\[/g) || [];
+  const endBoundaries = innerHTMLWithRangeMarkers.match(/\}|\]/g) || [];
+  if (startBoundaries.length !== endBoundaries.length) {
+    throw "Should match number of open/close markers";
+  }
+
+  gEditor.innerHTML = innerHTMLWithRangeMarkers;
+  gEditor.focus();
+
+  if (startBoundaries.length === 0) {
+    // Don't remove the range for now since some tests may assume that
+    // setting innerHTML does not remove all selection ranges.
+    return;
+  }
+
+  function getNextRangeAndDeleteMarker(startNode) {
+    function getNextLeafNode(node) {
+      function inclusiveDeepestFirstChildNode(container) {
+        while (container.firstChild) {
+          container = container.firstChild;
+        }
+        return container;
+      }
+      if (node.hasChildNodes()) {
+        return inclusiveDeepestFirstChildNode(node);
+      }
+      if (node.nextSibling) {
+        return inclusiveDeepestFirstChildNode(node.nextSibling);
+      }
+      let nextSibling = (function nextSiblingOfAncestorElement(child) {
+        for (
+          let parent = child.parentElement;
+          parent && parent != gEditor;
+          parent = parent.parentElement
+        ) {
+          if (parent.nextSibling) {
+            return parent.nextSibling;
+          }
+        }
+        return null;
+      })(node);
+      if (!nextSibling) {
+        return null;
+      }
+      return inclusiveDeepestFirstChildNode(nextSibling);
+    }
+    function scanMarkerInTextNode(textNode, offset) {
+      return /[\{\[\]\}]/.exec(textNode.data.substr(offset));
+    }
+    let startMarker = (function scanNextStartMaker(
+      startContainer,
+      startOffset
+    ) {
+      function scanStartMakerInTextNode(textNode, offset) {
+        let scanResult = scanMarkerInTextNode(textNode, offset);
+        if (scanResult === null) {
+          return null;
+        }
+        if (scanResult[0] === "}" || scanResult[0] === "]") {
+          throw "An end marker is found before a start marker";
+        }
+        return {
+          marker: scanResult[0],
+          container: textNode,
+          offset: scanResult.index + offset,
+        };
+      }
+      if (startContainer.nodeType === Node.TEXT_NODE) {
+        let scanResult = scanStartMakerInTextNode(startContainer, startOffset);
+        if (scanResult !== null) {
+          return scanResult;
+        }
+      }
+      let nextNode = startContainer;
+      while ((nextNode = getNextLeafNode(nextNode))) {
+        if (nextNode.nodeType === Node.TEXT_NODE) {
+          let scanResult = scanStartMakerInTextNode(nextNode, 0);
+          if (scanResult !== null) {
+            return scanResult;
+          }
+          continue;
+        }
+      }
+      return null;
+    })(startNode, 0);
+    if (startMarker === null) {
+      return null;
+    }
+    let endMarker = (function scanNextEndMarker(startContainer, startOffset) {
+      function scanEndMarkerInTextNode(textNode, offset) {
+        let scanResult = scanMarkerInTextNode(textNode, offset);
+        if (scanResult === null) {
+          return null;
+        }
+        if (scanResult[0] === "{" || scanResult[0] === "[") {
+          throw "A start marker is found before an end marker";
+        }
+        return {
+          marker: scanResult[0],
+          container: textNode,
+          offset: scanResult.index + offset,
+        };
+      }
+      if (startContainer.nodeType === Node.TEXT_NODE) {
+        let scanResult = scanEndMarkerInTextNode(startContainer, startOffset);
+        if (scanResult !== null) {
+          return scanResult;
+        }
+      }
+      let nextNode = startContainer;
+      while ((nextNode = getNextLeafNode(nextNode))) {
+        if (nextNode.nodeType === Node.TEXT_NODE) {
+          let scanResult = scanEndMarkerInTextNode(nextNode, 0);
+          if (scanResult !== null) {
+            return scanResult;
+          }
+          continue;
+        }
+      }
+      return null;
+    })(startMarker.container, startMarker.offset + 1);
+    if (endMarker === null) {
+      throw "Found an open marker, but not found corresponding close marker";
+    }
+    function indexOfContainer(container, child) {
+      let offset = 0;
+      for (let node = container.firstChild; node; node = node.nextSibling) {
+        if (node == child) {
+          return offset;
+        }
+        offset++;
+      }
+      throw "child must be a child node of container";
+    }
+    (function deleteFoundMarkers() {
+      function removeNode(node) {
+        let container = node.parentElement;
+        let offset = indexOfContainer(container, node);
+        node.remove();
+        return { container, offset };
+      }
+      if (startMarker.container == endMarker.container) {
+        // If the text node becomes empty, remove it and set collapsed range
+        // to the position where there is the text node.
+        if (startMarker.container.length === 2) {
+          if (!/[\[\{][\]\}]/.test(startMarker.container.data)) {
+            throw `Unexpected text node (data: "${startMarker.container.data}")`;
+          }
+          let { container, offset } = removeNode(startMarker.container);
+          startMarker.container = endMarker.container = container;
+          startMarker.offset = endMarker.offset = offset;
+          startMarker.marker = endMarker.marker = "";
+          return;
+        }
+        startMarker.container.data = `${startMarker.container.data.substring(
+          0,
+          startMarker.offset
+        )}${startMarker.container.data.substring(
+          startMarker.offset + 1,
+          endMarker.offset
+        )}${startMarker.container.data.substring(endMarker.offset + 1)}`;
+        if (startMarker.offset >= startMarker.container.length) {
+          startMarker.offset = endMarker.offset = startMarker.container.length;
+          return;
+        }
+        endMarker.offset--; // remove the start marker's length
+        if (endMarker.offset > endMarker.container.length) {
+          endMarker.offset = endMarker.container.length;
+        }
+        return;
+      }
+      if (startMarker.container.length === 1) {
+        let { container, offset } = removeNode(startMarker.container);
+        startMarker.container = container;
+        startMarker.offset = offset;
+        startMarker.marker = "";
+      } else {
+        startMarker.container.data = `${startMarker.container.data.substring(
+          0,
+          startMarker.offset
+        )}${startMarker.container.data.substring(startMarker.offset + 1)}`;
+      }
+      if (endMarker.container.length === 1) {
+        let { container, offset } = removeNode(endMarker.container);
+        endMarker.container = container;
+        endMarker.offset = offset;
+        endMarker.marker = "";
+      } else {
+        endMarker.container.data = `${endMarker.container.data.substring(
+          0,
+          endMarker.offset
+        )}${endMarker.container.data.substring(endMarker.offset + 1)}`;
+      }
+    })();
+    (function handleNodeSelectMarker() {
+      if (startMarker.marker === "{") {
+        if (startMarker.offset === 0) {
+          // The range start with the text node.
+          let container = startMarker.container.parentElement;
+          startMarker.offset = indexOfContainer(
+            container,
+            startMarker.container
+          );
+          startMarker.container = container;
+        } else if (startMarker.offset === startMarker.container.data.length) {
+          // The range start after the text node.
+          let container = startMarker.container.parentElement;
+          startMarker.offset =
+            indexOfContainer(container, startMarker.container) + 1;
+          startMarker.container = container;
+        } else {
+          throw 'Start marker "{" is allowed start or end of a text node';
+        }
+      }
+      if (endMarker.marker === "}") {
+        if (endMarker.offset === 0) {
+          // The range ends before the text node.
+          let container = endMarker.container.parentElement;
+          endMarker.offset = indexOfContainer(container, endMarker.container);
+          endMarker.container = container;
+        } else if (endMarker.offset === endMarker.container.data.length) {
+          // The range ends with the text node.
+          let container = endMarker.container.parentElement;
+          endMarker.offset =
+            indexOfContainer(container, endMarker.container) + 1;
+          endMarker.container = container;
+        } else {
+          throw 'End marker "}" is allowed start or end of a text node';
+        }
+      }
+    })();
+    let range = document.createRange();
+    range.setStart(startMarker.container, startMarker.offset);
+    range.setEnd(endMarker.container, endMarker.offset);
+    return range;
+  }
+
+  let ranges = [];
+  for (
+    let range = getNextRangeAndDeleteMarker(gEditor.firstChild);
+    range;
+    range = getNextRangeAndDeleteMarker(range.endContainer)
+  ) {
+    ranges.push(range);
+  }
+
+  gSelection.removeAllRanges();
+  for (let range of ranges) {
+    gSelection.addRange(range);
+  }
+
+  if (gSelection.rangeCount != ranges.length) {
+    throw `Failed to set selection to the given ranges whose length is ${ranges.length}, but only ${gSelection.rangeCount} ranges are added`;
+  }
+}