@@ -55,7 +55,7 @@ describe('style-macro', () => {
55
55
56
56
"
57
57
` ) ;
58
- expect ( js ) . toMatchInlineSnapshot ( ` " Jbs1 Jbpv1"` ) ;
58
+ expect ( js ) . toMatchInlineSnapshot ( ' " Jbs1 Jbpv1"' ) ;
59
59
} ) ;
60
60
61
61
it ( 'should support self references' , ( ) => {
@@ -117,7 +117,7 @@ describe('style-macro', () => {
117
117
"
118
118
` ) ;
119
119
120
- expect ( js ) . toMatchInlineSnapshot ( ` " _kc1 hc1 mCPFGYc1 lc1 SMBFGYc1 Rv1 ZjUQgKd1 -m_-mc1 -S_-Sv1"` ) ;
120
+ expect ( js ) . toMatchInlineSnapshot ( ' " _kc1 hc1 mCPFGYc1 lc1 SMBFGYc1 Rv1 ZjUQgKd1 -m_-mc1 -S_-Sv1"' ) ;
121
121
} ) ;
122
122
123
123
it ( 'should support allowed overrides' , ( ) => {
@@ -134,9 +134,9 @@ describe('style-macro', () => {
134
134
color : 'green-400'
135
135
} ) ;
136
136
137
- expect ( js ( ) ) . toMatchInlineSnapshot ( ` " gw1 pg1"` ) ;
138
- expect ( overrides ) . toMatchInlineSnapshot ( ` " g8tmWqb1 pHJ3AUd1"` ) ;
139
- expect ( js ( { } , overrides ) ) . toMatchInlineSnapshot ( ` " g8tmWqb1 pg1"` ) ;
137
+ expect ( js ( ) ) . toMatchInlineSnapshot ( ' " gw1 pg1"' ) ;
138
+ expect ( overrides ) . toMatchInlineSnapshot ( ' " g8tmWqb1 pHJ3AUd1"' ) ;
139
+ expect ( js ( { } , overrides ) ) . toMatchInlineSnapshot ( ' " g8tmWqb1 pg1"' ) ;
140
140
} ) ;
141
141
142
142
it ( 'should support allowed overrides for properties that expand into multiple' , ( ) => {
@@ -151,9 +151,9 @@ describe('style-macro', () => {
151
151
translateX : 40
152
152
} ) ;
153
153
154
- expect ( js ( ) ) . toMatchInlineSnapshot ( ` " -_7PloMd-B1 __Ya1"` ) ;
155
- expect ( overrides ) . toMatchInlineSnapshot ( ` " -_7PloMd-D1 __Ya1"` ) ;
156
- expect ( js ( { } , overrides ) ) . toMatchInlineSnapshot ( ` " -_7PloMd-D1 __Ya1"` ) ;
154
+ expect ( js ( ) ) . toMatchInlineSnapshot ( ' " -_7PloMd-B1 __Ya1"' ) ;
155
+ expect ( overrides ) . toMatchInlineSnapshot ( ' " -_7PloMd-D1 __Ya1"' ) ;
156
+ expect ( js ( { } , overrides ) ) . toMatchInlineSnapshot ( ' " -_7PloMd-D1 __Ya1"' ) ;
157
157
} ) ;
158
158
159
159
it ( 'should support allowed overrides for shorthands' , ( ) => {
@@ -168,9 +168,9 @@ describe('style-macro', () => {
168
168
padding : 40
169
169
} ) ;
170
170
171
- expect ( js ( ) ) . toMatchInlineSnapshot ( ` " Tk1 Qk1 Sk1 Rk1"` ) ;
172
- expect ( overrides ) . toMatchInlineSnapshot ( ` " Tm1 Qm1 Sm1 Rm1"` ) ;
173
- expect ( js ( { } , overrides ) ) . toMatchInlineSnapshot ( ` " Tm1 Qm1 Sm1 Rm1"` ) ;
171
+ expect ( js ( ) ) . toMatchInlineSnapshot ( ' " Tk1 Qk1 Sk1 Rk1"' ) ;
172
+ expect ( overrides ) . toMatchInlineSnapshot ( ' " Tm1 Qm1 Sm1 Rm1"' ) ;
173
+ expect ( js ( { } , overrides ) ) . toMatchInlineSnapshot ( ' " Tm1 Qm1 Sm1 Rm1"' ) ;
174
174
} ) ;
175
175
176
176
it ( "should support allowed overrides for values that aren't defined" , ( ) => {
@@ -185,9 +185,9 @@ describe('style-macro', () => {
185
185
minWidth : 32
186
186
} ) ;
187
187
188
- expect ( js ( ) ) . toMatchInlineSnapshot ( ` " gE1"` ) ;
189
- expect ( overrides ) . toMatchInlineSnapshot ( ` " Nk1"` ) ;
190
- expect ( js ( { } , overrides ) ) . toMatchInlineSnapshot ( ` " Nk1 gE1"` ) ;
188
+ expect ( js ( ) ) . toMatchInlineSnapshot ( ' " gE1"' ) ;
189
+ expect ( overrides ) . toMatchInlineSnapshot ( ' " Nk1"' ) ;
190
+ expect ( js ( { } , overrides ) ) . toMatchInlineSnapshot ( ' " Nk1 gE1"' ) ;
191
191
} ) ;
192
192
193
193
it ( 'should support runtime conditions' , ( ) => {
@@ -241,9 +241,9 @@ describe('style-macro', () => {
241
241
"
242
242
` ) ;
243
243
244
- expect ( js ( { } ) ) . toMatchInlineSnapshot ( ` " gH1 pt1"` ) ;
245
- expect ( js ( { isHovered : true } ) ) . toMatchInlineSnapshot ( ` " gF1 po1"` ) ;
246
- expect ( js ( { isPressed : true } ) ) . toMatchInlineSnapshot ( ` " gE1 pm1"` ) ;
244
+ expect ( js ( { } ) ) . toMatchInlineSnapshot ( ' " gH1 pt1"' ) ;
245
+ expect ( js ( { isHovered : true } ) ) . toMatchInlineSnapshot ( ' " gF1 po1"' ) ;
246
+ expect ( js ( { isPressed : true } ) ) . toMatchInlineSnapshot ( ' " gE1 pm1"' ) ;
247
247
} ) ;
248
248
249
249
it ( 'should support nested runtime conditions' , ( ) => {
@@ -284,10 +284,10 @@ describe('style-macro', () => {
284
284
285
285
"
286
286
` ) ;
287
- expect ( js ( { } ) ) . toMatchInlineSnapshot ( ` " gH1"` ) ;
288
- expect ( js ( { isHovered : true } ) ) . toMatchInlineSnapshot ( ` " gF1"` ) ;
289
- expect ( js ( { isSelected : true } ) ) . toMatchInlineSnapshot ( ` " g_h1"` ) ;
290
- expect ( js ( { isSelected : true , isHovered : true } ) ) . toMatchInlineSnapshot ( ` " g31"` ) ;
287
+ expect ( js ( { } ) ) . toMatchInlineSnapshot ( ' " gH1"' ) ;
288
+ expect ( js ( { isHovered : true } ) ) . toMatchInlineSnapshot ( ' " gF1"' ) ;
289
+ expect ( js ( { isSelected : true } ) ) . toMatchInlineSnapshot ( ' " g_h1"' ) ;
290
+ expect ( js ( { isSelected : true , isHovered : true } ) ) . toMatchInlineSnapshot ( ' " g31"' ) ;
291
291
} ) ;
292
292
293
293
it ( 'should support variant runtime conditions' , ( ) => {
@@ -301,9 +301,9 @@ describe('style-macro', () => {
301
301
}
302
302
} ) ;
303
303
304
- expect ( js ( { variant : 'accent' } ) ) . toMatchInlineSnapshot ( ` " gY1"` ) ;
305
- expect ( js ( { variant : 'primary' } ) ) . toMatchInlineSnapshot ( ` " gjQquMe1"` ) ;
306
- expect ( js ( { variant : 'secondary' } ) ) . toMatchInlineSnapshot ( ` " gw1"` ) ;
304
+ expect ( js ( { variant : 'accent' } ) ) . toMatchInlineSnapshot ( ' " gY1"' ) ;
305
+ expect ( js ( { variant : 'primary' } ) ) . toMatchInlineSnapshot ( ' " gjQquMe1"' ) ;
306
+ expect ( js ( { variant : 'secondary' } ) ) . toMatchInlineSnapshot ( ' " gw1"' ) ;
307
307
} ) ;
308
308
309
309
it ( 'supports runtime conditions nested inside css conditions' , ( ) => {
@@ -337,16 +337,16 @@ describe('style-macro', () => {
337
337
"
338
338
` ) ;
339
339
340
- expect ( js ( { } ) ) . toMatchInlineSnapshot ( ` " plb1"` ) ;
341
- expect ( js ( { isSelected : true } ) ) . toMatchInlineSnapshot ( ` " ple1"` ) ;
340
+ expect ( js ( { } ) ) . toMatchInlineSnapshot ( ' " plb1"' ) ;
341
+ expect ( js ( { isSelected : true } ) ) . toMatchInlineSnapshot ( ' " ple1"' ) ;
342
342
} ) ;
343
343
344
344
it ( 'should expand shorthand properties to longhands' , ( ) => {
345
345
let { js, css} = testStyle ( {
346
346
padding : 24
347
347
} ) ;
348
348
349
- expect ( js ) . toMatchInlineSnapshot ( ` " Th1 Qh1 Sh1 Rh1"` ) ;
349
+ expect ( js ) . toMatchInlineSnapshot ( ' " Th1 Qh1 Sh1 Rh1"' ) ;
350
350
expect ( css ) . toMatchInlineSnapshot ( `
351
351
"@layer _.a;
352
352
0 commit comments