third_party/WebKit/LayoutTests/inspector/console/console-format-style-whitelist.html

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