third_party/WebKit/LayoutTests/inspector/elements/styles-3/spectrum.html

   1 <html>
   2 <head>
   3 <script src="../../../http/tests/inspector/inspector-test.js"></script>
   4 <script src="../../../http/tests/inspector/elements-test.js"></script>
   5 <script type="text/javascript">
   6
   7 var test = function()
   8 {
   9     function setColor(inputColor, format)
  10     {
  11         InspectorTest.addResult("Testing: " + inputColor);
  12         var color = WebInspector.Color.parse(inputColor);
  13         spectrum.setColor(color, format);
  14     }
  15
  16     function checkColorString(inputColor, format)
  17     {
  18         setColor(inputColor, format)
  19         InspectorTest.addResult(spectrum.colorString());
  20     }
  21
  22     function checkAlphaChange(inputColor, format)
  23     {
  24         setColor(inputColor, format)
  25         spectrum._hsv[3] = 0;
  26         spectrum._innerSetColor(spectrum._hsv, undefined, undefined, WebInspector.Spectrum._ChangeSource.Other);
  27         InspectorTest.addResult(spectrum.colorString());
  28     }
  29
  30     function checkNextFormat(inputColor, format)
  31     {
  32         setColor(inputColor, format);
  33         spectrum._formatViewSwitch();
  34         InspectorTest.addResult(spectrum._colorFormat);
  35         spectrum._formatViewSwitch();
  36         InspectorTest.addResult(spectrum._colorFormat);
  37     }
  38
  39     var spectrum = new WebInspector.Spectrum();
  40     var cf = WebInspector.Color.Format;
  41     var inputColors = [
  42         { string: "red", format: cf.Nickname },
  43         { string: "#ABC", format: cf.ShortHEX },
  44         { string: "#ABCDEF", format: cf.HEX },
  45         { string: "rgb(1, 2, 3)", format: cf.RGB },
  46         { string: "rgba(1, 2, 3, 0.2)", format: cf.RGB },
  47         { string: "hsl(1, 100%, 50%)", format: cf.HSL },
  48         { string: "hsla(1, 100%, 50%, 0.2)", format: cf.HSLA }];
  49
  50     InspectorTest.addResult("--- Testing colorString()");
  51     for (var color of inputColors)
  52         checkColorString(color.string, color.format);
  53
  54     InspectorTest.addResult("--- Testing alpha changes");
  55     for (var color of inputColors)
  56         checkAlphaChange(color.string, color.format);
  57
  58     InspectorTest.addResult("--- Testing _formatViewSwitch()");
  59     for (var color of inputColors)
  60         checkNextFormat(color.string, color.format);
  61
  62     InspectorTest.completeTest();
  63 }
  64
  65 </script>
  66 </head>
  67 <body onload="runTest()">
  68 <p>Tests WebInspector.Spectrum</p>
  69 </body>
  70 </html>