49 lines
1.4 KiB
HTML
49 lines
1.4 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<style>
|
|
div[BAR] {
|
|
color: green;
|
|
}
|
|
|
|
path {
|
|
color: red;
|
|
}
|
|
*[pathLength] {
|
|
color: green;
|
|
}
|
|
*[pathlength] {
|
|
color: red;
|
|
}
|
|
*[pathLength="100"] {
|
|
color: green;
|
|
}
|
|
*[pathlength="100"] {
|
|
color: red;
|
|
}
|
|
</style>
|
|
<script src="../../resources/js-test-pre.js"></script>
|
|
</head>
|
|
<body>
|
|
<div id="container">
|
|
<div id="div1" baR="10"></div>
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg">
|
|
<path id="path1" pathLength="200"/>
|
|
<path id="path2" pathLength="100"/>
|
|
</svg>
|
|
</div>
|
|
<script>
|
|
function checkStyle(prefix, count, property, value) {
|
|
for (var i = 1; i <= count; ++i)
|
|
shouldBe("window.getComputedStyle(document.getElementById(\"" + prefix + i + "\"))." + property, "\"" + value + "\"");
|
|
}
|
|
checkStyle("div", 1, "color", "rgb(0, 128, 0)");
|
|
checkStyle("path", 2, "color", "rgb(0, 128, 0)");
|
|
|
|
document.getElementById("container").style.display = "none";
|
|
</script>
|
|
<script src="../../resources/js-test-post.js"></script>
|
|
</body>
|
|
</html>
|