third_party/WebKit/PerformanceTests/CSS/CSSPropertySetterGetterMethods.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <script src="../resources/runner.js"></script>
   5 </head>
   6 <body>
   7 <div id="test"></div>
   8 </body>
   9 <script>
  10 var div = document.getElementById("test");
  11 var properties = {
  12 'azimuth' : 'right',
  13 'background-color' : 'green',
  14 'background-image' : 'url(\'test.png\')',
  15 'background-position' : 'top',
  16 'background-repeat' : 'repeat-x',
  17 'background' : '#ffffff url(\'img_tree.png\') no-repeat right top',
  18 'border' : '20px dotted red',
  19 'border-bottom-style' : 'dotted',
  20 'border-collapse' : 'separate',
  21 'border-color' : 'blue',
  22 'border-spacing' : '3px',
  23 'border-style' : 'solid',
  24 'border-top' : 'green',
  25 'border-width' : '20em',
  26 'bottom' : '20%',
  27 'caption-side' : 'top',
  28 'clear' : 'both',
  29 'clip' : 'rect(5px, 40px, 45px, 5px)',
  30 'color' : 'red',
  31 'content' : 'normal',
  32 'direction' : 'rtl',
  33 'display' : 'block',
  34 'css-float' : 'right',
  35 'font-family' : '"Times New Roman",Georgia,Serif',
  36 'font-size' : '13px',
  37 'font-variant' : 'small-caps',
  38 'font-weight' : '700',
  39 'font' : 'italic bold 12px/30px Georgia, serif',
  40 'height' : '200px',
  41 'left' : '20%',
  42 'letter-spacing' : '10px',
  43 'line-height' : '40px',
  44 'list-style-image' : 'url(\'test.png\')',
  45 'list-style-position' : 'outside',
  46 'list-style-type' : 'decimal',
  47 'list-style' : 'circle inside',
  48 'margin-right' : '50px',
  49 'margin' : '10px 20px 30px 5em',
  50 'max-height' : '700px',
  51 'max-width' : '300px',
  52 'min-height' : '100px',
  53 'min-width' : '100px',
  54 'outline-color' : 'gray',
  55 'outline-style' : 'dotted',
  56 'outline-width' : '5px',
  57 'padding-top' : '30px',
  58 'padding' : '30px 20px 10px 50px',
  59 'page-break-after' : 'always',
  60 'page-break-inside' : 'auto',
  61 'pause' : '2s',
  62 'position' : 'static',
  63 'right' : '150px',
  64 'text-align' : 'center',
  65 'text-decoration' : 'blink',
  66 'text-transform' : 'capitalize',
  67 'top' : '25%',
  68 'vertical-align' : 'text-bottom',
  69 'visibility' : 'visible',
  70 'width' : '300px',
  71 'webkit-transform' : 'scale3d(0.5, 0.5, 0.5)',
  72 'word-spacing' : '40px',
  73 };
  74 PerfTestRunner.measureRunsPerSecond({
  75     description: "Measures performance of the CSS style getter and setter methods (elem.style.(getPropertyValue|removeProperty|setProperty)).",
  76     run:function() {
  77         for (key in properties) {
  78             var value = div.style.getPropertyValue(key);
  79             div.style.removeProperty(key);
  80             div.style.setProperty(key, properties[key]);
  81         }
  82     }
  83 });
  84 </script>
  85 </html>