https://css3test.com/tests/css-forms-1.js

1export default {
2	title: 'CSS Form Control Styling Level 1',
3	links: {
4		tr: 'css-forms-1',
5		dev: 'css-forms-1',
6	},
7	status: {
8		stability: 'experimental',
9	},
10	values: {
11		properties: ['content', 'color', 'line-height'],
12		'control-value()': {
13			links: {
14				tr: '#control-value',
15				dev: '#control-value',
16			},
17			tests: ['control-value()'],
18		},
19	},
20	properties : {
21		'appearance': {
22			links: {
23				tr: '#appearance',
24				dev: '#appearance',
25			},
26			tests: ['base'],
27		},
28		'slider-orientation': {
29			links: {
30				tr: '#slider-orientation',
31				dev: '#slider-orientation',
32			},
33			tests: [
34				'auto',
35				'left-to-right',
36				'right-to-left',
37				'top-to-bottom',
38				'bottom-to-top',
39			],
40		}
41	},
42	selectors: {
43		'::picker()': {
44			links: {
45				tr: '#picker-pseudo',
46				dev: '#picker-pseudo',
47			},
48			tests: ['::picker(select)'],
49		},
50		'::picker-icon': {
51			links: {
52				tr: '#picker-icon',
53				dev: '#picker-icon',
54			},
55			tests: ['::picker-icon'],
56		},
57		'::checkmark': {
58			links: {
59				tr: '#checkmark',
60				dev: '#checkmark',
61			},
62			tests: ['::checkmark'],
63		},
64		'::slider-thumb': {
65			links: {
66				tr: '#slider-pseudos',
67				dev: '#slider-pseudos',
68			},
69			tests: ['::thumb'],
70		},
71		'::slider-track': {
72			links: {
73				tr: '#slider-pseudos',
74				dev: '#slider-pseudos',
75			},
76			tests: ['::track'],
77		},
78		'::slider-fill': {
79			links: {
80				tr: '#slider-pseudos',
81				dev: '#slider-pseudos',
82			},
83			tests: ['::fill'],
84		},
85		'::field-text': {
86			links: {
87				tr: '#field-pseudos',
88				dev: '#field-pseudos',
89			},
90			tests: ['::field-text'],
91		},
92		'::clear-icon': {
93			links: {
94				tr: '#field-pseudos',
95				dev: '#field-pseudos',
96			},
97			tests: ['::clear-icon'],
98		},
99		'::step-control': {
100			links: {
101				tr: '#number-pseudos',
102				dev: '#number-pseudos',
103			},
104			tests: ['::step-control'],
105		},
106		'::step-up': {
107			links: {
108				tr: '#number-pseudos',
109				dev: '#number-pseudos',
110			},
111			tests: ['::step-up'],
112		},
113		'::step-down': {
114			links: {
115				tr: '#number-pseudos',
116				dev: '#number-pseudos',
117			},
118			tests: ['::step-down'],
119		},
120		'::field-component': {
121			links: {
122				tr: '#date-time-pseudos',
123				dev: '#date-time-pseudos',
124			},
125			tests: ['::field-component'],
126		},
127		'::field-separator': {
128			links: {
129				tr: '#date-time-pseudos',
130				dev: '#date-time-pseudos',
131			},
132			tests: ['::field-separator'],
133		},
134		'::color-swatch': {
135			links: {
136				tr: '#color-swatch-pseudo',
137				dev: '#color-swatch-pseudo',
138			},
139			tests: ['::color-swatch'],
140		},
141		':low-value': {
142			links: {
143				tr: '#meter-values',
144				dev: '#meter-values',
145			},
146			tests: [':low-value'],
147		},
148		':high-value': {
149			links: {
150				tr: '#meter-values',
151				dev: '#meter-values',
152			},
153			tests: [':high-value'],
154		},
155		':optimal-value': {
156			links: {
157				tr: '#meter-values',
158				dev: '#meter-values',
159			},
160			tests: [':optimal-value'],
161		},
162	},
163};