1 files changed, 40 insertions, 0 deletions
diff --git a/testing/web-platform/tests/html/semantics/interactive-elements/the-summary-element/anchor-without-link.html b/testing/web-platform/tests/html/semantics/interactive-elements/the-summary-element/anchor-without-link.html
new file mode 100644
index 0000000000..edaf786b25
--- /dev/null
+++ b/testing/web-platform/tests/html/semantics/interactive-elements/the-summary-element/anchor-without-link.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>summary element: clicking on anchor without link</title>
+<link rel="author" title="Di Zhang" href="mailto:dizhangg@chromium.org">
+<link rel="help" href="https://html.spec.whatwg.org/C/#the-summary-element">
+<link rel="help" href="https://html.spec.whatwg.org/multipage/text-level-semantics.html#the-a-element">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+
+<details id="details">
+  <summary><a id="no_inline">Details</a></summary>
+  <p>Text</p>
+</details>
+
+<details id="details_inline">
+  <summary><a><i id="has_inline">Details</i></a></summary>
+  <p>Text</p>
+</details>
+
+
+<script>
+
+async function testClickingOnAnchorWithoutLink (detailsId, targetId) {
+  const details = document.getElementById(detailsId);
+  const target = document.getElementById(targetId);
+  const initialLoc = location.hash;
+
+  assert_false(details.open);
+  target.click();
+  assert_true(details.open);
+  assert_equals(location.hash, initialLoc);
+}
+
+promise_test(() => testClickingOnAnchorWithoutLink('details', 'no_inline'),
+  "clicking on anchor without link should open details and not navigate.");
+
+promise_test(() =>  testClickingOnAnchorWithoutLink('details_inline', 'has_inline'),
+  "clicking on anchor without link, with embedded inline element should open details and not navigate.");
+
+</script>