1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
|
/* Any copyright is dedicated to the Public Domain.
http://creativecommons.org/publicdomain/zero/1.0/ */
// Test classifyColor.
"use strict";
const { colorUtils } = require("resource://devtools/shared/css/color.js");
const CLASSIFY_TESTS = [
{ input: "rgb(255,0,192)", output: "rgb" },
{ input: "RGB(255,0,192)", output: "rgb" },
{ input: "RGB(100%,0%,83%)", output: "rgb" },
{ input: "rgba(255,0,192, 0.25)", output: "rgb" },
{ input: "hsl(5, 5%, 5%)", output: "hsl" },
{ input: "hsla(5, 5%, 5%, 0.25)", output: "hsl" },
{ input: "hSlA(5, 5%, 5%, 0.25)", output: "hsl" },
{ input: "#f06", output: "hex" },
{ input: "#f060", output: "hex" },
{ input: "#fe01cb", output: "hex" },
{ input: "#fe01cb80", output: "hex" },
{ input: "#FE01CB", output: "hex" },
{ input: "#FE01CB80", output: "hex" },
{ input: "blue", output: "name" },
{ input: "orange", output: "name" },
// // Once bug 1824400 is closed, these types should be recognized
// { input: "oklch(50% 0.3 180)", output: "oklch" },
// { input: "oklch(50% 0.3 180 / 0.5)", output: "oklch" },
// { input: "oklab(50% -0.3 0.3)", output: "oklab" },
// { input: "oklab(50% -0.3 0.3 / 0.5)", output: "oklab" },
// { input: "lch(50% 0.3 180)", output: "lch" },
// { input: "lch(50% 0.3 180 / 0.5)", output: "lch" },
// { input: "lab(50% -0.3 0.3)", output: "lab" },
// { input: "lab(50% -0.3 0.3 / 0.5)", output: "lab" },
// // But if they are not recognized, they should be classified as "authored"
{ input: "oklch(50% 0.3 180)", output: "authored" },
{ input: "oklch(50% 0.3 180 / 0.5)", output: "authored" },
{ input: "oklab(50% -0.3 0.3)", output: "authored" },
{ input: "oklab(50% -0.3 0.3 / 0.5)", output: "authored" },
{ input: "lch(50% 0.3 180)", output: "authored" },
{ input: "lch(50% 0.3 180 / 0.5)", output: "authored" },
{ input: "lab(50% -0.3 0.3)", output: "authored" },
{ input: "lab(50% -0.3 0.3 / 0.5)", output: "authored" },
];
function run_test() {
for (const test of CLASSIFY_TESTS) {
const result = colorUtils.classifyColor(test.input);
equal(result, test.output, "test classifyColor(" + test.input + ")");
Assert.notStrictEqual(
InspectorUtils.colorToRGBA(test.input),
null,
"'" + test.input + "' is a color"
);
// check some obvious errors.
const invalidColors = ["mumble" + test.input, test.input + "trailingstuff"];
for (const invalidColor of invalidColors) {
Assert.equal(
InspectorUtils.colorToRGBA(invalidColor),
null,
`'${invalidColor}' is not a color`
);
}
}
// Regression test for bug 1303826.
const black = new colorUtils.CssColor("#000");
equal(black.toString("name"), "black", "test non-upper-case color cycling");
const upper = new colorUtils.CssColor("BLACK");
equal(upper.toString("hex"), "#000", "test upper-case color cycling");
equal(upper.toString("name"), "BLACK", "test upper-case color preservation");
}
|