third_party/WebKit/LayoutTests/inspector/elements/styles-1/css-outline.html

   1 <html>
   2 <head>
   3 <script src="../../../http/tests/inspector/inspector-test.js"></script>
   4 <style id="styler">
   5 @import url("some-url-to-load-css.css") print;
   6 @charset "ISO-8859-15";
   7 @namespace svg url(http://www.w3.org/2000/svg);
   8 @font-face {
   9     font-family: "Example Font";
  10     src: url("http://www.example.com/fonts/example");
  11 }
  12
  13 @page {
  14     margin: 1in 1.5in;
  15 }
  16 @page :right {
  17     margin-right: 5cm; /* right pages only */
  18 }
  19 @page :first {
  20     margin-top: 8cm; /* extra top margin on the first page */
  21 }
  22
  23 div { color: red }
  24 #fluffy {
  25     border: 1px solid black;
  26     z-index: 1;
  27     /* -webkit-disabled-property: rgb(1, 2, 3) */
  28 }
  29 input:-moz-placeholder { text-overflow: ellipsis; }
  30 .class-name, p /* style all paragraphs as well */ {
  31     border-color: blue;
  32     -lol-cats: "dogs" /* unexisting property */
  33 }
  34
  35 @keyframes identifier {
  36     0% { top: 0; left: 0; }
  37     30% { top: 50px; }
  38     68%, 72% { left: 50px; }
  39     100% { top: 100px; left: 100%; }
  40 }
  41
  42 svg|a {
  43     text-decoration: underline;
  44 }
  45
  46 @media (max-width:500px) {
  47     span {
  48 /*      font-family: Times New Roman; */
  49         -webkit-border-radius: 10px;
  50         font-family: "Example Font"
  51     }
  52 }
  53 </style>
  54 <script>
  55
  56 function getCSS()
  57 {
  58     return document.querySelector("#styler").textContent;
  59 }
  60
  61 function test()
  62 {
  63     function onStyleSheetParsed(rules)
  64     {
  65         for (var i = 0; i < rules.length; ++i)
  66             InspectorTest.addObject(rules[i]);
  67         InspectorTest.completeTest();
  68     }
  69
  70     function onStyleFetched(result)
  71     {
  72         var parser = new WebInspector.CSSParser();
  73         parser.parse(result.value, onStyleSheetParsed);
  74     }
  75
  76     InspectorTest.evaluateInPage("getCSS()", onStyleFetched);
  77 }
  78
  79 </script>
  80
  81 </head>
  82
  83 <body onload="runTest()">
  84 <p>The test verifies the CSS outline functionality.</p>
  85 </body>
  86 </html>