| <!DOCTYPE html> |
| <html> |
| <head> |
| <style> |
| div#node1 { |
| BACKGROUND-COLOR:blue; |
| COLOR:white; |
| border-STYLE:solid; |
| BORDER-width:0; |
| position:absolute; |
| ToP:0; |
| lEfT:0; |
| /* font-size: 12px; */ |
| /*float: left;*/ |
| } |
| </style> |
| <script src="../../http/tests/inspector/resources/inspector-test.js"></script> |
| <script> |
| function test() { |
| var nodeStyles; |
| |
| function validatePropertyName(name) |
| { |
| if (typeof name != "string") { |
| InspectorTest.log("Unexpected property name type: " + typeof name); |
| return false; |
| } |
| |
| if (name.toLowerCase() != name) { |
| InspectorTest.log("Property name contains uppercase characters: " + name); |
| return false; |
| } |
| return true; |
| } |
| |
| function validateStyles() |
| { |
| for (var i = 0; i < nodeStyles.matchedRules.length; ++i) { |
| var rule = nodeStyles.matchedRules[i]; |
| if (rule.type !== WI.CSSStyleSheet.Type.Author) |
| continue; |
| |
| for (var j = 0; j < rule.style.enabledProperties.length; ++j) { |
| var property = rule.style.enabledProperties[j]; |
| |
| if (property.anonymous) |
| continue; |
| |
| if (validatePropertyName(property.name)) |
| InspectorTest.log("Property valid: " + property.name); |
| } |
| } |
| |
| InspectorTest.completeTest(); |
| } |
| |
| function onStylesRefreshed() |
| { |
| nodeStyles.removeEventListener(WI.DOMNodeStyles.Event.Refreshed, onStylesRefreshed, this); |
| validateStyles(); |
| } |
| |
| WI.domManager.requestDocument(function(documentNode) { |
| WI.domManager.querySelector(documentNode.id, "#node1", function(contentNodeId) { |
| if (contentNodeId) { |
| var domNode = WI.domManager.nodeForId(contentNodeId); |
| nodeStyles = WI.cssManager.stylesForNode(domNode); |
| |
| if (nodeStyles.needsRefresh) |
| nodeStyles.addEventListener(WI.DOMNodeStyles.Event.Refreshed, onStylesRefreshed, this); |
| else |
| validateStyles(); |
| } else { |
| InspectorTest.log("DOM node not found."); |
| InspectorTest.completeTest(); |
| } |
| }); |
| }); |
| } |
| </script> |
| </head> |
| <body onload="runTest()"> |
| <p>Testing that the author rules returned by CSSStyleManager.stylesForNode have lowercase property names regardless of CSS source formatting.</p> |
| |
| <div id="node1"></div> |
| </body> |
| </html> |
