Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(157)

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: third_party/WebKit/LayoutTests/inspector/components/color.html

Issue 1986053004: Devtools Color: Basic support for #RRGGBBAA and #RGBA (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Created 4 years, 7 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
« no previous file with comments | « no previous file | third_party/WebKit/LayoutTests/inspector/components/color-expected.txt » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <html> 1 <html>
2 <head> 2 <head>
3 <script src="../../http/tests/inspector/inspector-test.js"></script> 3 <script src="../../http/tests/inspector/inspector-test.js"></script>
4 <script type="text/javascript"> 4 <script type="text/javascript">
5 5
6 var test = function() 6 var test = function()
7 { 7 {
8 function dumpColor(colorText) 8 function dumpColor(colorText)
9 { 9 {
10 var color = WebInspector.Color.parse(colorText); 10 var color = WebInspector.Color.parse(colorText);
11 InspectorTest.addResult("Dumping '" + colorText + "' in different format s:"); 11 InspectorTest.addResult("Dumping '" + colorText + "' in different format s:");
12 InspectorTest.addResult(" - " + color.asString(WebInspector.Color.Format .RGB)); 12 InspectorTest.addResult(" - " + color.asString(WebInspector.Color.Format .RGB));
13 InspectorTest.addResult(" - " + color.asString(WebInspector.Color.Format .RGBA)); 13 InspectorTest.addResult(" - " + color.asString(WebInspector.Color.Format .RGBA));
14 InspectorTest.addResult(" - " + color.asString(WebInspector.Color.Format .HSL)); 14 InspectorTest.addResult(" - " + color.asString(WebInspector.Color.Format .HSL));
15 InspectorTest.addResult(" - " + color.asString(WebInspector.Color.Format .HSLA)); 15 InspectorTest.addResult(" - " + color.asString(WebInspector.Color.Format .HSLA));
16 16
17 var hsv = color.hsva(); 17 var hsv = color.hsva();
18 var hsvString = String.sprintf("hsv(%d, %d%, %d%)", Math.round(hsv[0] * 360), Math.round(hsv[1] * 100), Math.round(hsv[2] * 100)); 18 var hsvString = String.sprintf("hsv(%d, %d%, %d%)", Math.round(hsv[0] * 360), Math.round(hsv[1] * 100), Math.round(hsv[2] * 100));
19 InspectorTest.addResult(" - " + hsvString); 19 InspectorTest.addResult(" - " + hsvString);
20 var hsva = color.hsva(); 20 var hsva = color.hsva();
21 var hsvaString = String.sprintf("hsva(%d, %d%, %d%, %f)", Math.round(hsv a[0] * 360), Math.round(hsva[1] * 100), Math.round(hsva[2] * 100), hsva[3]); 21 var hsvaString = String.sprintf("hsva(%d, %d%, %d%, %f)", Math.round(hsv a[0] * 360), Math.round(hsva[1] * 100), Math.round(hsva[2] * 100), hsva[3]);
22 InspectorTest.addResult(" - " + hsvaString); 22 InspectorTest.addResult(" - " + hsvaString);
23 23
24 InspectorTest.addResult(" - " + color.asString(WebInspector.Color.Format .HEXA));
24 InspectorTest.addResult(" - " + color.asString(WebInspector.Color.Format .HEX)); 25 InspectorTest.addResult(" - " + color.asString(WebInspector.Color.Format .HEX));
26 InspectorTest.addResult(" - " + color.asString(WebInspector.Color.Format .ShortHEXA));
25 InspectorTest.addResult(" - " + color.asString(WebInspector.Color.Format .ShortHEX)); 27 InspectorTest.addResult(" - " + color.asString(WebInspector.Color.Format .ShortHEX));
26 InspectorTest.addResult(" - " + color.asString(WebInspector.Color.Format .Nickname)); 28 InspectorTest.addResult(" - " + color.asString(WebInspector.Color.Format .Nickname));
27 InspectorTest.addResult(" - default: " + color.asString()); 29 InspectorTest.addResult(" - default: " + color.asString());
28 30
29 InspectorTest.addResult(" - inverse color: " + color.invert().asString() ); 31 InspectorTest.addResult(" - inverse color: " + color.invert().asString() );
30 InspectorTest.addResult(" - setAlpha(0.42): " + color.setAlpha(0.42).asS tring()); 32 InspectorTest.addResult(" - setAlpha(0.42): " + color.setAlpha(0.42).asS tring());
31 } 33 }
32 34
33 dumpColor("red"); 35 dumpColor("red");
34 dumpColor("green"); 36 dumpColor("green");
35 dumpColor("blue"); 37 dumpColor("blue");
36 dumpColor("cyan"); 38 dumpColor("cyan");
37 dumpColor("magenta"); 39 dumpColor("magenta");
38 dumpColor("yellow"); 40 dumpColor("yellow");
39 dumpColor("white"); 41 dumpColor("white");
40 dumpColor("black"); 42 dumpColor("black");
41 43
42 dumpColor("rgb(94, 126, 91)"); 44 dumpColor("rgb(94, 126, 91)");
43 dumpColor("rgba(94, 126, 91, 0.5)"); 45 dumpColor("rgba(94, 126, 91, 0.5)");
44 46
45 dumpColor("hsl(212, 55%, 32%)"); 47 dumpColor("hsl(212, 55%, 32%)");
46 dumpColor("hsla(212, 55%, 32%, 0.5)"); 48 dumpColor("hsla(212, 55%, 32%, 0.5)");
47 49
50 dumpColor("#12345678");
48 dumpColor("#00FFFF"); 51 dumpColor("#00FFFF");
52 dumpColor("#1234");
49 dumpColor("#0FF"); 53 dumpColor("#0FF");
50 InspectorTest.completeTest(); 54 InspectorTest.completeTest();
51 } 55 }
52 56
53 </script> 57 </script>
54 </head> 58 </head>
55 <body onload="runTest()"> 59 <body onload="runTest()">
56 <p>Tests WebInspector.Color</p> 60 <p>Tests WebInspector.Color</p>
57 </body> 61 </body>
58 </html> 62 </html>
OLDNEW
« no previous file with comments | « no previous file | third_party/WebKit/LayoutTests/inspector/components/color-expected.txt » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698