Add tests for hsl.

Makefile

@@ -158,6 +158,7 @@ tests: \
 	tests/test-nest.test \
 	tests/test-remove.test \
 	tests/test-rgb.test \
+	tests/test-hsl.test \
 	tests/test-time-format.test \
 	tests/test-time-parse.test \
 	tests/test-transition.test \

tests/test-hsl.js

@@ -0,0 +1,51 @@
+require("./../lib/env-js/envjs/node");
+require("./../d3");
+
+console.log("constructor:");
+console.log("  " + d3.hsl(60, 1, .2));
+console.log("  " + d3.hsl(60.4, .994, .204));
+console.log("  " + d3.hsl(60.6, .996, .216));
+console.log("  " + JSON.stringify(d3.hsl(60, 1, .2)));
+console.log("");
+
+console.log("parse rgb:");
+console.log("  " + d3.hsl("#660"));
+console.log("  " + d3.hsl("#666600"));
+console.log("  " + d3.hsl("rgb(102, 102, 0)"));
+console.log("  " + JSON.stringify(d3.hsl("#660")));
+console.log("");
+
+console.log("parse hsl:");
+console.log("  " + d3.hsl("hsl(60, 100%, 20%)"));
+console.log("  " + d3.hsl(d3.hsl(60, 1, .2)));
+console.log("  " + JSON.stringify(d3.hsl("hsl(60, 100%, 20%)")));
+console.log("");
+
+console.log("parse names:");
+console.log("  " + d3.hsl("red"));
+console.log("  " + d3.hsl("yellow"));
+console.log("  " + d3.hsl("blue"));
+console.log("");
+
+console.log("convert to rgb:");
+console.log("  " + d3.hsl("#660").rgb());
+console.log("  " + d3.hsl("hsl(60, 100%, 20%)").rgb());
+console.log("  " + d3.hsl(60, 1, .2).rgb());
+console.log("  " + JSON.stringify(d3.hsl("#660").rgb()));
+console.log("");
+
+console.log("brighter:");
+console.log("  " + d3.hsl(60, 1, .2).brighter());
+console.log("  " + d3.hsl("#660").brighter(1));
+console.log("  " + d3.hsl("hsl(60, 100%, 20%)").brighter(.5));
+console.log("  " + d3.hsl(d3.rgb(102, 102, 0)).brighter(2));
+console.log("  " + JSON.stringify(d3.hsl("hsl(60, 100%, 20%)").brighter()));
+console.log("");
+
+console.log("darker:");
+console.log("  " + d3.hsl(60, 1, .2).darker());
+console.log("  " + d3.hsl("#660").darker(1));
+console.log("  " + d3.hsl("hsl(60, 100%, 20%)").darker(.5));
+console.log("  " + d3.hsl(d3.rgb(102, 102, 0)).darker(2));
+console.log("  " + JSON.stringify(d3.hsl("hsl(60, 100%, 20%)").darker()));
+console.log("");

tests/test-hsl.out

@@ -0,0 +1,42 @@
+constructor:
+  hsl(60,100%,20%)
+  hsl(60.4,99.4%,20.4%)
+  hsl(60.6,99.6%,21.6%)
+  {"h":60,"s":1,"l":0.2}
+
+parse rgb:
+  hsl(60,100%,20%)
+  hsl(60,100%,20%)
+  hsl(60,100%,20%)
+  {"h":60,"s":1,"l":0.2}
+
+parse hsl:
+  hsl(60,100%,20%)
+  hsl(60,100%,20%)
+  {"h":60,"s":1,"l":0.2}
+
+parse names:
+  hsl(0,100%,50%)
+  hsl(60,100%,50%)
+  hsl(240,100%,50%)
+
+convert to rgb:
+  #666600
+  #666600
+  #666600
+  {"r":102,"g":102,"b":0}
+
+brighter:
+  hsl(60,100%,28.571428571428577%)
+  hsl(60,100%,28.571428571428577%)
+  hsl(60,100%,23.904572186687872%)
+  hsl(60,100%,40.81632653061225%)
+  {"h":60,"s":1,"l":0.28571428571428575}
+
+darker:
+  hsl(60,100%,13.999999999999998%)
+  hsl(60,100%,13.999999999999998%)
+  hsl(60,100%,16.733200530681515%)
+  hsl(60,100%,9.799999999999999%)
+  {"h":60,"s":1,"l":0.13999999999999999}
+

tests/test-rgb.js

@@ -1,7 +1,7 @@
 require("./../lib/env-js/envjs/node");
 require("./../d3");
 
-console.log("rgb:");
+console.log("constructor:");
 console.log("  " + d3.rgb(102, 102, 0));
 console.log("  " + d3.rgb(102.4, 102.4, 0.4));
 console.log("  " + d3.rgb(102.6, 102.6, 0.6));
@@ -36,16 +36,16 @@ console.log("");
 
 console.log("brighter:");
 console.log("  " + d3.rgb(102, 102, 0).brighter());
-console.log("  " + d3.rgb("#660").brighter());
+console.log("  " + d3.rgb("#660").brighter(1));
-console.log("  " + d3.rgb("hsl(60, 100%, 20%)").brighter());
+console.log("  " + d3.rgb("hsl(60, 100%, 20%)").brighter(.5));
-console.log("  " + d3.rgb(d3.hsl(60, 1, .2)).brighter());
+console.log("  " + d3.rgb(d3.hsl(60, 1, .2)).brighter(2));
 console.log("  " + JSON.stringify(d3.rgb("#660").brighter()));
 console.log("");
 
 console.log("darker:");
 console.log("  " + d3.rgb(102, 102, 0).darker());
-console.log("  " + d3.rgb("#660").darker());
+console.log("  " + d3.rgb("#660").darker(1));
-console.log("  " + d3.rgb("hsl(60, 100%, 20%)").darker());
+console.log("  " + d3.rgb("hsl(60, 100%, 20%)").darker(.5));
-console.log("  " + d3.rgb(d3.hsl(60, 1, .2)).darker());
+console.log("  " + d3.rgb(d3.hsl(60, 1, .2)).darker(2));
 console.log("  " + JSON.stringify(d3.rgb("#660").darker()));
 console.log("");

tests/test-rgb.out

@@ -1,4 +1,4 @@
-rgb:
+constructor:
   #666600
   #666600
   #666600
@@ -29,14 +29,14 @@ convert to hsl:
 brighter:
   #919100
   #919100
-  #919100
+  #797900
-  #919100
+  #d0d000
   {"r":145,"g":145,"b":0}
 
 darker:
   #474700
   #474700
-  #474700
+  #555500
-  #474700
+  #313100
   {"r":71,"g":71,"b":0}