src/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     runTest();
  16 }
  17
  18 function test()
  19 {
  20     InspectorTest.expandConsoleMessages(onExpanded);
  21
  22     function onExpanded()
  23     {
  24         InspectorTest.dumpConsoleMessagesWithStyles();
  25         InspectorTest.completeTest();
  26     }
  27 }
  28 </script>
  29 </head>
  30
  31 <body onload="onload()">
  32 <p>Tests that console logging dumps properly styled messages, and that
  33 the whole message gets the same style, regardless of multiple %c
  34 settings.</p>
  35 </body>
  36 </html>