@newskit-render/core 1.54.0 → 1.66.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (44) hide show
  1. package/CHANGELOG.md +291 -0
  2. package/__pacts__/spec/newskitApi.consumer.pact.ts +19 -32
  3. package/__tests__/pages/[articleSlug].test.tsx +6 -8
  4. package/__tests__/pages/__snapshots__/brightcove.test.tsx.snap +20 -0
  5. package/__tests__/pages/__snapshots__/home.test.tsx.snap +139 -139
  6. package/__tests__/pages/brightcove.test.tsx +34 -0
  7. package/__tests__/pages/home.test.tsx +22 -18
  8. package/__tests__/pages/mocks.ts +29 -0
  9. package/__tests__/pages/relatedArticles.test.tsx +76 -0
  10. package/components/article/RelatedArticles.tsx +48 -55
  11. package/components/article/__tests__/__snapshots__/index.test.tsx.snap +305 -308
  12. package/components/article/__tests__/index.test.tsx +46 -2
  13. package/components/article/index.tsx +28 -15
  14. package/components/footer/__snapshots__/index.test.tsx.snap +29 -29
  15. package/components/section/layouts/Rows.tsx +36 -17
  16. package/components/section/layouts/__tests__/Rows.test.tsx +12 -0
  17. package/components/section/layouts/__tests__/__snapshots__/Lead.test.tsx.snap +17 -17
  18. package/components/section/layouts/__tests__/__snapshots__/SectionTitle.test.tsx.snap +23 -23
  19. package/components/section/layouts/types.ts +3 -0
  20. package/config/index.ts +85 -0
  21. package/constants/index.ts +3 -1
  22. package/cypress/e2e/account/accessibility.spec.js +14 -17
  23. package/helpers/logger.ts +3 -1
  24. package/helpers/mocks/articleMock.ts +1 -1
  25. package/helpers/mocks/getUniversalArticleMock.ts +13 -0
  26. package/infrastructure/helm/values-dev.yaml +1 -1
  27. package/infrastructure/helm/values-pr.yaml +1 -1
  28. package/infrastructure/helm/values-prod.yaml +1 -1
  29. package/jest.config.js +1 -0
  30. package/package.json +11 -11
  31. package/pages/[section]/[articleId]/[articleSlug].tsx +9 -4
  32. package/pages/[section]/[articleId]/relatedArticles.tsx +85 -0
  33. package/pages/_app.tsx +5 -3
  34. package/pages/_document.tsx +17 -18
  35. package/pages/api/auth/[...nextauth].ts +2 -3
  36. package/pages/api/feed.ts +3 -5
  37. package/pages/api/news-sitemap.ts +4 -6
  38. package/pages/api/sitemap.ts +10 -7
  39. package/pages/index.tsx +1 -0
  40. package/pages/player/brightcove.tsx +19 -0
  41. package/pages/preview/[articleId]/version/[versionId]/index.tsx +9 -4
  42. package/queries/getRadioPosts.ts +1 -1
  43. package/queries/getUniversalArticle.ts +13 -0
  44. package/temp/header.tsx +7 -0
package/components/article/__tests__/__snapshots__/index.test.tsx.snap CHANGED
@@ -17,15 +17,15 @@ exports[`Article should render tile and sub title 1`] = `
17
17
  data-testid="PageLayout"
18
18
  >
19
19
  <div
20
- class="css-5zodda"
20
+ class="css-jl4h98"
21
21
  >
22
22
  <a
23
23
  aria-label="Logo Link"
24
- class="css-71f8au"
24
+ class="css-e43kyg"
25
25
  href="/"
26
26
  >
27
27
  <span
28
- class="css-7eo7xt"
28
+ class="css-17x5lw"
29
29
  >
30
30
  <div
31
31
  class="css-1nlep1q"
@@ -88,7 +88,7 @@ exports[`Article should render tile and sub title 1`] = `
88
88
  </span>
89
89
  </a>
90
90
  <div
91
- class="css-1d6ks21"
91
+ class="css-12mm2yp"
92
92
  >
93
93
  <div
94
94
  class="css-1q7p9do"
@@ -99,18 +99,18 @@ exports[`Article should render tile and sub title 1`] = `
99
99
  data-testid="Navigation"
100
100
  >
101
101
  <span
102
- class="css-nch37y"
102
+ class="css-10bwu4j"
103
103
  >
104
104
  <a
105
105
  aria-label="Section One Link"
106
- class="css-71f8au"
106
+ class="css-e43kyg"
107
107
  href="/section-one"
108
108
  >
109
109
  <span
110
- class="css-7eo7xt"
110
+ class="css-17x5lw"
111
111
  >
112
112
  <span
113
- class="css-b741cy"
113
+ class="css-kxo08d"
114
114
  >
115
115
  Section One
116
116
  </span>
@@ -118,18 +118,18 @@ exports[`Article should render tile and sub title 1`] = `
118
118
  </a>
119
119
  </span>
120
120
  <span
121
- class="css-nch37y"
121
+ class="css-10bwu4j"
122
122
  >
123
123
  <a
124
124
  aria-label="Section Two Link"
125
- class="css-71f8au"
125
+ class="css-e43kyg"
126
126
  href="/section-two"
127
127
  >
128
128
  <span
129
- class="css-7eo7xt"
129
+ class="css-17x5lw"
130
130
  >
131
131
  <span
132
- class="css-b741cy"
132
+ class="css-kxo08d"
133
133
  >
134
134
  Section Two
135
135
  </span>
@@ -137,18 +137,18 @@ exports[`Article should render tile and sub title 1`] = `
137
137
  </a>
138
138
  </span>
139
139
  <span
140
- class="css-nch37y"
140
+ class="css-10bwu4j"
141
141
  >
142
142
  <a
143
143
  aria-label="Section Three Link"
144
- class="css-71f8au"
144
+ class="css-e43kyg"
145
145
  href="/section-three"
146
146
  >
147
147
  <span
148
- class="css-7eo7xt"
148
+ class="css-17x5lw"
149
149
  >
150
150
  <span
151
- class="css-b741cy"
151
+ class="css-kxo08d"
152
152
  >
153
153
  Section Three
154
154
  </span>
@@ -161,12 +161,12 @@ exports[`Article should render tile and sub title 1`] = `
161
161
  class="css-1k3e0au"
162
162
  >
163
163
  <div
164
- class="css-ecgvh"
164
+ class="css-qzhw9i"
165
165
  >
166
166
  <svg
167
167
  aria-hidden="true"
168
168
  aria-label="Mobile Menu Button"
169
- class="css-9dd1dr-EmotionIconBase ex0cdmw0"
169
+ class="css-yyp9n-EmotionIconBase ex0cdmw0"
170
170
  data-testid="mobile-menu-btn"
171
171
  fill="currentColor"
172
172
  focusable="false"
@@ -206,7 +206,7 @@ exports[`Article should render tile and sub title 1`] = `
206
206
  data-testid="PageLayout"
207
207
  >
208
208
  <div
209
- class="css-1fizrom"
209
+ class="css-ywgq8m"
210
210
  />
211
211
  </div>
212
212
  <div
@@ -214,7 +214,7 @@ exports[`Article should render tile and sub title 1`] = `
214
214
  data-testid="PageLayout"
215
215
  >
216
216
  <div
217
- class="css-q8gelu"
217
+ class="css-16in0m0"
218
218
  data-testid="HeadLine"
219
219
  >
220
220
  <section
@@ -228,7 +228,7 @@ exports[`Article should render tile and sub title 1`] = `
228
228
  </section>
229
229
  </div>
230
230
  <div
231
- class="css-idfkwh"
231
+ class="css-gxh9kv"
232
232
  data-testid="Kicker"
233
233
  >
234
234
  <section
@@ -242,41 +242,41 @@ exports[`Article should render tile and sub title 1`] = `
242
242
  </section>
243
243
  </div>
244
244
  <div
245
- class="css-2b5u83"
245
+ class="css-1wffvjk"
246
246
  >
247
247
  <div
248
248
  class="css-1k3e0au"
249
249
  >
250
250
  <div
251
- class="css-1ppuxwp"
251
+ class="css-1fmioha"
252
252
  >
253
253
  <div
254
- class="css-151qm6o"
254
+ class="css-30qa7x"
255
255
  >
256
256
  <div
257
- class="css-u4uevr"
257
+ class="css-1jjwo6p"
258
258
  >
259
259
  <div
260
260
  class="css-1penzzz"
261
261
  >
262
262
  <span
263
- class="css-iwghfi"
263
+ class="css-1p5w9xw"
264
264
  >
265
265
  <a
266
266
  aria-label="more by John Smith"
267
- class="css-1qy53qr"
267
+ class="css-14yas4a"
268
268
  data-author="John Smith"
269
269
  href="https://www.newskit.co.uk/components/navigation/link"
270
270
  rel="author"
271
271
  >
272
272
  <span
273
- class="css-lmlygy"
273
+ class="css-pqzzby"
274
274
  >
275
275
  <span
276
276
  class="css-14dqn90"
277
277
  >
278
278
  <span
279
- class="css-1aaw8tt"
279
+ class="css-muj8w6"
280
280
  >
281
281
  John Smith
282
282
  </span>
@@ -285,7 +285,7 @@ exports[`Article should render tile and sub title 1`] = `
285
285
  class="css-14dqn90"
286
286
  >
287
287
  <svg
288
- class="css-1wvnngw-EmotionIconBase ex0cdmw0"
288
+ class="css-19fc6y7-EmotionIconBase ex0cdmw0"
289
289
  fill="currentColor"
290
290
  focusable="false"
291
291
  role="img"
@@ -308,7 +308,7 @@ exports[`Article should render tile and sub title 1`] = `
308
308
  </a>
309
309
  <span
310
310
  aria-hidden="true"
311
- class="css-iwghfi"
311
+ class="css-1p5w9xw"
312
312
  >
313
313
  , 
314
314
  </span>
@@ -317,11 +317,13 @@ exports[`Article should render tile and sub title 1`] = `
317
317
  </div>
318
318
  </div>
319
319
  <div
320
- class="css-151qm6o"
320
+ class="css-30qa7x"
321
321
  >
322
- <time>
322
+ <time
323
+ class="css-k9ha2f"
324
+ >
323
325
  <span
324
- class="css-5lez0w"
326
+ class="css-1khiq05"
325
327
  >
326
328
  Thu February 14 2019, 12:37am
327
329
  </span>
@@ -330,31 +332,31 @@ exports[`Article should render tile and sub title 1`] = `
330
332
  </div>
331
333
  </div>
332
334
  <div
333
- class="css-1ppuxwp"
335
+ class="css-1fmioha"
334
336
  >
335
337
  <hr
336
338
  aria-hidden="true"
337
- class="css-1aqwza0"
339
+ class="css-633um5"
338
340
  data-testid="divider"
339
341
  />
340
342
  </div>
341
343
  <div
342
- class="css-q8gelu"
344
+ class="css-16in0m0"
343
345
  >
344
346
  <a
345
- class="css-1wgsrld"
347
+ class="css-1fgc81t"
346
348
  data-testid="buttonLink"
347
349
  href="https://www.newskit.co.uk/"
348
350
  >
349
351
  <div
350
- class="css-17xj1lu"
352
+ class="css-bptyib"
351
353
  >
352
354
  <div
353
355
  class="css-1yztr03"
354
356
  >
355
357
  <svg
356
358
  aria-hidden="true"
357
- class="css-gafy9h-EmotionIconBase ex0cdmw0"
359
+ class="css-tf5kji-EmotionIconBase ex0cdmw0"
358
360
  fill="currentColor"
359
361
  focusable="false"
360
362
  viewBox="0 0 24 24"
@@ -373,7 +375,7 @@ exports[`Article should render tile and sub title 1`] = `
373
375
  class="css-1yztr03"
374
376
  >
375
377
  <span
376
- class="css-k22dit"
378
+ class="css-1v8h4au"
377
379
  >
378
380
  Share
379
381
  </span>
@@ -386,36 +388,36 @@ exports[`Article should render tile and sub title 1`] = `
386
388
  class="css-1nlep1q"
387
389
  >
388
390
  <div
389
- class="css-tv9jan"
391
+ class="css-15zrtsn"
390
392
  data-testid="MetaBox"
391
393
  >
392
394
  <div
393
- class="css-151qm6o"
395
+ class="css-30qa7x"
394
396
  >
395
397
  <div
396
- class="css-u4uevr"
398
+ class="css-1jjwo6p"
397
399
  >
398
400
  <div
399
401
  class="css-1penzzz"
400
402
  >
401
403
  <span
402
- class="css-iwghfi"
404
+ class="css-1p5w9xw"
403
405
  >
404
406
  <a
405
407
  aria-label="more by John Smith"
406
- class="css-1qy53qr"
408
+ class="css-14yas4a"
407
409
  data-author="John Smith"
408
410
  href="https://www.newskit.co.uk/components/navigation/link"
409
411
  rel="author"
410
412
  >
411
413
  <span
412
- class="css-lmlygy"
414
+ class="css-pqzzby"
413
415
  >
414
416
  <span
415
417
  class="css-14dqn90"
416
418
  >
417
419
  <span
418
- class="css-1aaw8tt"
420
+ class="css-muj8w6"
419
421
  >
420
422
  John Smith
421
423
  </span>
@@ -424,7 +426,7 @@ exports[`Article should render tile and sub title 1`] = `
424
426
  class="css-14dqn90"
425
427
  >
426
428
  <svg
427
- class="css-1wvnngw-EmotionIconBase ex0cdmw0"
429
+ class="css-19fc6y7-EmotionIconBase ex0cdmw0"
428
430
  fill="currentColor"
429
431
  focusable="false"
430
432
  role="img"
@@ -447,7 +449,7 @@ exports[`Article should render tile and sub title 1`] = `
447
449
  </a>
448
450
  <span
449
451
  aria-hidden="true"
450
- class="css-iwghfi"
452
+ class="css-1p5w9xw"
451
453
  >
452
454
  , 
453
455
  </span>
@@ -456,11 +458,13 @@ exports[`Article should render tile and sub title 1`] = `
456
458
  </div>
457
459
  </div>
458
460
  <div
459
- class="css-151qm6o"
461
+ class="css-30qa7x"
460
462
  >
461
- <time>
463
+ <time
464
+ class="css-k9ha2f"
465
+ >
462
466
  <span
463
- class="css-5lez0w"
467
+ class="css-1khiq05"
464
468
  >
465
469
  Thu February 14 2019, 12:37am
466
470
  </span>
@@ -471,7 +475,7 @@ exports[`Article should render tile and sub title 1`] = `
471
475
  class="css-1rjn7y8"
472
476
  >
473
477
  <div
474
- class="css-yiywr4"
478
+ class="css-1mvna34"
475
479
  orientation="horizontal"
476
480
  role="region"
477
481
  >
@@ -482,14 +486,14 @@ exports[`Article should render tile and sub title 1`] = `
482
486
  Share
483
487
  </span>
484
488
  <div
485
- class="css-1klizll"
489
+ class="css-18bz6hs"
486
490
  >
487
491
  <div
488
492
  class="css-5ou914"
489
493
  >
490
494
  <svg
491
495
  aria-hidden="true"
492
- class="css-rrygko-EmotionIconBase ex0cdmw0"
496
+ class="css-2blx0a-EmotionIconBase ex0cdmw0"
493
497
  fill="currentColor"
494
498
  focusable="false"
495
499
  viewBox="0 0 24 24"
@@ -509,7 +513,7 @@ exports[`Article should render tile and sub title 1`] = `
509
513
  >
510
514
  <svg
511
515
  aria-hidden="true"
512
- class="css-1da0aqc"
516
+ class="css-144awdp"
513
517
  fill="currentColor"
514
518
  viewBox="0 0 24 24"
515
519
  xmlns="http://www.w3.org/2000/svg"
@@ -525,7 +529,7 @@ exports[`Article should render tile and sub title 1`] = `
525
529
  >
526
530
  <svg
527
531
  aria-hidden="true"
528
- class="css-1da0aqc"
532
+ class="css-144awdp"
529
533
  fill="currentColor"
530
534
  viewBox="0 0 24 24"
531
535
  xmlns="http://www.w3.org/2000/svg"
@@ -541,7 +545,7 @@ exports[`Article should render tile and sub title 1`] = `
541
545
  >
542
546
  <svg
543
547
  aria-hidden="true"
544
- class="css-rrygko-EmotionIconBase ex0cdmw0"
548
+ class="css-2blx0a-EmotionIconBase ex0cdmw0"
545
549
  fill="currentColor"
546
550
  focusable="false"
547
551
  viewBox="0 0 24 24"
@@ -563,7 +567,7 @@ exports[`Article should render tile and sub title 1`] = `
563
567
  </div>
564
568
  </div>
565
569
  <div
566
- class="css-162ql4v"
570
+ class="css-nvrg5u"
567
571
  >
568
572
  <figure
569
573
  class="css-r44k6v"
@@ -583,45 +587,45 @@ exports[`Article should render tile and sub title 1`] = `
583
587
  </figure>
584
588
  </div>
585
589
  <div
586
- class="css-1ifl48z"
590
+ class="css-1vdrff9"
587
591
  data-testid="ArticleContent"
588
592
  >
589
593
  <div
590
- class="css-1ljmsbl"
594
+ class="css-lcu8j4"
591
595
  data-testid="ArticleParagraph"
592
596
  >
593
597
  <p
594
- class="css-1g3t9yj"
598
+ class="css-77jvx4"
595
599
  >
596
600
  paragraph one
597
601
  </p>
598
602
  </div>
599
603
  <div
600
- class="css-1ljmsbl"
604
+ class="css-lcu8j4"
601
605
  data-testid="ArticleParagraph"
602
606
  >
603
607
  <p
604
- class="css-1g3t9yj"
608
+ class="css-77jvx4"
605
609
  >
606
610
  paragraph two
607
611
  </p>
608
612
  </div>
609
613
  <div
610
- class="css-1ljmsbl"
614
+ class="css-lcu8j4"
611
615
  data-testid="ArticleParagraph"
612
616
  >
613
617
  <p
614
- class="css-1g3t9yj"
618
+ class="css-77jvx4"
615
619
  >
616
620
  paragraph three
617
621
  </p>
618
622
  </div>
619
623
  <div
620
- class="css-1ljmsbl"
624
+ class="css-lcu8j4"
621
625
  data-testid="ArticleParagraph"
622
626
  >
623
627
  <p
624
- class="css-1g3t9yj"
628
+ class="css-77jvx4"
625
629
  >
626
630
  paragraph four
627
631
  </p>
@@ -631,31 +635,31 @@ exports[`Article should render tile and sub title 1`] = `
631
635
  class="css-1k3e0au"
632
636
  >
633
637
  <div
634
- class="css-q8gelu"
638
+ class="css-16in0m0"
635
639
  >
636
640
  <hr
637
641
  aria-hidden="true"
638
- class="css-1aqwza0"
642
+ class="css-633um5"
639
643
  data-testid="divider"
640
644
  />
641
645
  </div>
642
646
  <div
643
- class="css-101282f"
647
+ class="css-bmafgm"
644
648
  >
645
649
  <a
646
- class="css-1wgsrld"
650
+ class="css-1fgc81t"
647
651
  data-testid="buttonLink"
648
652
  href="https://www.newskit.co.uk/"
649
653
  >
650
654
  <div
651
- class="css-17xj1lu"
655
+ class="css-bptyib"
652
656
  >
653
657
  <div
654
658
  class="css-1yztr03"
655
659
  >
656
660
  <svg
657
661
  aria-hidden="true"
658
- class="css-gafy9h-EmotionIconBase ex0cdmw0"
662
+ class="css-tf5kji-EmotionIconBase ex0cdmw0"
659
663
  fill="currentColor"
660
664
  focusable="false"
661
665
  viewBox="0 0 24 24"
@@ -674,7 +678,7 @@ exports[`Article should render tile and sub title 1`] = `
674
678
  class="css-1yztr03"
675
679
  >
676
680
  <span
677
- class="css-k22dit"
681
+ class="css-1v8h4au"
678
682
  >
679
683
  Share
680
684
  </span>
@@ -687,25 +691,25 @@ exports[`Article should render tile and sub title 1`] = `
687
691
  class="css-1nlep1q"
688
692
  >
689
693
  <div
690
- class="css-q8gelu"
694
+ class="css-16in0m0"
691
695
  >
692
696
  <hr
693
697
  aria-hidden="true"
694
- class="css-1aqwza0"
698
+ class="css-633um5"
695
699
  data-testid="divider"
696
700
  />
697
701
  </div>
698
702
  <div
699
- class="css-101282f"
703
+ class="css-bmafgm"
700
704
  >
701
705
  <div
702
- class="css-1n4vwuy"
706
+ class="css-1pbg2cs"
703
707
  >
704
708
  <div
705
709
  class="css-xnj4zj"
706
710
  >
707
711
  <div
708
- class="css-yiywr4"
712
+ class="css-1mvna34"
709
713
  orientation="horizontal"
710
714
  role="region"
711
715
  >
@@ -716,14 +720,14 @@ exports[`Article should render tile and sub title 1`] = `
716
720
  Share
717
721
  </span>
718
722
  <div
719
- class="css-1klizll"
723
+ class="css-18bz6hs"
720
724
  >
721
725
  <div
722
726
  class="css-5ou914"
723
727
  >
724
728
  <svg
725
729
  aria-hidden="true"
726
- class="css-rrygko-EmotionIconBase ex0cdmw0"
730
+ class="css-2blx0a-EmotionIconBase ex0cdmw0"
727
731
  fill="currentColor"
728
732
  focusable="false"
729
733
  viewBox="0 0 24 24"
@@ -743,7 +747,7 @@ exports[`Article should render tile and sub title 1`] = `
743
747
  >
744
748
  <svg
745
749
  aria-hidden="true"
746
- class="css-1da0aqc"
750
+ class="css-144awdp"
747
751
  fill="currentColor"
748
752
  viewBox="0 0 24 24"
749
753
  xmlns="http://www.w3.org/2000/svg"
@@ -759,7 +763,7 @@ exports[`Article should render tile and sub title 1`] = `
759
763
  >
760
764
  <svg
761
765
  aria-hidden="true"
762
- class="css-1da0aqc"
766
+ class="css-144awdp"
763
767
  fill="currentColor"
764
768
  viewBox="0 0 24 24"
765
769
  xmlns="http://www.w3.org/2000/svg"
@@ -775,7 +779,7 @@ exports[`Article should render tile and sub title 1`] = `
775
779
  >
776
780
  <svg
777
781
  aria-hidden="true"
778
- class="css-rrygko-EmotionIconBase ex0cdmw0"
782
+ class="css-2blx0a-EmotionIconBase ex0cdmw0"
779
783
  fill="currentColor"
780
784
  focusable="false"
781
785
  viewBox="0 0 24 24"
@@ -797,10 +801,10 @@ exports[`Article should render tile and sub title 1`] = `
797
801
  </div>
798
802
  </div>
799
803
  <div
800
- class="css-151qm6o"
804
+ class="css-30qa7x"
801
805
  >
802
806
  <div
803
- class="css-q8gelu"
807
+ class="css-16in0m0"
804
808
  >
805
809
  <section
806
810
  class="css-qv96ce"
@@ -813,30 +817,30 @@ exports[`Article should render tile and sub title 1`] = `
813
817
  </section>
814
818
  </div>
815
819
  <div
816
- class="css-1r3hoet"
820
+ class="css-38y4ob"
817
821
  >
818
822
  <div
819
- class="css-1sf3m7m"
823
+ class="css-mdhsjw"
820
824
  data-testid="RelatedTopics"
821
825
  >
822
826
  <div
823
827
  class="css-1jnyopt"
824
828
  >
825
829
  <div
826
- class="css-1gojmfd"
830
+ class="css-14xhfxi"
827
831
  >
828
832
  <div
829
- class="css-1qpsdoo"
833
+ class="css-1oe1rpd"
830
834
  data-testid="tag"
831
835
  >
832
836
  <div
833
- class="css-1v5gk4t"
837
+ class="css-m556v"
834
838
  >
835
839
  <div
836
840
  class="css-14dqn90"
837
841
  >
838
842
  <span
839
- class="css-2hmyi9"
843
+ class="css-1erkh45"
840
844
  >
841
845
  Some topic one
842
846
  </span>
@@ -849,20 +853,20 @@ exports[`Article should render tile and sub title 1`] = `
849
853
  class="css-1jnyopt"
850
854
  >
851
855
  <div
852
- class="css-1gojmfd"
856
+ class="css-14xhfxi"
853
857
  >
854
858
  <div
855
- class="css-1qpsdoo"
859
+ class="css-1oe1rpd"
856
860
  data-testid="tag"
857
861
  >
858
862
  <div
859
- class="css-1v5gk4t"
863
+ class="css-m556v"
860
864
  >
861
865
  <div
862
866
  class="css-14dqn90"
863
867
  >
864
868
  <span
865
- class="css-2hmyi9"
869
+ class="css-1erkh45"
866
870
  >
867
871
  Some topic one
868
872
  </span>
@@ -874,11 +878,11 @@ exports[`Article should render tile and sub title 1`] = `
874
878
  </div>
875
879
  </div>
876
880
  <div
877
- class="css-idfkwh"
881
+ class="css-gxh9kv"
878
882
  >
879
883
  <hr
880
884
  aria-hidden="true"
881
- class="css-1aqwza0"
885
+ class="css-633um5"
882
886
  data-testid="divider"
883
887
  />
884
888
  </div>
@@ -889,7 +893,7 @@ exports[`Article should render tile and sub title 1`] = `
889
893
  data-testid="PageLayout"
890
894
  >
891
895
  <div
892
- class="css-bixr8l"
896
+ class="css-ezeoqu"
893
897
  data-testid="Ads"
894
898
  >
895
899
  <div
@@ -898,11 +902,11 @@ exports[`Article should render tile and sub title 1`] = `
898
902
  />
899
903
  </div>
900
904
  <div
901
- class="css-1r3hoet"
905
+ class="css-38y4ob"
902
906
  data-testid="Highlights"
903
907
  >
904
908
  <div
905
- class="css-1r3hoet"
909
+ class="css-38y4ob"
906
910
  >
907
911
  <div
908
912
  class="css-1ujq44n"
@@ -921,10 +925,10 @@ exports[`Article should render tile and sub title 1`] = `
921
925
  class="css-1uo5aiw"
922
926
  >
923
927
  <div
924
- class="css-rkp1z9"
928
+ class="css-ar93hv"
925
929
  >
926
930
  <div
927
- class="css-1tdjaxu"
931
+ class="css-krscqv"
928
932
  >
929
933
  <section
930
934
  class="css-r3v25s"
@@ -940,18 +944,18 @@ exports[`Article should render tile and sub title 1`] = `
940
944
  class="css-1h0bvuz"
941
945
  >
942
946
  <a
943
- class="css-y6f0jc"
947
+ class="css-1jv78aa"
944
948
  data-testid="buttonLink"
945
949
  href="/"
946
950
  >
947
951
  <div
948
- class="css-17xj1lu"
952
+ class="css-bptyib"
949
953
  >
950
954
  <div
951
955
  class="css-1yztr03"
952
956
  >
953
957
  <span
954
- class="css-72tcch"
958
+ class="css-3kpoql"
955
959
  >
956
960
  View all
957
961
  </span>
@@ -961,7 +965,7 @@ exports[`Article should render tile and sub title 1`] = `
961
965
  >
962
966
  <svg
963
967
  aria-hidden="true"
964
- class="css-xi2rbi-EmotionIconBase ex0cdmw0"
968
+ class="css-by9y3d-EmotionIconBase ex0cdmw0"
965
969
  fill="currentColor"
966
970
  focusable="false"
967
971
  viewBox="0 0 24 24"
@@ -983,7 +987,7 @@ exports[`Article should render tile and sub title 1`] = `
983
987
  </div>
984
988
  </div>
985
989
  <div
986
- class="css-1gojmfd"
990
+ class="css-14xhfxi"
987
991
  >
988
992
  <div
989
993
  class="css-8atxkm"
@@ -995,14 +999,14 @@ exports[`Article should render tile and sub title 1`] = `
995
999
  class="css-3jmwfs"
996
1000
  >
997
1001
  <div
998
- class="css-1gojmfd"
1002
+ class="css-14xhfxi"
999
1003
  data-testid="HighlightsHorizontalCard"
1000
1004
  >
1001
1005
  <div
1002
- class="css-51dsvu"
1006
+ class="css-6c0oh5"
1003
1007
  >
1004
1008
  <div
1005
- class="css-1awrwca"
1009
+ class="css-14avdtw"
1006
1010
  >
1007
1011
  <picture
1008
1012
  class="css-1a8w4l6"
@@ -1021,7 +1025,7 @@ exports[`Article should render tile and sub title 1`] = `
1021
1025
  class="css-1r2lt0d"
1022
1026
  >
1023
1027
  <div
1024
- class="css-bw3bp5"
1028
+ class="css-h6wt93"
1025
1029
  >
1026
1030
  <a
1027
1031
  class="nk-card-link css-1cq1vxv"
@@ -1046,14 +1050,14 @@ exports[`Article should render tile and sub title 1`] = `
1046
1050
  class="css-3jmwfs"
1047
1051
  >
1048
1052
  <div
1049
- class="css-1gojmfd"
1053
+ class="css-14xhfxi"
1050
1054
  data-testid="HighlightsHorizontalCard"
1051
1055
  >
1052
1056
  <div
1053
- class="css-51dsvu"
1057
+ class="css-6c0oh5"
1054
1058
  >
1055
1059
  <div
1056
- class="css-1awrwca"
1060
+ class="css-14avdtw"
1057
1061
  >
1058
1062
  <picture
1059
1063
  class="css-1a8w4l6"
@@ -1072,7 +1076,7 @@ exports[`Article should render tile and sub title 1`] = `
1072
1076
  class="css-1r2lt0d"
1073
1077
  >
1074
1078
  <div
1075
- class="css-bw3bp5"
1079
+ class="css-h6wt93"
1076
1080
  >
1077
1081
  <a
1078
1082
  class="nk-card-link css-1cq1vxv"
@@ -1101,28 +1105,28 @@ exports[`Article should render tile and sub title 1`] = `
1101
1105
  >
1102
1106
  <hr
1103
1107
  aria-hidden="true"
1104
- class="css-1aqwza0"
1108
+ class="css-633um5"
1105
1109
  data-testid="divider"
1106
1110
  />
1107
1111
  <div
1108
- class="css-uz8772"
1112
+ class="css-1c2ypzx"
1109
1113
  >
1110
1114
  <div
1111
1115
  class="css-le9csr"
1112
1116
  >
1113
1117
  <a
1114
- class="css-y6f0jc"
1118
+ class="css-1jv78aa"
1115
1119
  data-testid="buttonLink"
1116
1120
  href="/"
1117
1121
  >
1118
1122
  <div
1119
- class="css-17xj1lu"
1123
+ class="css-bptyib"
1120
1124
  >
1121
1125
  <div
1122
1126
  class="css-1yztr03"
1123
1127
  >
1124
1128
  <span
1125
- class="css-72tcch"
1129
+ class="css-3kpoql"
1126
1130
  >
1127
1131
  View all
1128
1132
  </span>
@@ -1132,7 +1136,7 @@ exports[`Article should render tile and sub title 1`] = `
1132
1136
  >
1133
1137
  <svg
1134
1138
  aria-hidden="true"
1135
- class="css-xi2rbi-EmotionIconBase ex0cdmw0"
1139
+ class="css-by9y3d-EmotionIconBase ex0cdmw0"
1136
1140
  fill="currentColor"
1137
1141
  focusable="false"
1138
1142
  viewBox="0 0 24 24"
@@ -1152,7 +1156,7 @@ exports[`Article should render tile and sub title 1`] = `
1152
1156
  </div>
1153
1157
  <hr
1154
1158
  aria-hidden="true"
1155
- class="css-1aqwza0"
1159
+ class="css-633um5"
1156
1160
  data-testid="divider"
1157
1161
  />
1158
1162
  </div>
@@ -1168,17 +1172,17 @@ exports[`Article should render tile and sub title 1`] = `
1168
1172
  data-testid="PageLayout"
1169
1173
  >
1170
1174
  <div
1171
- class="css-151qm6o"
1175
+ class="css-30qa7x"
1172
1176
  data-testid="RelatedArticles"
1173
1177
  >
1174
1178
  <div
1175
- class="css-idfkwh"
1179
+ class="css-gxh9kv"
1176
1180
  >
1177
1181
  <div
1178
- class="css-rkp1z9"
1182
+ class="css-ar93hv"
1179
1183
  >
1180
1184
  <div
1181
- class="css-1tdjaxu"
1185
+ class="css-krscqv"
1182
1186
  >
1183
1187
  <section
1184
1188
  class="css-148i9wz"
@@ -1194,18 +1198,18 @@ exports[`Article should render tile and sub title 1`] = `
1194
1198
  class="css-1h0bvuz"
1195
1199
  >
1196
1200
  <a
1197
- class="css-y6f0jc"
1201
+ class="css-1jv78aa"
1198
1202
  data-testid="buttonLink"
1199
- href="/"
1203
+ href="/relatedArticles"
1200
1204
  >
1201
1205
  <div
1202
- class="css-17xj1lu"
1206
+ class="css-bptyib"
1203
1207
  >
1204
1208
  <div
1205
1209
  class="css-1yztr03"
1206
1210
  >
1207
1211
  <span
1208
- class="css-72tcch"
1212
+ class="css-3kpoql"
1209
1213
  >
1210
1214
  View all
1211
1215
  </span>
@@ -1215,7 +1219,7 @@ exports[`Article should render tile and sub title 1`] = `
1215
1219
  >
1216
1220
  <svg
1217
1221
  aria-hidden="true"
1218
- class="css-xi2rbi-EmotionIconBase ex0cdmw0"
1222
+ class="css-by9y3d-EmotionIconBase ex0cdmw0"
1219
1223
  fill="currentColor"
1220
1224
  focusable="false"
1221
1225
  viewBox="0 0 24 24"
@@ -1236,204 +1240,197 @@ exports[`Article should render tile and sub title 1`] = `
1236
1240
  </div>
1237
1241
  </div>
1238
1242
  <div
1239
- class="css-8atxkm"
1243
+ class="css-34i7av"
1244
+ data-testid="RelatedArticlesVerticalCard"
1240
1245
  >
1241
1246
  <div
1242
- class="css-1ji12ea"
1247
+ class="css-16in0m0"
1248
+ data-testid="articleRec-0"
1243
1249
  >
1244
1250
  <div
1245
- class="css-1iblf0o"
1246
- data-testid="RelatedArticlesVerticalCard"
1251
+ class="css-1opc7jp"
1247
1252
  >
1248
1253
  <div
1249
- class="css-syq769"
1254
+ class="css-b5xivb"
1250
1255
  >
1251
- <div
1252
- class="css-o2ha8s"
1256
+ <picture
1257
+ class="css-1t36qhh"
1253
1258
  >
1254
- <picture
1255
- class="css-1t36qhh"
1256
- >
1257
- <div
1258
- class="css-5pczz7"
1259
- />
1260
- <img
1261
- alt="Prince Harry"
1262
- class="css-1qgqq71"
1263
- src="https://plchldr.co/i/70x50"
1264
- />
1265
- </picture>
1266
- </div>
1259
+ <div
1260
+ class="css-5pczz7"
1261
+ />
1262
+ <img
1263
+ alt="Prince Harry"
1264
+ class="css-1qgqq71"
1265
+ src="https://plchldr.co/i/70x50"
1266
+ />
1267
+ </picture>
1268
+ </div>
1269
+ <div
1270
+ class="css-1shocxe"
1271
+ >
1267
1272
  <div
1268
- class="css-1shocxe"
1273
+ class="css-u3mic"
1269
1274
  >
1270
1275
  <div
1271
- class="css-1a2irou"
1276
+ class="css-38y4ob"
1272
1277
  >
1273
1278
  <div
1274
- class="css-1r3hoet"
1279
+ class="css-1vjcmlt"
1275
1280
  >
1276
- <div
1277
- class="css-15nllf9"
1281
+ <a
1282
+ class="nk-card-link css-1cq1vxv"
1283
+ href="https://newskit-render.ceng-dev.newsuk.tech"
1278
1284
  >
1279
- <a
1280
- class="nk-card-link css-1cq1vxv"
1281
- href="https://newskit-render.ceng-dev.newsuk.tech"
1285
+ <section
1286
+ class="css-zs57uu"
1282
1287
  >
1283
- <section
1284
- class="css-zs57uu"
1288
+ <h6
1289
+ class="nk-headline-heading css-10swdqn"
1285
1290
  >
1286
- <h6
1287
- class="nk-headline-heading css-10swdqn"
1288
- >
1289
- Prince Harry
1290
- </h6>
1291
- </section>
1292
- </a>
1293
- </div>
1294
- <div
1295
- class="css-15nllf9"
1291
+ Prince Harry
1292
+ </h6>
1293
+ </section>
1294
+ </a>
1295
+ </div>
1296
+ <div
1297
+ class="css-1vjcmlt"
1298
+ >
1299
+ <p
1300
+ class="css-14u46jx"
1296
1301
  >
1297
- <p
1298
- class="css-1t9lxz1"
1299
- >
1300
- news
1301
- </p>
1302
- </div>
1302
+ news
1303
+ </p>
1303
1304
  </div>
1304
1305
  </div>
1305
1306
  </div>
1306
1307
  </div>
1307
1308
  </div>
1309
+ </div>
1310
+ <div
1311
+ class="css-16in0m0"
1312
+ data-testid="articleRec-1"
1313
+ >
1308
1314
  <div
1309
- class="css-1iblf0o"
1310
- data-testid="RelatedArticlesVerticalCard"
1315
+ class="css-1opc7jp"
1311
1316
  >
1312
1317
  <div
1313
- class="css-syq769"
1318
+ class="css-b5xivb"
1314
1319
  >
1315
- <div
1316
- class="css-o2ha8s"
1320
+ <picture
1321
+ class="css-1t36qhh"
1317
1322
  >
1318
- <picture
1319
- class="css-1t36qhh"
1320
- >
1321
- <div
1322
- class="css-5pczz7"
1323
- />
1324
- <img
1325
- alt="Meghan Markle"
1326
- class="css-1qgqq71"
1327
- src="https://plchldr.co/i/70x50"
1328
- />
1329
- </picture>
1330
- </div>
1323
+ <div
1324
+ class="css-5pczz7"
1325
+ />
1326
+ <img
1327
+ alt="Meghan Markle"
1328
+ class="css-1qgqq71"
1329
+ src="https://plchldr.co/i/70x50"
1330
+ />
1331
+ </picture>
1332
+ </div>
1333
+ <div
1334
+ class="css-1shocxe"
1335
+ >
1331
1336
  <div
1332
- class="css-1shocxe"
1337
+ class="css-u3mic"
1333
1338
  >
1334
1339
  <div
1335
- class="css-1a2irou"
1340
+ class="css-38y4ob"
1336
1341
  >
1337
1342
  <div
1338
- class="css-1r3hoet"
1343
+ class="css-1vjcmlt"
1339
1344
  >
1340
- <div
1341
- class="css-15nllf9"
1345
+ <a
1346
+ class="nk-card-link css-1cq1vxv"
1347
+ href="https://newskit-render.ceng-dev.newsuk.tech"
1342
1348
  >
1343
- <a
1344
- class="nk-card-link css-1cq1vxv"
1345
- href="https://newskit-render.ceng-dev.newsuk.tech"
1349
+ <section
1350
+ class="css-zs57uu"
1346
1351
  >
1347
- <section
1348
- class="css-zs57uu"
1352
+ <h6
1353
+ class="nk-headline-heading css-10swdqn"
1349
1354
  >
1350
- <h6
1351
- class="nk-headline-heading css-10swdqn"
1352
- >
1353
- Meghan Markle
1354
- </h6>
1355
- </section>
1356
- </a>
1357
- </div>
1358
- <div
1359
- class="css-15nllf9"
1355
+ Meghan Markle
1356
+ </h6>
1357
+ </section>
1358
+ </a>
1359
+ </div>
1360
+ <div
1361
+ class="css-1vjcmlt"
1362
+ >
1363
+ <p
1364
+ class="css-14u46jx"
1360
1365
  >
1361
- <p
1362
- class="css-1t9lxz1"
1363
- >
1364
- news
1365
- </p>
1366
- </div>
1366
+ news
1367
+ </p>
1367
1368
  </div>
1368
1369
  </div>
1369
1370
  </div>
1370
1371
  </div>
1371
1372
  </div>
1373
+ </div>
1374
+ </div>
1375
+ <div
1376
+ class="css-75g92e"
1377
+ >
1378
+ <hr
1379
+ aria-hidden="true"
1380
+ class="css-633um5"
1381
+ data-testid="divider"
1382
+ />
1383
+ <div
1384
+ class="css-1c2ypzx"
1385
+ >
1372
1386
  <div
1373
- class="css-6gys8z"
1387
+ class="css-le9csr"
1374
1388
  >
1375
- <div
1376
- class="css-75g92e"
1389
+ <a
1390
+ class="css-1jv78aa"
1391
+ data-testid="buttonLink"
1392
+ href="/relatedArticles"
1377
1393
  >
1378
- <hr
1379
- aria-hidden="true"
1380
- class="css-1aqwza0"
1381
- data-testid="divider"
1382
- />
1383
1394
  <div
1384
- class="css-uz8772"
1395
+ class="css-bptyib"
1385
1396
  >
1386
1397
  <div
1387
- class="css-le9csr"
1398
+ class="css-1yztr03"
1388
1399
  >
1389
- <a
1390
- class="css-y6f0jc"
1391
- data-testid="buttonLink"
1392
- href="/"
1400
+ <span
1401
+ class="css-3kpoql"
1393
1402
  >
1394
- <div
1395
- class="css-17xj1lu"
1396
- >
1397
- <div
1398
- class="css-1yztr03"
1399
- >
1400
- <span
1401
- class="css-72tcch"
1402
- >
1403
- View all
1404
- </span>
1405
- </div>
1406
- <div
1407
- class="css-1yztr03"
1408
- >
1409
- <svg
1410
- aria-hidden="true"
1411
- class="css-xi2rbi-EmotionIconBase ex0cdmw0"
1412
- fill="currentColor"
1413
- focusable="false"
1414
- viewBox="0 0 24 24"
1415
- xmlns="http://www.w3.org/2000/svg"
1416
- >
1417
- <path
1418
- d="M0 0h24v24H0z"
1419
- fill="none"
1420
- />
1421
- <path
1422
- d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"
1423
- />
1424
- </svg>
1425
- </div>
1426
- </div>
1427
- </a>
1403
+ View all
1404
+ </span>
1405
+ </div>
1406
+ <div
1407
+ class="css-1yztr03"
1408
+ >
1409
+ <svg
1410
+ aria-hidden="true"
1411
+ class="css-by9y3d-EmotionIconBase ex0cdmw0"
1412
+ fill="currentColor"
1413
+ focusable="false"
1414
+ viewBox="0 0 24 24"
1415
+ xmlns="http://www.w3.org/2000/svg"
1416
+ >
1417
+ <path
1418
+ d="M0 0h24v24H0z"
1419
+ fill="none"
1420
+ />
1421
+ <path
1422
+ d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"
1423
+ />
1424
+ </svg>
1428
1425
  </div>
1429
- <hr
1430
- aria-hidden="true"
1431
- class="css-1aqwza0"
1432
- data-testid="divider"
1433
- />
1434
1426
  </div>
1435
- </div>
1427
+ </a>
1436
1428
  </div>
1429
+ <hr
1430
+ aria-hidden="true"
1431
+ class="css-633um5"
1432
+ data-testid="divider"
1433
+ />
1437
1434
  </div>
1438
1435
  </div>
1439
1436
  </div>
@@ -1443,7 +1440,7 @@ exports[`Article should render tile and sub title 1`] = `
1443
1440
  data-testid="PageLayout"
1444
1441
  >
1445
1442
  <div
1446
- class="css-ipuk5"
1443
+ class="css-1jnx2t2"
1447
1444
  />
1448
1445
  </div>
1449
1446
  </div>
@@ -1464,7 +1461,7 @@ exports[`Article should render tile and sub title 1`] = `
1464
1461
  data-testid="PageLayout"
1465
1462
  >
1466
1463
  <div
1467
- class="css-1nj1cp8"
1464
+ class="css-a1yn46"
1468
1465
  >
1469
1466
  <svg
1470
1467
  class="css-kgdu16"
@@ -1491,11 +1488,11 @@ exports[`Article should render tile and sub title 1`] = `
1491
1488
  </svg>
1492
1489
  </div>
1493
1490
  <div
1494
- class="css-1nj1cp8"
1491
+ class="css-a1yn46"
1495
1492
  >
1496
1493
  <hr
1497
1494
  aria-hidden="true"
1498
- class="css-ucwznq"
1495
+ class="css-13iiewa"
1499
1496
  data-testid="divider"
1500
1497
  />
1501
1498
  </div>
@@ -1503,18 +1500,18 @@ exports[`Article should render tile and sub title 1`] = `
1503
1500
  class="css-hx18jh"
1504
1501
  >
1505
1502
  <span
1506
- class="css-zkhuqg"
1503
+ class="css-1v0p1qz"
1507
1504
  >
1508
1505
  <a
1509
1506
  aria-label="NavLink One"
1510
- class="css-71f8au"
1507
+ class="css-e43kyg"
1511
1508
  href="/link-one"
1512
1509
  >
1513
1510
  <span
1514
- class="css-7eo7xt"
1511
+ class="css-17x5lw"
1515
1512
  >
1516
1513
  <span
1517
- class="css-b741cy"
1514
+ class="css-kxo08d"
1518
1515
  >
1519
1516
  NavLink One
1520
1517
  </span>
@@ -1522,18 +1519,18 @@ exports[`Article should render tile and sub title 1`] = `
1522
1519
  </a>
1523
1520
  </span>
1524
1521
  <span
1525
- class="css-zkhuqg"
1522
+ class="css-1v0p1qz"
1526
1523
  >
1527
1524
  <a
1528
1525
  aria-label="NavLink Two"
1529
- class="css-71f8au"
1526
+ class="css-e43kyg"
1530
1527
  href="/link-two"
1531
1528
  >
1532
1529
  <span
1533
- class="css-7eo7xt"
1530
+ class="css-17x5lw"
1534
1531
  >
1535
1532
  <span
1536
- class="css-b741cy"
1533
+ class="css-kxo08d"
1537
1534
  >
1538
1535
  NavLink Two
1539
1536
  </span>
@@ -1541,18 +1538,18 @@ exports[`Article should render tile and sub title 1`] = `
1541
1538
  </a>
1542
1539
  </span>
1543
1540
  <span
1544
- class="css-zkhuqg"
1541
+ class="css-1v0p1qz"
1545
1542
  >
1546
1543
  <a
1547
1544
  aria-label="NavLink Three"
1548
- class="css-71f8au"
1545
+ class="css-e43kyg"
1549
1546
  href="/link-three"
1550
1547
  >
1551
1548
  <span
1552
- class="css-7eo7xt"
1549
+ class="css-17x5lw"
1553
1550
  >
1554
1551
  <span
1555
- class="css-b741cy"
1552
+ class="css-kxo08d"
1556
1553
  >
1557
1554
  NavLink Three
1558
1555
  </span>
@@ -1560,18 +1557,18 @@ exports[`Article should render tile and sub title 1`] = `
1560
1557
  </a>
1561
1558
  </span>
1562
1559
  <span
1563
- class="css-zkhuqg"
1560
+ class="css-1v0p1qz"
1564
1561
  >
1565
1562
  <a
1566
1563
  aria-label="NavLink Four"
1567
- class="css-71f8au"
1564
+ class="css-e43kyg"
1568
1565
  href="/link-four"
1569
1566
  >
1570
1567
  <span
1571
- class="css-7eo7xt"
1568
+ class="css-17x5lw"
1572
1569
  >
1573
1570
  <span
1574
- class="css-b741cy"
1571
+ class="css-kxo08d"
1575
1572
  >
1576
1573
  NavLink Four
1577
1574
  </span>
@@ -1579,18 +1576,18 @@ exports[`Article should render tile and sub title 1`] = `
1579
1576
  </a>
1580
1577
  </span>
1581
1578
  <span
1582
- class="css-zkhuqg"
1579
+ class="css-1v0p1qz"
1583
1580
  >
1584
1581
  <a
1585
1582
  aria-label="NavLink Five"
1586
- class="css-71f8au"
1583
+ class="css-e43kyg"
1587
1584
  href="/link-five"
1588
1585
  >
1589
1586
  <span
1590
- class="css-7eo7xt"
1587
+ class="css-17x5lw"
1591
1588
  >
1592
1589
  <span
1593
- class="css-b741cy"
1590
+ class="css-kxo08d"
1594
1591
  >
1595
1592
  NavLink Five
1596
1593
  </span>
@@ -1598,18 +1595,18 @@ exports[`Article should render tile and sub title 1`] = `
1598
1595
  </a>
1599
1596
  </span>
1600
1597
  <span
1601
- class="css-zkhuqg"
1598
+ class="css-1v0p1qz"
1602
1599
  >
1603
1600
  <a
1604
1601
  aria-label="NavLink Six"
1605
- class="css-71f8au"
1602
+ class="css-e43kyg"
1606
1603
  href="/link-six"
1607
1604
  >
1608
1605
  <span
1609
- class="css-7eo7xt"
1606
+ class="css-17x5lw"
1610
1607
  >
1611
1608
  <span
1612
- class="css-b741cy"
1609
+ class="css-kxo08d"
1613
1610
  >
1614
1611
  NavLink Six
1615
1612
  </span>
@@ -1618,11 +1615,11 @@ exports[`Article should render tile and sub title 1`] = `
1618
1615
  </span>
1619
1616
  </div>
1620
1617
  <div
1621
- class="css-1nj1cp8"
1618
+ class="css-a1yn46"
1622
1619
  >
1623
1620
  <hr
1624
1621
  aria-hidden="true"
1625
- class="css-ucwznq"
1622
+ class="css-13iiewa"
1626
1623
  data-testid="divider"
1627
1624
  />
1628
1625
  </div>