| OLD | NEW |
| 1 <html> | 1 <html> |
| 2 <head> | 2 <head> |
| 3 <script src="../../http/tests/inspector/inspector-test.js"></script> | 3 <script src="../../http/tests/inspector/inspector-test.js"></script> |
| 4 <script src="../../http/tests/inspector/console-test.js"></script> | 4 <script src="../../http/tests/inspector/console-test.js"></script> |
| 5 <script> | 5 <script> |
| 6 function onload() | 6 function onload() |
| 7 { | 7 { |
| 8 console.log('%cColors are awesome.', 'color: blue;'); | 8 console.log('%cColors are awesome.', 'color: blue;'); |
| 9 console.log('%cSo are fonts!', 'font: 1em Helvetica;'); | 9 console.log('%cSo are fonts!', 'font: 1em Helvetica;'); |
| 10 console.log('%cAnd borders and margins and paddings!', 'border: 1px solid re
d; margin: 20px; padding: 10px;'); | 10 console.log('%cAnd borders and margins and paddings!', 'border: 1px solid re
d; margin: 20px; padding: 10px;'); |
| 11 console.log('%ctext-* is fine by us!', 'text-decoration: none;'); | 11 console.log('%ctext-* is fine by us!', 'text-decoration: none;'); |
| 12 | 12 |
| 13 console.log('%cDisplay, on the other hand, is bad news.', 'display: none;'); | 13 console.log('%cDisplay, on the other hand, is bad news.', 'display: none;'); |
| 14 console.log('%cAnd position too.', 'position: absolute;'); | 14 console.log('%cAnd position too.', 'position: absolute;'); |
| 15 console.log('%cAnd URL is not allowed as a value .', 'background-image: url(
"http://example.com/cookies")'); |
| 15 runTest(); | 16 runTest(); |
| 16 } | 17 } |
| 17 | 18 |
| 18 function test() | 19 function test() |
| 19 { | 20 { |
| 20 InspectorTest.expandConsoleMessages(onExpanded); | 21 InspectorTest.expandConsoleMessages(onExpanded); |
| 21 | 22 |
| 22 function onExpanded() | 23 function onExpanded() |
| 23 { | 24 { |
| 24 InspectorTest.dumpConsoleMessagesWithStyles(); | 25 InspectorTest.dumpConsoleMessagesWithStyles(); |
| 25 InspectorTest.completeTest(); | 26 InspectorTest.completeTest(); |
| 26 } | 27 } |
| 27 } | 28 } |
| 28 </script> | 29 </script> |
| 29 </head> | 30 </head> |
| 30 | 31 |
| 31 <body onload="onload()"> | 32 <body onload="onload()"> |
| 32 <p>Tests that console logging dumps properly styled messages, and that | 33 <p>Tests that console logging dumps properly styled messages, and that |
| 33 the whole message gets the same style, regardless of multiple %c | 34 the whole message gets the same style, regardless of multiple %c |
| 34 settings.</p> | 35 settings.</p> |
| 35 </body> | 36 </body> |
| 36 </html> | 37 </html> |
| OLD | NEW |