Skip to content

Commit 8573562

Browse files
devongovettdevongovett
committed
fix test
1 parent a063122 commit 8573562

File tree

1 file changed

+56
-56
lines changed

1 file changed

+56
-56
lines changed

‎packages/@react-spectrum/s2/style/__tests__/style-macro.test.js

Lines changed: 56 additions & 56 deletions
Original file line numberDiff line numberDiff line change
@@ -40,22 +40,22 @@ describe('style-macro', () => {
4040
"@layer _.a, _.b, _.c;
4141
4242
@layer _.b {
43-
.Jbs91:first-child {
43+
.Jbs92:first-child {
4444
margin-top: 0.25rem;
4545
}
4646
}
4747
4848
@layer _.c.p {
4949
@media (min-width: 64rem) {
50-
.Jbpv91:first-child {
50+
.Jbpv92:first-child {
5151
margin-top: 0.5rem;
5252
}
5353
}
5454
}
5555
5656
"
5757
`);
58-
expect(js).toMatchInlineSnapshot('" Jbs91 Jbpv91"');
58+
expect(js).toMatchInlineSnapshot('" Jbs92 Jbpv92"');
5959
});
6060

6161
it('should support self references', () => {
@@ -69,47 +69,47 @@ describe('style-macro', () => {
6969
"@layer _.a;
7070
7171
@layer _.a {
72-
._kc91 {
72+
._kc92 {
7373
border-top-width: 2px;
7474
}
7575
7676
77-
.hc91 {
77+
.hc92 {
7878
border-bottom-width: 2px;
7979
}
8080
8181
82-
.mCPFGYc91 {
82+
.mCPFGYc92 {
8383
border-inline-start-width: var(--m);
8484
}
8585
8686
87-
.lc91 {
87+
.lc92 {
8888
border-inline-end-width: 2px;
8989
}
9090
9191
92-
.SMBFGYc91 {
92+
.SMBFGYc92 {
9393
padding-inline-start: var(--S);
9494
}
9595
9696
97-
.Rv91 {
97+
.Rv92 {
9898
padding-inline-end: calc(var(--F, var(--M)) * 3 / 8);
9999
}
100100
101101
102-
.ZjUQgKd91 {
102+
.ZjUQgKd92 {
103103
width: calc(200px - var(--m) - var(--S));
104104
}
105105
106106
107-
.-m_-mc91 {
107+
.-m_-mc92 {
108108
--m: 2px;
109109
}
110110
111111
112-
.-S_-Sv91 {
112+
.-S_-Sv92 {
113113
--S: calc(var(--F, var(--M)) * 3 / 8);
114114
}
115115
}
@@ -118,7 +118,7 @@ describe('style-macro', () => {
118118
`);
119119

120120
expect(js).toMatchInlineSnapshot(
121-
'" _kc91 hc91 mCPFGYc91 lc91 SMBFGYc91 Rv91 ZjUQgKd91 -m_-mc91 -S_-Sv91"'
121+
'" _kc92 hc92 mCPFGYc92 lc92 SMBFGYc92 Rv92 ZjUQgKd92 -m_-mc92 -S_-Sv92"'
122122
);
123123
});
124124

@@ -136,9 +136,9 @@ describe('style-macro', () => {
136136
color: 'green-400'
137137
});
138138

139-
expect(js()).toMatchInlineSnapshot('" gw91 pg91"');
140-
expect(overrides).toMatchInlineSnapshot('" g8tmWqb91 pHJ3AUd91"');
141-
expect(js({}, overrides)).toMatchInlineSnapshot('" g8tmWqb91 pg91"');
139+
expect(js()).toMatchInlineSnapshot('" gw92 pg92"');
140+
expect(overrides).toMatchInlineSnapshot('" g8tmWqb92 pHJ3AUd92"');
141+
expect(js({}, overrides)).toMatchInlineSnapshot('" g8tmWqb92 pg92"');
142142
});
143143

144144
it('should support allowed overrides for properties that expand into multiple', () => {
@@ -153,9 +153,9 @@ describe('style-macro', () => {
153153
translateX: 40
154154
});
155155

156-
expect(js()).toMatchInlineSnapshot('" -_7PloMd-B91 __Ya91"');
157-
expect(overrides).toMatchInlineSnapshot('" -_7PloMd-D91 __Ya91"');
158-
expect(js({}, overrides)).toMatchInlineSnapshot('" -_7PloMd-D91 __Ya91"');
156+
expect(js()).toMatchInlineSnapshot('" -_7PloMd-B92 __Ya92"');
157+
expect(overrides).toMatchInlineSnapshot('" -_7PloMd-D92 __Ya92"');
158+
expect(js({}, overrides)).toMatchInlineSnapshot('" -_7PloMd-D92 __Ya92"');
159159
});
160160

161161
it('should support allowed overrides for shorthands', () => {
@@ -170,9 +170,9 @@ describe('style-macro', () => {
170170
padding: 40
171171
});
172172

173-
expect(js()).toMatchInlineSnapshot('" Tk91 Qk91 Sk91 Rk91"');
174-
expect(overrides).toMatchInlineSnapshot('" Tm91 Qm91 Sm91 Rm91"');
175-
expect(js({}, overrides)).toMatchInlineSnapshot('" Tm91 Qm91 Sm91 Rm91"');
173+
expect(js()).toMatchInlineSnapshot('" Tk92 Qk92 Sk92 Rk92"');
174+
expect(overrides).toMatchInlineSnapshot('" Tm92 Qm92 Sm92 Rm92"');
175+
expect(js({}, overrides)).toMatchInlineSnapshot('" Tm92 Qm92 Sm92 Rm92"');
176176
});
177177

178178
it("should support allowed overrides for values that aren't defined", () => {
@@ -187,9 +187,9 @@ describe('style-macro', () => {
187187
minWidth: 32
188188
});
189189

190-
expect(js()).toMatchInlineSnapshot('" gE91"');
191-
expect(overrides).toMatchInlineSnapshot('" Nk91"');
192-
expect(js({}, overrides)).toMatchInlineSnapshot('" Nk91 gE91"');
190+
expect(js()).toMatchInlineSnapshot('" gE92"');
191+
expect(overrides).toMatchInlineSnapshot('" Nk92"');
192+
expect(js({}, overrides)).toMatchInlineSnapshot('" Nk92 gE92"');
193193
});
194194

195195
it('should support runtime conditions', () => {
@@ -210,42 +210,42 @@ describe('style-macro', () => {
210210
"@layer _.a;
211211
212212
@layer _.a {
213-
.gH91 {
213+
.gH92 {
214214
background-color: light-dark(rgb(233, 233, 233), rgb(44, 44, 44));
215215
}
216216
217217
218-
.gF91 {
218+
.gF92 {
219219
background-color: light-dark(rgb(225, 225, 225), rgb(50, 50, 50));
220220
}
221221
222222
223-
.gE91 {
223+
.gE92 {
224224
background-color: light-dark(rgb(218, 218, 218), rgb(57, 57, 57));
225225
}
226226
227227
228-
.pt91 {
228+
.pt92 {
229229
color: light-dark(rgb(41, 41, 41), rgb(219, 219, 219));
230230
}
231231
232232
233-
.po91 {
233+
.po92 {
234234
color: light-dark(rgb(19, 19, 19), rgb(242, 242, 242));
235235
}
236236
237237
238-
.pm91 {
238+
.pm92 {
239239
color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));
240240
}
241241
}
242242
243243
"
244244
`);
245245

246-
expect(js({})).toMatchInlineSnapshot('" gH91 pt91"');
247-
expect(js({isHovered: true})).toMatchInlineSnapshot('" gF91 po91"');
248-
expect(js({isPressed: true})).toMatchInlineSnapshot('" gE91 pm91"');
246+
expect(js({})).toMatchInlineSnapshot('" gH92 pt92"');
247+
expect(js({isHovered: true})).toMatchInlineSnapshot('" gF92 po92"');
248+
expect(js({isPressed: true})).toMatchInlineSnapshot('" gE92 pm92"');
249249
});
250250

251251
it('should support nested runtime conditions', () => {
@@ -264,33 +264,33 @@ describe('style-macro', () => {
264264
"@layer _.a;
265265
266266
@layer _.a {
267-
.gH91 {
267+
.gH92 {
268268
background-color: light-dark(rgb(233, 233, 233), rgb(44, 44, 44));
269269
}
270270
271271
272-
.gF91 {
272+
.gF92 {
273273
background-color: light-dark(rgb(225, 225, 225), rgb(50, 50, 50));
274274
}
275275
276276
277-
.g_h91 {
277+
.g_h92 {
278278
background-color: light-dark(rgb(75, 117, 255), rgb(64, 105, 253));
279279
}
280280
281281
282-
.g391 {
282+
.g392 {
283283
background-color: light-dark(rgb(59, 99, 251), rgb(86, 129, 255));
284284
}
285285
}
286286
287287
"
288288
`);
289-
expect(js({})).toMatchInlineSnapshot('" gH91"');
290-
expect(js({isHovered: true})).toMatchInlineSnapshot('" gF91"');
291-
expect(js({isSelected: true})).toMatchInlineSnapshot('" g_h91"');
289+
expect(js({})).toMatchInlineSnapshot('" gH92"');
290+
expect(js({isHovered: true})).toMatchInlineSnapshot('" gF92"');
291+
expect(js({isSelected: true})).toMatchInlineSnapshot('" g_h92"');
292292
expect(js({isSelected: true, isHovered: true})).toMatchInlineSnapshot(
293-
'" g391"'
293+
'" g392"'
294294
);
295295
});
296296

@@ -305,9 +305,9 @@ describe('style-macro', () => {
305305
}
306306
});
307307

308-
expect(js({variant: 'accent'})).toMatchInlineSnapshot('" gY91"');
309-
expect(js({variant: 'primary'})).toMatchInlineSnapshot('" gjQquMe91"');
310-
expect(js({variant: 'secondary'})).toMatchInlineSnapshot('" gw91"');
308+
expect(js({variant: 'accent'})).toMatchInlineSnapshot('" gY92"');
309+
expect(js({variant: 'primary'})).toMatchInlineSnapshot('" gjQquMe92"');
310+
expect(js({variant: 'secondary'})).toMatchInlineSnapshot('" gw92"');
311311
});
312312

313313
it('supports runtime conditions nested inside css conditions', () => {
@@ -325,14 +325,14 @@ describe('style-macro', () => {
325325
326326
@layer _.b.l {
327327
@media (forced-colors: active) {
328-
.plb91 {
328+
.plb92 {
329329
color: ButtonText;
330330
}
331331
}
332332
333333
334334
@media (forced-colors: active) {
335-
.ple91 {
335+
.ple92 {
336336
color: HighlightText;
337337
}
338338
}
@@ -341,36 +341,36 @@ describe('style-macro', () => {
341341
"
342342
`);
343343

344-
expect(js({})).toMatchInlineSnapshot('" plb91"');
345-
expect(js({isSelected: true})).toMatchInlineSnapshot('" ple91"');
344+
expect(js({})).toMatchInlineSnapshot('" plb92"');
345+
expect(js({isSelected: true})).toMatchInlineSnapshot('" ple92"');
346346
});
347347

348348
it('should expand shorthand properties to longhands', () => {
349349
let {js, css} = testStyle({
350350
padding: 24
351351
});
352352

353-
expect(js).toMatchInlineSnapshot('" Th91 Qh91 Sh91 Rh91"');
353+
expect(js).toMatchInlineSnapshot('" Th92 Qh92 Sh92 Rh92"');
354354
expect(css).toMatchInlineSnapshot(`
355355
"@layer _.a;
356356
357357
@layer _.a {
358-
.Th91 {
358+
.Th92 {
359359
padding-top: 24px;
360360
}
361361
362362
363-
.Qh91 {
363+
.Qh92 {
364364
padding-bottom: 24px;
365365
}
366366
367367
368-
.Sh91 {
368+
.Sh92 {
369369
padding-inline-start: 24px;
370370
}
371371
372372
373-
.Rh91 {
373+
.Rh92 {
374374
padding-inline-end: 24px;
375375
}
376376
}
@@ -388,7 +388,7 @@ describe('style-macro', () => {
388388
"@layer _.a;
389389
390390
@layer _.a {
391-
.gpQzfVb91 {
391+
.gpQzfVb92 {
392392
background-color: rgb(from light-dark(rgb(39, 77, 234), rgb(105, 149, 254)) r g b / 50%);
393393
}
394394
}
@@ -409,7 +409,7 @@ describe('style-macro', () => {
409409
"@layer _.a;
410410
411411
@layer _.a {
412-
.-FUeYm-gE91 {
412+
.-FUeYm-gE92 {
413413
--foo: light-dark(rgb(218, 218, 218), rgb(57, 57, 57));
414414
}
415415
}

0 commit comments

Comments
 (0)