| <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN"> |
| <html> |
| <head> |
| <script src="../../resources/js-test-pre.js"></script> |
| </head> |
| <body> |
| <script> |
| description('Test parsing of the CSS line-grid property.'); |
| |
| function test(declaration) { |
| var div = document.createElement("div"); |
| div.setAttribute("style", declaration); |
| return div.style.webkitLineGrid; |
| } |
| |
| function testComputedStyle(value) { |
| var div = document.createElement("div"); |
| document.body.appendChild(div); |
| div.style.setProperty("-webkit-line-grid", value); |
| var webkitFlowComputedValue = getComputedStyle(div).getPropertyValue("-webkit-line-grid"); |
| document.body.removeChild(div); |
| return webkitFlowComputedValue; |
| } |
| |
| function testInherited(parentValue) { |
| var parentDiv = document.createElement("div"); |
| document.body.appendChild(parentDiv); |
| parentDiv.style.setProperty("-webkit-line-grid", parentValue); |
| |
| var childDiv = document.createElement("div"); |
| parentDiv.appendChild(childDiv); |
| |
| var childWebKitFlowComputedValue = getComputedStyle(childDiv).getPropertyValue("-webkit-line-grid"); |
| |
| parentDiv.removeChild(childDiv); |
| document.body.removeChild(parentDiv); |
| |
| return childWebKitFlowComputedValue; |
| } |
| |
| shouldBeEqualToString('test("-webkit-line-grid: none")', "none"); |
| shouldBeEqualToString('test("-webkit-line-grid: first-grid")', "first-grid"); |
| shouldBeEqualToString('test("-webkit-line-grid: \'first grid\'")', ""); |
| shouldBeEqualToString('test("-webkit-line-grid: ;")', ""); |
| shouldBeEqualToString('test("-webkit-line-grid: 1")', ""); |
| shouldBeEqualToString('test("-webkit-line-grid: 1.2")', ""); |
| shouldBeEqualToString('test("-webkit-line-grid: -1")', ""); |
| shouldBeEqualToString('test("-webkit-line-grid: 12px")', ""); |
| |
| shouldBeEqualToString('testComputedStyle("none")', "none"); |
| shouldBeEqualToString('testComputedStyle("")', "none"); |
| shouldBeEqualToString('testComputedStyle("\'first-flow\'")', "none"); |
| shouldBeEqualToString('testComputedStyle("first-grid")', "first-grid"); |
| shouldBeEqualToString('testComputedStyle("12px")', "none"); |
| |
| shouldBeEqualToString('testInherited("none")', "none"); |
| shouldBeEqualToString('testInherited("grid")', "grid"); |
| </script> |
| <script src="../../resources/js-test-post.js"></script> |
| </body> |
| </html> |
