<!DOCTYPE html>
<script src="../../resources/js-test.js"></script>
<style>
details.before:before {
content: "+";
display: block;
}
details.after:after {
content: "+";
display: block;
}
</style>
<details>
<summary>Should allow generated content inside details</summary>
</details>
<script>
if (window.testRunner)
testRunner.dumpAsText();
var details = document.querySelector('details');
function assertHeightChangedWithClassName(className)
{
oldHeight = details.offsetHeight;
details.className = className;
newHeight = details.offsetHeight;
debug('::' + className);
shouldBeTrue("newHeight > oldHeight");
details.className = '';
}
description("Should allow generated content inside details");
assertHeightChangedWithClassName('before');
assertHeightChangedWithClassName('after');
details.remove();
</script>