@newskit-render/core 1.90.2 → 1.91.0-alpha.1

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 (30) hide show
  1. package/__tests__/pages/__snapshots__/[articleSlug].test.tsx.snap +129 -106
  2. package/__tests__/pages/__snapshots__/brightcove.test.tsx.snap +1 -1
  3. package/__tests__/pages/__snapshots__/home.test.tsx.snap +78 -77
  4. package/__tests__/pages/__snapshots__/relatedArticles.test.tsx.snap +15 -14
  5. package/app-context/InstrumentationContextProvider.tsx +1 -0
  6. package/components/ErrorPage/ErrorPage.tsx +4 -1
  7. package/components/article/Highlights.tsx +1 -3
  8. package/components/article/RelatedArticles.tsx +3 -11
  9. package/components/article/RelatedTopics.tsx +2 -2
  10. package/components/article/ShareBarComponent.tsx +9 -7
  11. package/components/article/__tests__/__snapshots__/index.test.tsx.snap +155 -132
  12. package/components/article/index.tsx +2 -3
  13. package/components/common/ShareButton.tsx +5 -1
  14. package/components/common/ViewMoreButton.tsx +5 -1
  15. package/components/common/icons/IconFilledTwitter.tsx +14 -0
  16. package/components/common/icons/StyledIconFilledChevronRight.tsx +5 -1
  17. package/components/footer/__snapshots__/index.test.tsx.snap +8 -8
  18. package/components/section/layouts/__tests__/__snapshots__/Lead.test.tsx.snap +12 -12
  19. package/components/section/layouts/__tests__/__snapshots__/SectionTitle.test.tsx.snap +15 -12
  20. package/context/multi-tenancy/index.tsx +1 -0
  21. package/cypress/e2e/account/payment-failer.spec.js +3 -0
  22. package/cypress/support/commands.js +4 -1
  23. package/helpers/__tests__/getRecommendation.test.ts +8 -10
  24. package/helpers/mocks/getRecommendationsMock.ts +1 -1
  25. package/jest.config.js +3 -0
  26. package/package.json +27 -22
  27. package/pages/_app.tsx +2 -1
  28. package/pages/_document.tsx +41 -39
  29. package/pages/index.tsx +0 -1
  30. package/pages/preview/[articleId]/version/[versionId]/index.tsx +4 -1
package/__tests__/pages/__snapshots__/[articleSlug].test.tsx.snap CHANGED
@@ -107,10 +107,11 @@ exports[`Recommendation render related article page when data is null page 1`] =
107
107
  <svg
108
108
  aria-hidden="true"
109
109
  aria-label="Mobile Menu Button"
110
- class="css-1uqoh4d-EmotionIconBase ex0cdmw0"
110
+ class="css-11lepi0 css-18cthx4-EmotionIconBase ex0cdmw0"
111
111
  data-testid="mobile-menu-btn"
112
112
  fill="currentColor"
113
113
  focusable="false"
114
+ overrides="[object Object]"
114
115
  role="button"
115
116
  tabindex="0"
116
117
  viewBox="0 0 24 24"
@@ -151,7 +152,7 @@ exports[`Recommendation render related article page when data is null page 1`] =
151
152
  class="css-1o99qvy"
152
153
  >
153
154
  <span
154
- class="css-8bpgtg"
155
+ class="css-8r74mr"
155
156
  >
156
157
  Section One
157
158
  </span>
@@ -174,7 +175,7 @@ exports[`Recommendation render related article page when data is null page 1`] =
174
175
  class="css-1o99qvy"
175
176
  >
176
177
  <span
177
- class="css-8bpgtg"
178
+ class="css-8r74mr"
178
179
  >
179
180
  Section Two
180
181
  </span>
@@ -197,7 +198,7 @@ exports[`Recommendation render related article page when data is null page 1`] =
197
198
  class="css-1o99qvy"
198
199
  >
199
200
  <span
200
- class="css-8bpgtg"
201
+ class="css-8r74mr"
201
202
  >
202
203
  Section Three
203
204
  </span>
@@ -248,10 +249,10 @@ exports[`Recommendation render related article page when data is null page 1`] =
248
249
  data-testid="HeadLine"
249
250
  >
250
251
  <section
251
- class="css-1wf58dm"
252
+ class="css-13rwor7"
252
253
  >
253
254
  <h1
254
- class="nk-headline-heading css-5gd387"
255
+ class="nk-headline-heading css-b3iww6"
255
256
  >
256
257
  Mock Article: Lorem ipsum dolor sit amet consectetur adipiscing elit
257
258
  </h1>
@@ -265,7 +266,7 @@ exports[`Recommendation render related article page when data is null page 1`] =
265
266
  class="css-k0zmqb"
266
267
  >
267
268
  <h2
268
- class="nk-headline-heading css-1qhitfs"
269
+ class="nk-headline-heading css-17onjfr"
269
270
  >
270
271
  Kicker title mock
271
272
  </h2>
@@ -284,13 +285,14 @@ exports[`Recommendation render related article page when data is null page 1`] =
284
285
  class="css-30qa7x"
285
286
  >
286
287
  <div
288
+ aria-label="Byline"
287
289
  class="css-1jjwo6p"
288
290
  >
289
291
  <div
290
292
  class="css-y9mnp9"
291
293
  >
292
294
  <span
293
- class="css-1p5w9xw"
295
+ class="css-jov9vl"
294
296
  >
295
297
  <a
296
298
  aria-label="more by Mock Author"
@@ -306,7 +308,7 @@ exports[`Recommendation render related article page when data is null page 1`] =
306
308
  class="css-1xzc2un"
307
309
  >
308
310
  <span
309
- class="css-muj8w6"
311
+ class="css-1nc37u6"
310
312
  >
311
313
  Mock Author
312
314
  </span>
@@ -315,7 +317,7 @@ exports[`Recommendation render related article page when data is null page 1`] =
315
317
  class="css-1xzc2un"
316
318
  >
317
319
  <svg
318
- class="css-1duzcjy-EmotionIconBase ex0cdmw0"
320
+ class="css-gthb6q-EmotionIconBase ex0cdmw0"
319
321
  fill="currentColor"
320
322
  focusable="false"
321
323
  role="img"
@@ -338,7 +340,7 @@ exports[`Recommendation render related article page when data is null page 1`] =
338
340
  </a>
339
341
  <span
340
342
  aria-hidden="true"
341
- class="css-1p5w9xw"
343
+ class="css-jov9vl"
342
344
  >
343
345
  , 
344
346
  </span>
@@ -350,10 +352,10 @@ exports[`Recommendation render related article page when data is null page 1`] =
350
352
  class="css-30qa7x"
351
353
  >
352
354
  <time
353
- class="css-k9ha2f"
355
+ class="css-1oteowz"
354
356
  >
355
357
  <span
356
- class="css-1khiq05"
358
+ class="css-2pl38e"
357
359
  >
358
360
  Thu February 14 2019, 12:37am
359
361
  </span>
@@ -366,7 +368,7 @@ exports[`Recommendation render related article page when data is null page 1`] =
366
368
  >
367
369
  <hr
368
370
  aria-hidden="true"
369
- class="css-633um5"
371
+ class="css-80khzk"
370
372
  data-testid="divider"
371
373
  />
372
374
  </div>
@@ -374,19 +376,19 @@ exports[`Recommendation render related article page when data is null page 1`] =
374
376
  class="css-16in0m0"
375
377
  >
376
378
  <a
377
- class="css-1qz6cpg"
379
+ class="css-110xuym"
378
380
  data-testid="buttonLink"
379
381
  href="https://www.newskit.co.uk/"
380
382
  >
381
- <div
383
+ <span
382
384
  class="css-bptyib"
383
385
  >
384
- <div
386
+ <span
385
387
  class="css-1o99qvy"
386
388
  >
387
389
  <svg
388
390
  aria-hidden="true"
389
- class="css-1405blz-EmotionIconBase ex0cdmw0"
391
+ class="css-hj2ugy-EmotionIconBase ex0cdmw0"
390
392
  fill="currentColor"
391
393
  focusable="false"
392
394
  viewBox="0 0 24 24"
@@ -400,8 +402,8 @@ exports[`Recommendation render related article page when data is null page 1`] =
400
402
  d="M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7s-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81 1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9c-1.66 0-3 1.34-3 3s1.34 3 3 3c.79 0 1.5-.31 2.04-.81l7.12 4.16c-.05.21-.08.43-.08.65 0 1.61 1.31 2.92 2.92 2.92 1.61 0 2.92-1.31 2.92-2.92s-1.31-2.92-2.92-2.92z"
401
403
  />
402
404
  </svg>
403
- </div>
404
- <div
405
+ </span>
406
+ <span
405
407
  class="css-1o99qvy"
406
408
  >
407
409
  <span
@@ -409,8 +411,8 @@ exports[`Recommendation render related article page when data is null page 1`] =
409
411
  >
410
412
  Share
411
413
  </span>
412
- </div>
413
- </div>
414
+ </span>
415
+ </span>
414
416
  </a>
415
417
  </div>
416
418
  </div>
@@ -425,13 +427,14 @@ exports[`Recommendation render related article page when data is null page 1`] =
425
427
  class="css-30qa7x"
426
428
  >
427
429
  <div
430
+ aria-label="Byline"
428
431
  class="css-1jjwo6p"
429
432
  >
430
433
  <div
431
434
  class="css-y9mnp9"
432
435
  >
433
436
  <span
434
- class="css-1p5w9xw"
437
+ class="css-jov9vl"
435
438
  >
436
439
  <a
437
440
  aria-label="more by Mock Author"
@@ -447,7 +450,7 @@ exports[`Recommendation render related article page when data is null page 1`] =
447
450
  class="css-1xzc2un"
448
451
  >
449
452
  <span
450
- class="css-muj8w6"
453
+ class="css-1nc37u6"
451
454
  >
452
455
  Mock Author
453
456
  </span>
@@ -456,7 +459,7 @@ exports[`Recommendation render related article page when data is null page 1`] =
456
459
  class="css-1xzc2un"
457
460
  >
458
461
  <svg
459
- class="css-1duzcjy-EmotionIconBase ex0cdmw0"
462
+ class="css-gthb6q-EmotionIconBase ex0cdmw0"
460
463
  fill="currentColor"
461
464
  focusable="false"
462
465
  role="img"
@@ -479,7 +482,7 @@ exports[`Recommendation render related article page when data is null page 1`] =
479
482
  </a>
480
483
  <span
481
484
  aria-hidden="true"
482
- class="css-1p5w9xw"
485
+ class="css-jov9vl"
483
486
  >
484
487
  , 
485
488
  </span>
@@ -491,10 +494,10 @@ exports[`Recommendation render related article page when data is null page 1`] =
491
494
  class="css-30qa7x"
492
495
  >
493
496
  <time
494
- class="css-k9ha2f"
497
+ class="css-1oteowz"
495
498
  >
496
499
  <span
497
- class="css-1khiq05"
500
+ class="css-2pl38e"
498
501
  >
499
502
  Thu February 14 2019, 12:37am
500
503
  </span>
@@ -510,7 +513,7 @@ exports[`Recommendation render related article page when data is null page 1`] =
510
513
  role="region"
511
514
  >
512
515
  <span
513
- class="css-1e1hg9i"
516
+ class="css-py41cc"
514
517
  orientation="horizontal"
515
518
  >
516
519
  Share
@@ -526,6 +529,7 @@ exports[`Recommendation render related article page when data is null page 1`] =
526
529
  class="css-43l4uo-EmotionIconBase ex0cdmw0"
527
530
  fill="currentColor"
528
531
  focusable="false"
532
+ overrides="[object Object]"
529
533
  viewBox="0 0 24 24"
530
534
  xmlns="http://www.w3.org/2000/svg"
531
535
  >
@@ -559,14 +563,20 @@ exports[`Recommendation render related article page when data is null page 1`] =
559
563
  >
560
564
  <svg
561
565
  aria-hidden="true"
562
- class="css-ktpdfl"
566
+ class="css-43l4uo-EmotionIconBase ex0cdmw0"
563
567
  fill="currentColor"
568
+ focusable="false"
569
+ overrides="[object Object]"
564
570
  viewBox="0 0 24 24"
565
571
  xmlns="http://www.w3.org/2000/svg"
566
572
  >
573
+ <rect
574
+ fill="none"
575
+ height="24"
576
+ width="24"
577
+ />
567
578
  <path
568
- d="M13.0784931,22.2595724 L13.0784931,13.1365112 L16.2002321,13.1365112 L16.6676019,9.5811424 L13.0784931,9.5811424 L13.0784931,7.31114568 C13.0784931,6.28180493 13.3699223,5.58025387 14.8748197,5.58025387 L16.7941176,5.57938466 L16.7941176,2.39951562 C16.4620261,2.35634473 15.3227937,2.25957241 13.9973813,2.25957241 C11.2301818,2.25957241 9.33569472,3.916388 9.33569472,6.9592112 L9.33569472,9.58123898 L6.20588235,9.58123898 L6.20588235,13.1366078 L9.33559627,13.1366078 L9.33559627,22.2595724 L13.0784931,22.2595724 Z"
569
- fill-rule="nonzero"
579
+ d="M22 12c0-5.52-4.48-10-10-10S2 6.48 2 12c0 4.84 3.44 8.87 8 9.8V15H8v-3h2V9.5C10 7.57 11.57 6 13.5 6H16v3h-2c-.55 0-1 .45-1 1v2h3v3h-3v6.95c5.05-.5 9-4.76 9-9.95z"
570
580
  />
571
581
  </svg>
572
582
  </div>
@@ -578,6 +588,7 @@ exports[`Recommendation render related article page when data is null page 1`] =
578
588
  class="css-43l4uo-EmotionIconBase ex0cdmw0"
579
589
  fill="currentColor"
580
590
  focusable="false"
591
+ overrides="[object Object]"
581
592
  viewBox="0 0 24 24"
582
593
  xmlns="http://www.w3.org/2000/svg"
583
594
  >
@@ -605,7 +616,7 @@ exports[`Recommendation render related article page when data is null page 1`] =
605
616
  data-testid="ArticleParagraph"
606
617
  >
607
618
  <p
608
- class="css-77jvx4"
619
+ class="css-161pzin"
609
620
  >
610
621
  Lorem ipsum
611
622
  </p>
@@ -619,7 +630,7 @@ exports[`Recommendation render related article page when data is null page 1`] =
619
630
  >
620
631
  <hr
621
632
  aria-hidden="true"
622
- class="css-633um5"
633
+ class="css-80khzk"
623
634
  data-testid="divider"
624
635
  />
625
636
  </div>
@@ -627,19 +638,19 @@ exports[`Recommendation render related article page when data is null page 1`] =
627
638
  class="css-bmafgm"
628
639
  >
629
640
  <a
630
- class="css-1qz6cpg"
641
+ class="css-110xuym"
631
642
  data-testid="buttonLink"
632
643
  href="https://www.newskit.co.uk/"
633
644
  >
634
- <div
645
+ <span
635
646
  class="css-bptyib"
636
647
  >
637
- <div
648
+ <span
638
649
  class="css-1o99qvy"
639
650
  >
640
651
  <svg
641
652
  aria-hidden="true"
642
- class="css-1405blz-EmotionIconBase ex0cdmw0"
653
+ class="css-hj2ugy-EmotionIconBase ex0cdmw0"
643
654
  fill="currentColor"
644
655
  focusable="false"
645
656
  viewBox="0 0 24 24"
@@ -653,8 +664,8 @@ exports[`Recommendation render related article page when data is null page 1`] =
653
664
  d="M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7s-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81 1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9c-1.66 0-3 1.34-3 3s1.34 3 3 3c.79 0 1.5-.31 2.04-.81l7.12 4.16c-.05.21-.08.43-.08.65 0 1.61 1.31 2.92 2.92 2.92 1.61 0 2.92-1.31 2.92-2.92s-1.31-2.92-2.92-2.92z"
654
665
  />
655
666
  </svg>
656
- </div>
657
- <div
667
+ </span>
668
+ <span
658
669
  class="css-1o99qvy"
659
670
  >
660
671
  <span
@@ -662,8 +673,8 @@ exports[`Recommendation render related article page when data is null page 1`] =
662
673
  >
663
674
  Share
664
675
  </span>
665
- </div>
666
- </div>
676
+ </span>
677
+ </span>
667
678
  </a>
668
679
  </div>
669
680
  </div>
@@ -675,7 +686,7 @@ exports[`Recommendation render related article page when data is null page 1`] =
675
686
  >
676
687
  <hr
677
688
  aria-hidden="true"
678
- class="css-633um5"
689
+ class="css-80khzk"
679
690
  data-testid="divider"
680
691
  />
681
692
  </div>
@@ -694,7 +705,7 @@ exports[`Recommendation render related article page when data is null page 1`] =
694
705
  role="region"
695
706
  >
696
707
  <span
697
- class="css-1e1hg9i"
708
+ class="css-py41cc"
698
709
  orientation="horizontal"
699
710
  >
700
711
  Share
@@ -710,6 +721,7 @@ exports[`Recommendation render related article page when data is null page 1`] =
710
721
  class="css-43l4uo-EmotionIconBase ex0cdmw0"
711
722
  fill="currentColor"
712
723
  focusable="false"
724
+ overrides="[object Object]"
713
725
  viewBox="0 0 24 24"
714
726
  xmlns="http://www.w3.org/2000/svg"
715
727
  >
@@ -743,14 +755,20 @@ exports[`Recommendation render related article page when data is null page 1`] =
743
755
  >
744
756
  <svg
745
757
  aria-hidden="true"
746
- class="css-ktpdfl"
758
+ class="css-43l4uo-EmotionIconBase ex0cdmw0"
747
759
  fill="currentColor"
760
+ focusable="false"
761
+ overrides="[object Object]"
748
762
  viewBox="0 0 24 24"
749
763
  xmlns="http://www.w3.org/2000/svg"
750
764
  >
765
+ <rect
766
+ fill="none"
767
+ height="24"
768
+ width="24"
769
+ />
751
770
  <path
752
- d="M13.0784931,22.2595724 L13.0784931,13.1365112 L16.2002321,13.1365112 L16.6676019,9.5811424 L13.0784931,9.5811424 L13.0784931,7.31114568 C13.0784931,6.28180493 13.3699223,5.58025387 14.8748197,5.58025387 L16.7941176,5.57938466 L16.7941176,2.39951562 C16.4620261,2.35634473 15.3227937,2.25957241 13.9973813,2.25957241 C11.2301818,2.25957241 9.33569472,3.916388 9.33569472,6.9592112 L9.33569472,9.58123898 L6.20588235,9.58123898 L6.20588235,13.1366078 L9.33559627,13.1366078 L9.33559627,22.2595724 L13.0784931,22.2595724 Z"
753
- fill-rule="nonzero"
771
+ d="M22 12c0-5.52-4.48-10-10-10S2 6.48 2 12c0 4.84 3.44 8.87 8 9.8V15H8v-3h2V9.5C10 7.57 11.57 6 13.5 6H16v3h-2c-.55 0-1 .45-1 1v2h3v3h-3v6.95c5.05-.5 9-4.76 9-9.95z"
754
772
  />
755
773
  </svg>
756
774
  </div>
@@ -762,6 +780,7 @@ exports[`Recommendation render related article page when data is null page 1`] =
762
780
  class="css-43l4uo-EmotionIconBase ex0cdmw0"
763
781
  fill="currentColor"
764
782
  focusable="false"
783
+ overrides="[object Object]"
765
784
  viewBox="0 0 24 24"
766
785
  xmlns="http://www.w3.org/2000/svg"
767
786
  >
@@ -787,10 +806,10 @@ exports[`Recommendation render related article page when data is null page 1`] =
787
806
  class="css-16in0m0"
788
807
  >
789
808
  <section
790
- class="css-qv96ce"
809
+ class="css-frq9nz"
791
810
  >
792
811
  <h1
793
- class="nk-headline-heading css-1qhitfs"
812
+ class="nk-headline-heading css-17onjfr"
794
813
  >
795
814
  Related topics
796
815
  </h1>
@@ -810,13 +829,13 @@ exports[`Recommendation render related article page when data is null page 1`] =
810
829
  class="css-14xhfxi"
811
830
  >
812
831
  <div
813
- class="css-10lp0o9"
832
+ class="css-pri4mq"
814
833
  data-testid="tag"
815
834
  >
816
- <div
835
+ <span
817
836
  class="css-m556v"
818
837
  >
819
- <div
838
+ <span
820
839
  class="css-1xzc2un"
821
840
  >
822
841
  <span
@@ -824,8 +843,8 @@ exports[`Recommendation render related article page when data is null page 1`] =
824
843
  >
825
844
  Some topic one
826
845
  </span>
827
- </div>
828
- </div>
846
+ </span>
847
+ </span>
829
848
  </div>
830
849
  </div>
831
850
  </div>
@@ -836,13 +855,13 @@ exports[`Recommendation render related article page when data is null page 1`] =
836
855
  class="css-14xhfxi"
837
856
  >
838
857
  <div
839
- class="css-10lp0o9"
858
+ class="css-pri4mq"
840
859
  data-testid="tag"
841
860
  >
842
- <div
861
+ <span
843
862
  class="css-m556v"
844
863
  >
845
- <div
864
+ <span
846
865
  class="css-1xzc2un"
847
866
  >
848
867
  <span
@@ -850,8 +869,8 @@ exports[`Recommendation render related article page when data is null page 1`] =
850
869
  >
851
870
  Some topic one
852
871
  </span>
853
- </div>
854
- </div>
872
+ </span>
873
+ </span>
855
874
  </div>
856
875
  </div>
857
876
  </div>
@@ -862,7 +881,7 @@ exports[`Recommendation render related article page when data is null page 1`] =
862
881
  >
863
882
  <hr
864
883
  aria-hidden="true"
865
- class="css-633um5"
884
+ class="css-80khzk"
866
885
  data-testid="divider"
867
886
  />
868
887
  </div>
@@ -892,10 +911,10 @@ exports[`Recommendation render related article page when data is null page 1`] =
892
911
  class="css-1ujq44n"
893
912
  >
894
913
  <section
895
- class="css-r3v25s"
914
+ class="css-xrwffx"
896
915
  >
897
916
  <h1
898
- class="nk-headline-heading css-5gd387"
917
+ class="nk-headline-heading css-b3iww6"
899
918
  >
900
919
  Highlights
901
920
  </h1>
@@ -911,10 +930,10 @@ exports[`Recommendation render related article page when data is null page 1`] =
911
930
  class="css-krscqv"
912
931
  >
913
932
  <section
914
- class="css-r3v25s"
933
+ class="css-xrwffx"
915
934
  >
916
935
  <h3
917
- class="nk-headline-heading css-5gd387"
936
+ class="nk-headline-heading css-b3iww6"
918
937
  >
919
938
  Highlights
920
939
  </h3>
@@ -928,10 +947,10 @@ exports[`Recommendation render related article page when data is null page 1`] =
928
947
  data-testid="buttonLink"
929
948
  href="/"
930
949
  >
931
- <div
950
+ <span
932
951
  class="css-bptyib"
933
952
  >
934
- <div
953
+ <span
935
954
  class="css-1o99qvy"
936
955
  >
937
956
  <span
@@ -939,15 +958,16 @@ exports[`Recommendation render related article page when data is null page 1`] =
939
958
  >
940
959
  View all
941
960
  </span>
942
- </div>
943
- <div
961
+ </span>
962
+ <span
944
963
  class="css-1o99qvy"
945
964
  >
946
965
  <svg
947
966
  aria-hidden="true"
948
- class="css-w4pll7-EmotionIconBase ex0cdmw0"
967
+ class="css-178ehod-EmotionIconBase ex0cdmw0"
949
968
  fill="currentColor"
950
969
  focusable="false"
970
+ overrides="[object Object]"
951
971
  viewBox="0 0 24 24"
952
972
  xmlns="http://www.w3.org/2000/svg"
953
973
  >
@@ -959,8 +979,8 @@ exports[`Recommendation render related article page when data is null page 1`] =
959
979
  d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"
960
980
  />
961
981
  </svg>
962
- </div>
963
- </div>
982
+ </span>
983
+ </span>
964
984
  </a>
965
985
  </div>
966
986
  </div>
@@ -983,7 +1003,7 @@ exports[`Recommendation render related article page when data is null page 1`] =
983
1003
  >
984
1004
  <hr
985
1005
  aria-hidden="true"
986
- class="css-633um5"
1006
+ class="css-80khzk"
987
1007
  data-testid="divider"
988
1008
  />
989
1009
  <div
@@ -997,10 +1017,10 @@ exports[`Recommendation render related article page when data is null page 1`] =
997
1017
  data-testid="buttonLink"
998
1018
  href="/"
999
1019
  >
1000
- <div
1020
+ <span
1001
1021
  class="css-bptyib"
1002
1022
  >
1003
- <div
1023
+ <span
1004
1024
  class="css-1o99qvy"
1005
1025
  >
1006
1026
  <span
@@ -1008,15 +1028,16 @@ exports[`Recommendation render related article page when data is null page 1`] =
1008
1028
  >
1009
1029
  View all
1010
1030
  </span>
1011
- </div>
1012
- <div
1031
+ </span>
1032
+ <span
1013
1033
  class="css-1o99qvy"
1014
1034
  >
1015
1035
  <svg
1016
1036
  aria-hidden="true"
1017
- class="css-w4pll7-EmotionIconBase ex0cdmw0"
1037
+ class="css-178ehod-EmotionIconBase ex0cdmw0"
1018
1038
  fill="currentColor"
1019
1039
  focusable="false"
1040
+ overrides="[object Object]"
1020
1041
  viewBox="0 0 24 24"
1021
1042
  xmlns="http://www.w3.org/2000/svg"
1022
1043
  >
@@ -1028,13 +1049,13 @@ exports[`Recommendation render related article page when data is null page 1`] =
1028
1049
  d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"
1029
1050
  />
1030
1051
  </svg>
1031
- </div>
1032
- </div>
1052
+ </span>
1053
+ </span>
1033
1054
  </a>
1034
1055
  </div>
1035
1056
  <hr
1036
1057
  aria-hidden="true"
1037
- class="css-633um5"
1058
+ class="css-80khzk"
1038
1059
  data-testid="divider"
1039
1060
  />
1040
1061
  </div>
@@ -1063,10 +1084,10 @@ exports[`Recommendation render related article page when data is null page 1`] =
1063
1084
  class="css-krscqv"
1064
1085
  >
1065
1086
  <section
1066
- class="css-148i9wz"
1087
+ class="css-3bvy7k"
1067
1088
  >
1068
1089
  <h3
1069
- class="nk-headline-heading css-5gd387"
1090
+ class="nk-headline-heading css-b3iww6"
1070
1091
  >
1071
1092
  Related
1072
1093
  </h3>
@@ -1080,10 +1101,10 @@ exports[`Recommendation render related article page when data is null page 1`] =
1080
1101
  data-testid="buttonLink"
1081
1102
  href="/relatedArticles"
1082
1103
  >
1083
- <div
1104
+ <span
1084
1105
  class="css-bptyib"
1085
1106
  >
1086
- <div
1107
+ <span
1087
1108
  class="css-1o99qvy"
1088
1109
  >
1089
1110
  <span
@@ -1091,15 +1112,16 @@ exports[`Recommendation render related article page when data is null page 1`] =
1091
1112
  >
1092
1113
  View all
1093
1114
  </span>
1094
- </div>
1095
- <div
1115
+ </span>
1116
+ <span
1096
1117
  class="css-1o99qvy"
1097
1118
  >
1098
1119
  <svg
1099
1120
  aria-hidden="true"
1100
- class="css-w4pll7-EmotionIconBase ex0cdmw0"
1121
+ class="css-178ehod-EmotionIconBase ex0cdmw0"
1101
1122
  fill="currentColor"
1102
1123
  focusable="false"
1124
+ overrides="[object Object]"
1103
1125
  viewBox="0 0 24 24"
1104
1126
  xmlns="http://www.w3.org/2000/svg"
1105
1127
  >
@@ -1111,8 +1133,8 @@ exports[`Recommendation render related article page when data is null page 1`] =
1111
1133
  d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"
1112
1134
  />
1113
1135
  </svg>
1114
- </div>
1115
- </div>
1136
+ </span>
1137
+ </span>
1116
1138
  </a>
1117
1139
  </div>
1118
1140
  </div>
@@ -1126,7 +1148,7 @@ exports[`Recommendation render related article page when data is null page 1`] =
1126
1148
  >
1127
1149
  <hr
1128
1150
  aria-hidden="true"
1129
- class="css-633um5"
1151
+ class="css-80khzk"
1130
1152
  data-testid="divider"
1131
1153
  />
1132
1154
  <div
@@ -1140,10 +1162,10 @@ exports[`Recommendation render related article page when data is null page 1`] =
1140
1162
  data-testid="buttonLink"
1141
1163
  href="/relatedArticles"
1142
1164
  >
1143
- <div
1165
+ <span
1144
1166
  class="css-bptyib"
1145
1167
  >
1146
- <div
1168
+ <span
1147
1169
  class="css-1o99qvy"
1148
1170
  >
1149
1171
  <span
@@ -1151,15 +1173,16 @@ exports[`Recommendation render related article page when data is null page 1`] =
1151
1173
  >
1152
1174
  View all
1153
1175
  </span>
1154
- </div>
1155
- <div
1176
+ </span>
1177
+ <span
1156
1178
  class="css-1o99qvy"
1157
1179
  >
1158
1180
  <svg
1159
1181
  aria-hidden="true"
1160
- class="css-w4pll7-EmotionIconBase ex0cdmw0"
1182
+ class="css-178ehod-EmotionIconBase ex0cdmw0"
1161
1183
  fill="currentColor"
1162
1184
  focusable="false"
1185
+ overrides="[object Object]"
1163
1186
  viewBox="0 0 24 24"
1164
1187
  xmlns="http://www.w3.org/2000/svg"
1165
1188
  >
@@ -1171,13 +1194,13 @@ exports[`Recommendation render related article page when data is null page 1`] =
1171
1194
  d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"
1172
1195
  />
1173
1196
  </svg>
1174
- </div>
1175
- </div>
1197
+ </span>
1198
+ </span>
1176
1199
  </a>
1177
1200
  </div>
1178
1201
  <hr
1179
1202
  aria-hidden="true"
1180
- class="css-633um5"
1203
+ class="css-80khzk"
1181
1204
  data-testid="divider"
1182
1205
  />
1183
1206
  </div>
@@ -1197,7 +1220,7 @@ exports[`Recommendation render related article page when data is null page 1`] =
1197
1220
  </div>
1198
1221
  </div>
1199
1222
  <div
1200
- class="css-1p8e12n"
1223
+ class="css-sxhtf1"
1201
1224
  >
1202
1225
  <div
1203
1226
  class="css-8atxkm"
@@ -1261,7 +1284,7 @@ exports[`Recommendation render related article page when data is null page 1`] =
1261
1284
  class="css-17x5lw"
1262
1285
  >
1263
1286
  <span
1264
- class="css-kxo08d"
1287
+ class="css-yk25sg"
1265
1288
  >
1266
1289
  NavLink One
1267
1290
  </span>
@@ -1280,7 +1303,7 @@ exports[`Recommendation render related article page when data is null page 1`] =
1280
1303
  class="css-17x5lw"
1281
1304
  >
1282
1305
  <span
1283
- class="css-kxo08d"
1306
+ class="css-yk25sg"
1284
1307
  >
1285
1308
  NavLink Two
1286
1309
  </span>
@@ -1299,7 +1322,7 @@ exports[`Recommendation render related article page when data is null page 1`] =
1299
1322
  class="css-17x5lw"
1300
1323
  >
1301
1324
  <span
1302
- class="css-kxo08d"
1325
+ class="css-yk25sg"
1303
1326
  >
1304
1327
  NavLink Three
1305
1328
  </span>
@@ -1318,7 +1341,7 @@ exports[`Recommendation render related article page when data is null page 1`] =
1318
1341
  class="css-17x5lw"
1319
1342
  >
1320
1343
  <span
1321
- class="css-kxo08d"
1344
+ class="css-yk25sg"
1322
1345
  >
1323
1346
  NavLink Four
1324
1347
  </span>
@@ -1337,7 +1360,7 @@ exports[`Recommendation render related article page when data is null page 1`] =
1337
1360
  class="css-17x5lw"
1338
1361
  >
1339
1362
  <span
1340
- class="css-kxo08d"
1363
+ class="css-yk25sg"
1341
1364
  >
1342
1365
  NavLink Five
1343
1366
  </span>
@@ -1356,7 +1379,7 @@ exports[`Recommendation render related article page when data is null page 1`] =
1356
1379
  class="css-17x5lw"
1357
1380
  >
1358
1381
  <span
1359
- class="css-kxo08d"
1382
+ class="css-yk25sg"
1360
1383
  >
1361
1384
  NavLink Six
1362
1385
  </span>
@@ -1374,7 +1397,7 @@ exports[`Recommendation render related article page when data is null page 1`] =
1374
1397
  />
1375
1398
  </div>
1376
1399
  <p
1377
- class="css-1m5hsr4"
1400
+ class="css-tiln3q"
1378
1401
  >
1379
1402
  Copyright © 2022 News Corp. All rights reserved.
1380
1403
  </p>