// >> color-require import colorModule = require("color"); var Color = colorModule.Color; // << color-require import TKUnit = require("./TKUnit"); export var test_Hex_Color = function () { // >> color-hex // Creates the red color var color = new Color("#FF0000"); // << color-hex TKUnit.assertEqual(color.a, 255, "Color.a not properly parsed"); TKUnit.assertEqual(color.r, 255, "Color.r not properly parsed"); TKUnit.assertEqual(color.g, 0, "Color.g not properly parsed"); TKUnit.assertEqual(color.b, 0, "Color.b not properly parsed"); TKUnit.assertEqual(color.hex, "#FF0000", "Color.hex not properly parsed"); TKUnit.assertEqual(color.argb, _parseArgb(255, 255, 0, 0), "Color.argb not properly parsed"); } export var test_ShortHex_Color = function () { // >> color-hex-short // Creates the color #FF8800 var color = new Color("#F80"); // << color-hex-short TKUnit.assertEqual(color.a, 255, "Color.a not properly parsed"); TKUnit.assertEqual(color.r, 255, "Color.r not properly parsed"); TKUnit.assertEqual(color.g, 136, "Color.g not properly parsed"); // 0x88 == 136 TKUnit.assertEqual(color.b, 0, "Color.b not properly parsed"); TKUnit.assertEqual(color.hex, "#FF8800", "Color.hex not properly parsed"); TKUnit.assertEqual(color.argb, _parseArgb(255, 255, 136, 0), "Color.argb not properly parsed"); } export var test_Argb_Color = function () { // >> color-rgb // Creates the color with 100 alpha, 255 red, 100 green, 100 blue var color = new Color(100, 255, 100, 100); // << color-rgb TKUnit.assertEqual(color.a, 100, "Color.a not properly parsed"); TKUnit.assertEqual(color.r, 255, "Color.r not properly parsed"); TKUnit.assertEqual(color.g, 100, "Color.g not properly parsed"); TKUnit.assertEqual(color.b, 100, "Color.b not properly parsed"); TKUnit.assertEqual(color.hex, _buildHex(100, 255, 100, 100), "Color.hex not properly parsed"); TKUnit.assertEqual(color.argb, _parseArgb(100, 255, 100, 100), "Color.argb not properly parsed"); } export var test_ArgbInt_Color = function () { // >> color-rgb-single // Creates the color with 100 alpha, 100 red, 100 green, 100 blue var argb = (100 << 24) | (100 << 16) | (100 << 8) | 100; var color = new Color(argb); // << color-rgb-single TKUnit.assertEqual(color.a, 100, "Color.a not properly parsed"); TKUnit.assertEqual(color.r, 100, "Color.r not properly parsed"); TKUnit.assertEqual(color.g, 100, "Color.g not properly parsed"); TKUnit.assertEqual(color.b, 100, "Color.b not properly parsed"); TKUnit.assertEqual(color.hex, _buildHex(100, 100, 100, 100), "Color.hex not properly parsed"); TKUnit.assertEqual(color.argb, _parseArgb(100, 100, 100, 100), "Color.argb not properly parsed"); } export var test_rgb_Color_CSS = function () { // // ### Creating a Color from four RGB values // ``` JavaScript // Creates the color with 255 red, 100 green, 100 blue var color = new Color("rgb(255, 100, 100)"); // ``` // TKUnit.assertEqual(color.a, 255, "Color.a not properly parsed"); TKUnit.assertEqual(color.r, 255, "Color.r not properly parsed"); TKUnit.assertEqual(color.g, 100, "Color.g not properly parsed"); TKUnit.assertEqual(color.b, 100, "Color.b not properly parsed"); TKUnit.assertEqual(color.hex, _buildHex(255, 255, 100, 100), "Color.hex not properly parsed"); TKUnit.assertEqual(color.argb, _parseArgb(255, 255, 100, 100), "Color.argb not properly parsed"); } export var test_rgba_Color_CSS = function () { var alpha = 0.5; var expected = Math.round(alpha * 255); // // ### Creating a Color from four RGB values // ``` JavaScript // Creates the color with 255 red, 100 green, 100 blue and 0 alpha var color = new Color(`rgba(255, 100, 100, ${alpha})`); // ``` // TKUnit.assertEqual(color.a, expected, "Color.a not properly parsed"); TKUnit.assertEqual(color.r, 255, "Color.r not properly parsed"); TKUnit.assertEqual(color.g, 100, "Color.g not properly parsed"); TKUnit.assertEqual(color.b, 100, "Color.b not properly parsed"); TKUnit.assertEqual(color.hex, _buildHex(expected, 255, 100, 100), "Color.hex not properly parsed"); TKUnit.assertEqual(color.argb, _parseArgb(expected, 255, 100, 100), "Color.argb not properly parsed"); } var _buildHex = function (a: number, r: number, g: number, b: number): string { return "#" + _componentToHex(a) + _componentToHex(r) + _componentToHex(g) + _componentToHex(b); } var _componentToHex = function (component: number): string { var hex = component.toString(16); if (hex.length === 1) { hex = "0" + hex; } return hex; } var _parseArgb = function (a: number, r: number, g: number, b: number): number { // Format is ARGB, so alpha takes the first 8 bits, red the next, green the next and the last 8 bits are for the blue component return (a << 24) | (r << 16) | (g << 8) | b; }