blob: 30e2e80b40eb5ba80cc2be983922bdcecb193399 [file] [log] [blame]
<!DOCTYPE html>
<html>
<head>
<style>
target::before {
content: attr(CamelCase)
}
</style>
</head>
<body>
<p>This test checks the styling and style update of attributes that are only used by the "content" propery of a rule. HTML should match the attribute regardless of the case.</p>
<div id="initial">
<target>No attribute</target>
<target CamelCase="WebKit!">CamelCase initial attribute</target>
<target camelcase="WebKit!">camelcase initial attribute</target>
<target CAMELCASE="WebKit!">CAMELCASE initial attribute</target>
</div>
<div id="dynamic">
<target>No attribute</target>
<target>CamelCase initial attribute</target>
<target>camelcase initial attribute</target>
<target>CAMELCASE initial attribute</target>
</div>
</body>
<script>
window.addEventListener("load", function() {
forcedLayout = document.documentElement.offsetTop;
var allDynamicTargets = document.querySelectorAll("#dynamic>target");
allDynamicTargets[1].setAttribute("CamelCase", "WebKit!");
allDynamicTargets[2].setAttribute("camelcase", "WebKit!");
allDynamicTargets[3].setAttribute("CAMELCASE", "WebKit!");
});
</script>
</html>