29 lines
1.2 KiB
HTML
29 lines
1.2 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<body>
|
|
<script src="../../resources/js-test-pre.js"></script>
|
|
<script>
|
|
|
|
description("Tests that setting a longhand property does not produces a valid shorthand value.");
|
|
|
|
var shorthands = { "background": ["background-image: url(foo.png)", "background-position-x: 10px", "background-position-y: 10px", "background-size: cover", "background-repeat-x: no-repeat", "background-repeat-y: no-repeat", "background-attachment: scroll", "background-origin: padding-box", "background-clip: padding-box", "background-color: green"] }
|
|
|
|
for (var shorthand in shorthands) {
|
|
|
|
// Test each longhand in isolation.
|
|
shorthands[shorthand].forEach(function(styleDeclaration) {
|
|
var description = `Setting style="${styleDeclaration}" should not return a value for element.style.getPropertyValue("${shorthand}").`;
|
|
var element = document.createElement("div");
|
|
element.setAttribute("style", styleDeclaration);
|
|
if (element.style.getPropertyValue(shorthand) === "")
|
|
testPassed(description);
|
|
else
|
|
testFailed(description);
|
|
});
|
|
}
|
|
|
|
</script>
|
|
<script src="../../resources/js-test-post.js"></script>
|
|
</body>
|
|
</html>
|