| <!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> |
