<!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>
