<html>
<head>
<script src="../../resources/js-test-pre.js"></script>
<script>
function runTest()
{
    var targetDetails = document.getElementById("targetDetails");
    var clonedDetails = targetDetails.cloneNode(true);
    document.body.appendChild(clonedDetails);
    var targetSummary = document.getElementById("targetSummary");
    var clonedSummary = targetSummary.cloneNode(true);
    targetDetails.appendChild(clonedSummary);

    if (!window.internals)
        return;

    // On cloned <details>, marker shadow element should be created
    var targetDetailsSummaryShadow = internals.shadowRoot(targetDetails.querySelector("summary"));
    targetMarkerPseudoId = internals.shadowPseudoId(targetDetailsSummaryShadow.firstChild);
    var clonedDetailsSummaryShadow = internals.shadowRoot(clonedDetails.querySelector("summary"));
    clonedMarkerPseudoId = internals.shadowPseudoId(clonedDetailsSummaryShadow.firstChild);
    shouldBe("targetMarkerPseudoId", "clonedMarkerPseudoId");
}
</script>
<body onload="runTest()">
<p id="description">Test to clone details and summary elements</p>
<div id="console"></div>
<details id="targetDetails" open>
   <summary id="targetSummary"></summary>
</details>
</body>
</html>