33 lines
1.2 KiB
HTML
33 lines
1.2 KiB
HTML
<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>
|