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 |