@@ -9,8 +9,6 @@ describe('classname', () => {
9
9
assert . deepEqual (
10
10
{ className : 'm-4' } ,
11
11
classname ( {
12
- responsiveModifier : null ,
13
- pseudoModifier : null ,
14
12
property : 'margin' ,
15
13
value : '1rem'
16
14
} )
@@ -22,7 +20,7 @@ describe('classname', () => {
22
20
{ className : 'md:w-48' } ,
23
21
classname ( {
24
22
responsiveModifier : 'md' ,
25
- pseudoModifier : null ,
23
+
26
24
property : 'width' ,
27
25
value : '12rem'
28
26
} )
@@ -33,8 +31,6 @@ describe('classname', () => {
33
31
assert . deepEqual (
34
32
{ className : 'text-sm' } ,
35
33
classname ( {
36
- responsiveModifier : null ,
37
- pseudoModifier : null ,
38
34
property : 'fontSize' ,
39
35
value : '0.875rem'
40
36
} )
@@ -57,7 +53,6 @@ describe('classname', () => {
57
53
assert . deepEqual (
58
54
{ className : 'hover:bg-green-100' } ,
59
55
classname ( {
60
- responsiveModifier : null ,
61
56
pseudoModifier : 'hover' ,
62
57
property : 'backgroundColor' ,
63
58
value : '#dcfce7'
@@ -69,8 +64,6 @@ describe('classname', () => {
69
64
assert . deepEqual (
70
65
{ className : 'absolute' } ,
71
66
classname ( {
72
- responsiveModifier : null ,
73
- pseudoModifier : null ,
74
67
property : 'position' ,
75
68
value : 'absolute'
76
69
} )
@@ -81,8 +74,6 @@ describe('classname', () => {
81
74
assert . deepEqual (
82
75
{ className : 'font-serif' } ,
83
76
classname ( {
84
- responsiveModifier : null ,
85
- pseudoModifier : null ,
86
77
property : 'fontFamily' ,
87
78
value : 'ui-serif, Georgia, Cambria, "Times New Roman", Times, serif'
88
79
} )
@@ -93,8 +84,6 @@ describe('classname', () => {
93
84
assert . deepEqual (
94
85
{ className : 'drop-shadow-md' } ,
95
86
classname ( {
96
- responsiveModifier : null ,
97
- pseudoModifier : null ,
98
87
property : 'dropShadow' ,
99
88
value : '0 4px 3px rgb(0 0 0 / 0.07), 0 2px 2px rgb(0 0 0 / 0.06)'
100
89
} )
@@ -105,8 +94,6 @@ describe('classname', () => {
105
94
assert . deepEqual (
106
95
{ className : '-m-64' } ,
107
96
classname ( {
108
- responsiveModifier : null ,
109
- pseudoModifier : null ,
110
97
property : 'margin' ,
111
98
value : '-16rem'
112
99
} )
@@ -117,8 +104,6 @@ describe('classname', () => {
117
104
assert . deepEqual (
118
105
{ className : 'block' } ,
119
106
classname ( {
120
- responsiveModifier : null ,
121
- pseudoModifier : null ,
122
107
property : 'display' ,
123
108
value : 'block'
124
109
} )
@@ -129,8 +114,6 @@ describe('classname', () => {
129
114
assert . deepEqual (
130
115
{ className : 'tracking-tighter' } ,
131
116
classname ( {
132
- responsiveModifier : null ,
133
- pseudoModifier : null ,
134
117
property : 'letterSpacing' ,
135
118
value : '-0.05em'
136
119
} )
@@ -141,8 +124,6 @@ describe('classname', () => {
141
124
assert . deepEqual (
142
125
{ className : 'sr-only' } ,
143
126
classname ( {
144
- responsiveModifier : null ,
145
- pseudoModifier : null ,
146
127
property : 'composite' ,
147
128
value : null ,
148
129
relatedProperties : {
@@ -163,8 +144,17 @@ describe('classname', () => {
163
144
assert . deepEqual (
164
145
{ className : 'bg-red-200/50' } ,
165
146
classname ( {
166
- responsiveModifier : null ,
167
- pseudoModifier : null ,
147
+ property : 'backgroundColor' ,
148
+ value : '#fecaca80'
149
+ } )
150
+ ) ;
151
+ } ) ;
152
+
153
+ test . only ( 'asdinoasd' , ( ) => {
154
+ assert . deepEqual (
155
+ { className : 'hover:bg-red-200/50' } ,
156
+ classname ( {
157
+ pseudoModifier : 'hover' ,
168
158
property : 'backgroundColor' ,
169
159
value : '#fecaca80'
170
160
} )
@@ -175,8 +165,6 @@ describe('classname', () => {
175
165
assert . deepEqual (
176
166
{ className : 'bg-red-200/50' } ,
177
167
classname ( {
178
- responsiveModifier : null ,
179
- pseudoModifier : null ,
180
168
property : 'backgroundColor' ,
181
169
value : '#FECACA80'
182
170
} )
@@ -187,8 +175,6 @@ describe('classname', () => {
187
175
assert . deepEqual (
188
176
{ error : { value : 'Only hex values are supported, example: #fecaca80' } } ,
189
177
classname ( {
190
- responsiveModifier : null ,
191
- pseudoModifier : null ,
192
178
property : 'backgroundColor' ,
193
179
value : 'rgb(255,255,255)'
194
180
} )
@@ -200,8 +186,6 @@ describe('classname', () => {
200
186
assert . deepEqual (
201
187
{ className : 'bg-black/50' } ,
202
188
classname ( {
203
- responsiveModifier : null ,
204
- pseudoModifier : null ,
205
189
property : 'backgroundColor' ,
206
190
value : '#0008'
207
191
} )
@@ -213,8 +197,6 @@ describe('classname', () => {
213
197
assert . deepEqual (
214
198
{ className : 'bg-black' } ,
215
199
classname ( {
216
- responsiveModifier : null ,
217
- pseudoModifier : null ,
218
200
property : 'backgroundColor' ,
219
201
value : '#000000'
220
202
} )
@@ -231,7 +213,7 @@ describe('classname', () => {
231
213
} ,
232
214
classname ( {
233
215
responsiveModifier : 'small' ,
234
- pseudoModifier : null ,
216
+
235
217
property : 'backgroundColor' ,
236
218
value : '#dcfce7'
237
219
} )
@@ -247,7 +229,6 @@ describe('classname', () => {
247
229
}
248
230
} ,
249
231
classname ( {
250
- responsiveModifier : null ,
251
232
pseudoModifier : 'hovers' ,
252
233
property : 'backgroundColor' ,
253
234
value : '#dcfce7'
@@ -260,7 +241,7 @@ describe('classname', () => {
260
241
{ error : { property : 'UNIDENTIFIED_PROPERTY' } } ,
261
242
classname ( {
262
243
responsiveModifier : 'sm' ,
263
- pseudoModifier : null ,
244
+
264
245
property : 'fontSizes' ,
265
246
value : '1.5rem'
266
247
} )
@@ -272,7 +253,7 @@ describe('classname', () => {
272
253
{ error : { value : 'UNIDENTIFIED_VALUE' } } ,
273
254
classname ( {
274
255
responsiveModifier : 'sm' ,
275
- pseudoModifier : null ,
256
+
276
257
property : 'fontSize' ,
277
258
value : '1.5em' // should be rem
278
259
} )
0 commit comments