Skip to content

Commit 93023df

Browse files
manucorporatmanucorporat
committed
fix(test): add hydrated class to tests
1 parent e7cf323 commit 93023df

7 files changed

Lines changed: 115 additions & 110 deletions

‎src/runtime/test/hydrate-no-encapsulation.spec.tsx‎

Lines changed: 22 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,7 @@ describe('hydrate no encapsulation', () => {
2222
hydrateServerSide: true
2323
});
2424
expect(serverHydrated.root).toEqualHtml(`
25-
<cmp-a s-id="1">
25+
<cmp-a class="hydrated" s-id="1">
2626
<!--r.1-->
2727
<p c-id="1.0.0.0" class="hi">
2828
<!--t.1.1.1.0-->
@@ -42,7 +42,7 @@ describe('hydrate no encapsulation', () => {
4242
expect(clientHydrated.root['s-cr']['s-cn']).toBe(true);
4343

4444
expect(clientHydrated.root).toEqualHtml(`
45-
<cmp-a>
45+
<cmp-a class="hydrated">
4646
<!--r.1-->
4747
<p class="hi">
4848
Hello
@@ -69,7 +69,7 @@ describe('hydrate no encapsulation', () => {
6969
hydrateServerSide: true
7070
});
7171
expect(serverHydrated.root).toEqualHtml(`
72-
<cmp-a s-id="1">
72+
<cmp-a class="hydrated" s-id="1">
7373
<!--r.1-->
7474
<!--t.1.0.0.0-->
7575
Hello
@@ -87,7 +87,7 @@ describe('hydrate no encapsulation', () => {
8787
expect(clientHydrated.root['s-cr']['s-cn']).toBe(true);
8888

8989
expect(clientHydrated.root).toEqualHtml(`
90-
<cmp-a>
90+
<cmp-a class="hydrated">
9191
<!--r.1-->
9292
Hello
9393
</cmp-a>
@@ -114,7 +114,7 @@ describe('hydrate no encapsulation', () => {
114114
hydrateServerSide: true
115115
});
116116
expect(serverHydrated.root).toEqualHtml(`
117-
<cmp-a s-id="1">
117+
<cmp-a class="hydrated" s-id="1">
118118
<!--r.1-->
119119
<!--t.1.0.0.0-->
120120
top
@@ -136,7 +136,7 @@ describe('hydrate no encapsulation', () => {
136136
expect(clientHydrated.root['s-id']).toBe('1');
137137

138138
expect(clientHydrated.root).toEqualHtml(`
139-
<cmp-a>
139+
<cmp-a class="hydrated">
140140
<!--r.1-->
141141
top
142142
<p>
@@ -176,9 +176,9 @@ describe('hydrate no encapsulation', () => {
176176
hydrateServerSide: true
177177
});
178178
expect(serverHydrated.root).toEqualHtml(`
179-
<cmp-a s-id="1">
179+
<cmp-a class="hydrated" s-id="1">
180180
<!--r.1-->
181-
<cmp-b c-id="1.0.0.0" s-id="2">
181+
<cmp-b class="hydrated" c-id="1.0.0.0" s-id="2">
182182
<!--r.2-->
183183
<!--o.1.1-->
184184
<!--s.2.0.0.0.-->
@@ -197,9 +197,9 @@ describe('hydrate no encapsulation', () => {
197197
});
198198

199199
expect(clientHydrated.root).toEqualHtml(`
200-
<cmp-a>
200+
<cmp-a class="hydrated">
201201
<!--r.1-->
202-
<cmp-b>
202+
<cmp-b class="hydrated">
203203
<!--r.2-->
204204
<!---->
205205
<!--s.2.0.0.0.-->
@@ -240,9 +240,9 @@ describe('hydrate no encapsulation', () => {
240240
hydrateServerSide: true
241241
});
242242
expect(serverHydrated.root).toEqualHtml(`
243-
<cmp-a s-id="1">
243+
<cmp-a class="hydrated" s-id="1">
244244
<!--r.1-->
245-
<cmp-b c-id="1.0.0.0" s-id="2">
245+
<cmp-b class="hydrated" c-id="1.0.0.0" s-id="2">
246246
<!--r.2-->
247247
<!--o.1.1-->
248248
<header c-id="2.0.0.0"></header>
@@ -261,9 +261,9 @@ describe('hydrate no encapsulation', () => {
261261
});
262262

263263
expect(clientHydrated.root).toEqualHtml(`
264-
<cmp-a>
264+
<cmp-a class="hydrated">
265265
<!--r.1-->
266-
<cmp-b>
266+
<cmp-b class="hydrated">
267267
<!--r.2-->
268268
<!---->
269269
<header></header>
@@ -304,9 +304,9 @@ describe('hydrate no encapsulation', () => {
304304
hydrateServerSide: true
305305
});
306306
expect(serverHydrated.root).toEqualHtml(`
307-
<cmp-a s-id="1">
307+
<cmp-a class="hydrated" s-id="1">
308308
<!--r.1-->
309-
<cmp-b c-id="1.0.0.0" s-id="2">
309+
<cmp-b class="hydrated" c-id="1.0.0.0" s-id="2">
310310
<!--r.2-->
311311
<!--o.1.1-->
312312
<header c-id="2.0.0.0"></header>
@@ -326,9 +326,9 @@ describe('hydrate no encapsulation', () => {
326326
});
327327

328328
expect(clientHydrated.root).toEqualHtml(`
329-
<cmp-a>
329+
<cmp-a class="hydrated">
330330
<!--r.1-->
331-
<cmp-b>
331+
<cmp-b class="hydrated">
332332
<!--r.2-->
333333
<!---->
334334
<header></header>
@@ -376,9 +376,9 @@ describe('hydrate no encapsulation', () => {
376376
hydrateServerSide: true
377377
});
378378
expect(serverHydrated.root).toEqualHtml(`
379-
<cmp-a s-id="1">
379+
<cmp-a class="hydrated" s-id="1">
380380
<!--r.1-->
381-
<cmp-b c-id="1.0.0.0" s-id="2">
381+
<cmp-b class="hydrated" c-id="1.0.0.0" s-id="2">
382382
<!--r.2-->
383383
<!--o.1.1-->
384384
<!--o.1.3-->
@@ -410,9 +410,9 @@ describe('hydrate no encapsulation', () => {
410410
});
411411

412412
expect(clientHydrated.root).toEqualHtml(`
413-
<cmp-a>
413+
<cmp-a class="hydrated">
414414
<!--r.1-->
415-
<cmp-b>
415+
<cmp-b class="hydrated">
416416
<!--r.2-->
417417
<!---->
418418
<!---->

‎src/runtime/test/hydrate-prop-types.spec.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -26,7 +26,7 @@ describe('hydrate prop types', () => {
2626
hydrateServerSide: true
2727
});
2828
expect(serverHydrated.root).toEqualHtml(`
29-
<cmp-a num="1" s-id="1">
29+
<cmp-a class="hydrated" num="1" s-id="1">
3030
<!--r.1-->
3131
<!--t.1.0.0.0-->
3232
101
@@ -44,7 +44,7 @@ describe('hydrate prop types', () => {
4444
expect(clientHydrated.root['s-cr']['s-cn']).toBe(true);
4545

4646
expect(clientHydrated.root).toEqualHtml(`
47-
<cmp-a num="1">
47+
<cmp-a class="hydrated" num="1">
4848
<!--r.1-->
4949
101
5050
</cmp-a>

‎src/runtime/test/hydrate-shadow-child.spec.tsx‎

Lines changed: 32 additions & 32 deletions
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,7 @@ describe('hydrate, shadow child', () => {
2222
hydrateServerSide: true
2323
});
2424
expect(serverHydrated.root).toEqualHtml(`
25-
<cmp-a s-id="1">
25+
<cmp-a class="hydrated" s-id="1">
2626
<!--r.1-->
2727
<p c-id="1.0.0.0">
2828
<!--t.1.1.1.0-->
@@ -40,7 +40,7 @@ describe('hydrate, shadow child', () => {
4040
expect(clientHydrated.root['s-id']).toBe('1');
4141

4242
expect(clientHydrated.root).toEqualHtml(`
43-
<cmp-a>
43+
<cmp-a class="hydrated">
4444
<mock:shadow-root>
4545
<p>
4646
Hello
@@ -78,9 +78,9 @@ describe('hydrate, shadow child', () => {
7878
hydrateServerSide: true
7979
});
8080
expect(serverHydrated.root).toEqualHtml(`
81-
<cmp-a s-id="1">
81+
<cmp-a class="hydrated" s-id="1">
8282
<!--r.1-->
83-
<cmp-b c-id="1.0.0.0" s-id="2">
83+
<cmp-b class="hydrated" c-id="1.0.0.0" s-id="2">
8484
<!--r.2-->
8585
<!--o.1.1-->
8686
<!--s.2.0.0.0.-->
@@ -98,9 +98,9 @@ describe('hydrate, shadow child', () => {
9898
});
9999

100100
expect(clientHydrated.root).toEqualHtml(`
101-
<cmp-a>
101+
<cmp-a class="hydrated">
102102
<!--r.1-->
103-
<cmp-b>
103+
<cmp-b class="hydrated">
104104
<mock:shadow-root>
105105
<slot></slot>
106106
</mock:shadow-root>
@@ -140,9 +140,9 @@ describe('hydrate, shadow child', () => {
140140
hydrateServerSide: true
141141
});
142142
expect(serverHydrated.root).toEqualHtml(`
143-
<cmp-a s-id="1">
143+
<cmp-a class="hydrated" s-id="1">
144144
<!--r.1-->
145-
<cmp-b c-id="1.0.0.0" s-id="2">
145+
<cmp-b class="hydrated" c-id="1.0.0.0" s-id="2">
146146
<!--r.2-->
147147
<header c-id="2.0.0.0"></header>
148148
<!--s.2.1.0.1.-->
@@ -158,9 +158,9 @@ describe('hydrate, shadow child', () => {
158158
});
159159

160160
expect(clientHydrated.root).toEqualHtml(`
161-
<cmp-a>
161+
<cmp-a class="hydrated">
162162
<!--r.1-->
163-
<cmp-b>
163+
<cmp-b class="hydrated">
164164
<mock:shadow-root>
165165
<header></header>
166166
<slot></slot>
@@ -199,9 +199,9 @@ describe('hydrate, shadow child', () => {
199199
hydrateServerSide: true
200200
});
201201
expect(serverHydrated.root).toEqualHtml(`
202-
<cmp-a s-id="1">
202+
<cmp-a class="hydrated" s-id="1">
203203
<!--r.1-->
204-
<cmp-b c-id="1.0.0.0" s-id="2">
204+
<cmp-b class="hydrated" c-id="1.0.0.0" s-id="2">
205205
<!--r.2-->
206206
<!--t.2.0.0.0-->
207207
shadow-header
@@ -218,9 +218,9 @@ describe('hydrate, shadow child', () => {
218218
});
219219

220220
expect(clientHydrated.root).toEqualHtml(`
221-
<cmp-a>
221+
<cmp-a class="hydrated">
222222
<!--r.1-->
223-
<cmp-b>
223+
<cmp-b class="hydrated">
224224
<mock:shadow-root>
225225
shadow-header
226226
<slot></slot>
@@ -259,9 +259,9 @@ describe('hydrate, shadow child', () => {
259259
hydrateServerSide: true
260260
});
261261
expect(serverHydrated.root).toEqualHtml(`
262-
<cmp-a s-id="1">
262+
<cmp-a class="hydrated" s-id="1">
263263
<!--r.1-->
264-
<cmp-b c-id="1.0.0.0" s-id="2">
264+
<cmp-b class="hydrated" c-id="1.0.0.0" s-id="2">
265265
<!--r.2-->
266266
<!--o.1.1-->
267267
<header c-id="2.0.0.0"></header>
@@ -280,9 +280,9 @@ describe('hydrate, shadow child', () => {
280280
});
281281

282282
expect(clientHydrated.root).toEqualHtml(`
283-
<cmp-a>
283+
<cmp-a class="hydrated">
284284
<!--r.1-->
285-
<cmp-b>
285+
<cmp-b class="hydrated">
286286
<mock:shadow-root>
287287
<header></header>
288288
<slot></slot>
@@ -323,9 +323,9 @@ describe('hydrate, shadow child', () => {
323323
hydrateServerSide: true
324324
});
325325
expect(serverHydrated.root).toEqualHtml(`
326-
<cmp-a s-id="1">
326+
<cmp-a class="hydrated" s-id="1">
327327
<!--r.1-->
328-
<cmp-b c-id="1.0.0.0" s-id="2">
328+
<cmp-b class="hydrated" c-id="1.0.0.0" s-id="2">
329329
<!--r.2-->
330330
<!--t.2.0.0.0-->
331331
shadow-header
@@ -345,9 +345,9 @@ describe('hydrate, shadow child', () => {
345345
});
346346

347347
expect(clientHydrated.root).toEqualHtml(`
348-
<cmp-a>
348+
<cmp-a class="hydrated">
349349
<!--r.1-->
350-
<cmp-b>
350+
<cmp-b class="hydrated">
351351
<mock:shadow-root>
352352
shadow-header
353353
<footer>
@@ -389,9 +389,9 @@ describe('hydrate, shadow child', () => {
389389
hydrateServerSide: true
390390
});
391391
expect(serverHydrated.root).toEqualHtml(`
392-
<cmp-a s-id="1">
392+
<cmp-a class="hydrated" s-id="1">
393393
<!--r.1-->
394-
<cmp-b c-id="1.0.0.0" s-id="2">
394+
<cmp-b class="hydrated" c-id="1.0.0.0" s-id="2">
395395
<!--r.2-->
396396
<!--o.1.1-->
397397
<header c-id="2.0.0.0"></header>
@@ -411,9 +411,9 @@ describe('hydrate, shadow child', () => {
411411
});
412412

413413
expect(clientHydrated.root).toEqualHtml(`
414-
<cmp-a>
414+
<cmp-a class="hydrated">
415415
<!--r.1-->
416-
<cmp-b>
416+
<cmp-b class="hydrated">
417417
<mock:shadow-root>
418418
<header></header>
419419
<slot></slot>
@@ -473,17 +473,17 @@ describe('hydrate, shadow child', () => {
473473
hydrateServerSide: true
474474
});
475475
expect(serverHydrated.root).toEqualHtml(`
476-
<cmp-a s-id="1">
476+
<cmp-a class="hydrated" s-id="1">
477477
<!--r.1-->
478-
<cmp-b s-id="2">
478+
<cmp-b class="hydrated" s-id="2">
479479
<!--r.2-->
480480
<!--o.0.1-->
481481
<!--o.0.2-->
482482
<section c-id="2.0.0.0">
483483
<!--s.2.1.1.0.-->
484484
<!--t.0.1-->
485485
cmp-b-top-text
486-
<cmp-c c-id="0.2" s-id="3">
486+
<cmp-c class="hydrated" c-id="0.2" s-id="3">
487487
<!--r.3-->
488488
<article c-id="3.0.0.0">
489489
<!--t.3.1.1.0-->
@@ -503,9 +503,9 @@ describe('hydrate, shadow child', () => {
503503
});
504504

505505
expect(clientHydrated.root).toEqualHtml(`
506-
<cmp-a>
506+
<cmp-a class="hydrated">
507507
<!--r.1-->
508-
<cmp-b>
508+
<cmp-b class="hydrated">
509509
<mock:shadow-root>
510510
<section>
511511
<slot></slot>
@@ -514,7 +514,7 @@ describe('hydrate, shadow child', () => {
514514
<!---->
515515
cmp-b-top-text
516516
<!---->
517-
<cmp-c>
517+
<cmp-c class="hydrated">
518518
<mock:shadow-root>
519519
<article>
520520
cmp-c

0 commit comments

Comments
 (0)