36 lines
1019 B
HTML
36 lines
1019 B
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<script src="../../resources/js-test-pre.js"></script>
|
|
</head>
|
|
<body>
|
|
<p>
|
|
Tests that a range input's slider is cloned along with its host. There
|
|
should be a second range input in the document and it should have a
|
|
slider positioned at zero.
|
|
</p>
|
|
<input type="range" id="sheep" style="display: block; width: 100px;">
|
|
<div id="console"></div>
|
|
<script>
|
|
var sheep = document.querySelector('#sheep');
|
|
var dolly = sheep.cloneNode();
|
|
|
|
sheep.insertAdjacentElement('afterEnd', dolly);
|
|
|
|
// Cloned element should be the same size. Having zero height is one
|
|
// symptom of a broken clone.
|
|
shouldBe('dolly.clientHeight', 'sheep.clientHeight');
|
|
|
|
if (window.internals) {
|
|
var sheepShadow = internals.shadowRoot(sheep);
|
|
var dollyShadow = internals.shadowRoot(dolly);
|
|
shouldBe('internals.shadowPseudoId(dollyShadow.firstChild)',
|
|
'internals.shadowPseudoId(sheepShadow.firstChild)');
|
|
}
|
|
|
|
dolly.value = 0;
|
|
</script>
|
|
<script src="../../resources/js-test-post.js"></script>
|
|
</body>
|
|
</html>
|