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
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
|
<!DOCTYPE HTML>
<html>
<!--
https://bugzilla.mozilla.org/show_bug.cgi?id=1195018
-->
<head>
<meta charset="utf-8">
<title>Test for Bug 1195018</title>
<script type="application/javascript" src="/tests/SimpleTest/SimpleTest.js"></script>
<link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/>
<script src="common.js"></script>
<script>
/**
* background_color member
* https://w3c.github.io/manifest/#background_color-member
**/
'use strict';
typeTests.forEach(type => {
data.jsonText = JSON.stringify({
background_color: type
});
var result = processor.process(data);
is(result.background_color, undefined, `Expect non-string background_color to be undefined: ${typeof type}.`);
});
var validThemeColors = [
'maroon',
'#f00',
'#ff0000',
'rgb(255,0,0)',
'rgb(255,0,0,1)',
'rgb(255,0,0,1.0)',
'rgb(255,0,0,100%)',
'rgb(255 0 0)',
'rgb(255 0 0 / 1)',
'rgb(255 0 0 / 1.0)',
'rgb(255 0 0 / 100%)',
'rgb(100%, 0%, 0%)',
'rgb(100%, 0%, 0%, 1)',
'rgb(100%, 0%, 0%, 1.0)',
'rgb(100%, 0%, 0%, 100%)',
'rgb(100% 0% 0%)',
'rgb(100% 0% 0% / 1)',
'rgb(100%, 0%, 0%, 1.0)',
'rgb(100%, 0%, 0%, 100%)',
'rgb(300,0,0)',
'rgb(300 0 0)',
'rgb(255,-10,0)',
'rgb(110%, 0%, 0%)',
'rgba(255,0,0)',
'rgba(255,0,0,1)',
'rgba(255 0 0 / 1)',
'rgba(100%,0%,0%,1)',
'rgba(0,0,255,0.5)',
'rgba(100%, 50%, 0%, 0.1)',
'hsl(120, 100%, 50%)',
'hsl(120 100% 50%)',
'hsl(120, 100%, 50%, 1.0)',
'hsl(120 100% 50% / 1.0)',
'hsla(120, 100%, 50%)',
'hsla(120 100% 50%)',
'hsla(120, 100%, 50%, 1.0)',
'hsla(120 100% 50% / 1.0)',
'hsl(120deg, 100%, 50%)',
'hsl(133.33333333grad, 100%, 50%)',
'hsl(2.0943951024rad, 100%, 50%)',
'hsl(0.3333333333turn, 100%, 50%)',
];
validThemeColors.forEach(background_color => {
data.jsonText = JSON.stringify({
background_color: background_color
});
var result = processor.process(data);
is(result.background_color, background_color, `Expect background_color to be returned: ${background_color}.`);
});
var invalidThemeColors = [
'marooon',
'f000000',
'#ff00000',
'rgb(100, 0%, 0%)',
'rgb(255,0)',
'rbg(255,-10,0)',
'rgb(110, 0%, 0%)',
'(255,0,0) }',
'rgba(255)',
' rgb(100%,0%,0%) }',
'hsl(120, 100%, 50)',
'hsl(120, 100%, 50.0)',
'hsl 120, 100%, 50%',
'hsla{120, 100%, 50%, 1}',
]
invalidThemeColors.forEach(background_color => {
data.jsonText = JSON.stringify({
background_color: background_color
});
var result = processor.process(data);
is(result.background_color, undefined, `Expect background_color to be undefined: ${background_color}.`);
});
// Trim tests
validThemeColors.forEach(background_color => {
var expandedThemeColor = `${seperators}${lineTerminators}${background_color}${lineTerminators}${seperators}`;
data.jsonText = JSON.stringify({
background_color: expandedThemeColor
});
var result = processor.process(data);
is(result.background_color, background_color, `Expect trimmed background_color to be returned.`);
});
</script>
</head>
|
