@newskit-render/core 1.90.1 → 1.91.0-alpha.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 (30) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/__tests__/pages/__snapshots__/[articleSlug].test.tsx.snap +129 -106
  3. package/__tests__/pages/__snapshots__/brightcove.test.tsx.snap +1 -1
  4. package/__tests__/pages/__snapshots__/home.test.tsx.snap +78 -77
  5. package/__tests__/pages/__snapshots__/relatedArticles.test.tsx.snap +15 -14
  6. package/app-context/InstrumentationContextProvider.tsx +1 -0
  7. package/components/ErrorPage/ErrorPage.tsx +4 -1
  8. package/components/article/Highlights.tsx +1 -3
  9. package/components/article/RelatedArticles.tsx +3 -11
  10. package/components/article/RelatedTopics.tsx +2 -2
  11. package/components/article/ShareBarComponent.tsx +9 -7
  12. package/components/article/__tests__/__snapshots__/index.test.tsx.snap +155 -132
  13. package/components/article/index.tsx +2 -3
  14. package/components/common/ShareButton.tsx +5 -1
  15. package/components/common/ViewMoreButton.tsx +5 -1
  16. package/components/common/icons/IconFilledTwitter.tsx +14 -0
  17. package/components/common/icons/StyledIconFilledChevronRight.tsx +5 -1
  18. package/components/footer/__snapshots__/index.test.tsx.snap +8 -8
  19. package/components/section/layouts/__tests__/__snapshots__/Lead.test.tsx.snap +12 -12
  20. package/components/section/layouts/__tests__/__snapshots__/SectionTitle.test.tsx.snap +15 -12
  21. package/context/multi-tenancy/index.tsx +1 -0
  22. package/cypress/e2e/account/payment-failer.spec.js +3 -0
  23. package/cypress/support/commands.js +4 -1
  24. package/helpers/__tests__/getRecommendation.test.ts +8 -10
  25. package/helpers/mocks/getRecommendationsMock.ts +1 -1
  26. package/jest.config.js +3 -0
  27. package/package.json +27 -22
  28. package/pages/_app.tsx +2 -1
  29. package/pages/_document.tsx +41 -39
  30. package/pages/preview/[articleId]/version/[versionId]/index.tsx +4 -1
package/components/article/__tests__/__snapshots__/index.test.tsx.snap CHANGED
@@ -107,10 +107,11 @@ exports[`Article should render tile and sub title 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[`Article should render tile and sub title 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[`Article should render tile and sub title 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[`Article should render tile and sub title 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[`Article should render tile and sub title 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[`Article should render tile and sub title 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
271
272
  </h2>
@@ -284,13 +285,14 @@ exports[`Article should render tile and sub title 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 John Smith"
@@ -306,7 +308,7 @@ exports[`Article should render tile and sub title 1`] = `
306
308
  class="css-1xzc2un"
307
309
  >
308
310
  <span
309
- class="css-muj8w6"
311
+ class="css-1nc37u6"
310
312
  >
311
313
  John Smith
312
314
  </span>
@@ -315,7 +317,7 @@ exports[`Article should render tile and sub title 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[`Article should render tile and sub title 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[`Article should render tile and sub title 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[`Article should render tile and sub title 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[`Article should render tile and sub title 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[`Article should render tile and sub title 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[`Article should render tile and sub title 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[`Article should render tile and sub title 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 John Smith"
@@ -447,7 +450,7 @@ exports[`Article should render tile and sub title 1`] = `
447
450
  class="css-1xzc2un"
448
451
  >
449
452
  <span
450
- class="css-muj8w6"
453
+ class="css-1nc37u6"
451
454
  >
452
455
  John Smith
453
456
  </span>
@@ -456,7 +459,7 @@ exports[`Article should render tile and sub title 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[`Article should render tile and sub title 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[`Article should render tile and sub title 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[`Article should render tile and sub title 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[`Article should render tile and sub title 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[`Article should render tile and sub title 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[`Article should render tile and sub title 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
  >
@@ -603,7 +614,7 @@ exports[`Article should render tile and sub title 1`] = `
603
614
  class="css-r44k6v"
604
615
  >
605
616
  <picture
606
- class="css-1tech79"
617
+ class="css-38m0e9"
607
618
  >
608
619
  <div
609
620
  class="css-5pczz7"
@@ -625,7 +636,7 @@ exports[`Article should render tile and sub title 1`] = `
625
636
  data-testid="ArticleParagraph"
626
637
  >
627
638
  <p
628
- class="css-77jvx4"
639
+ class="css-161pzin"
629
640
  >
630
641
  paragraph one
631
642
  </p>
@@ -635,7 +646,7 @@ exports[`Article should render tile and sub title 1`] = `
635
646
  data-testid="ArticleParagraph"
636
647
  >
637
648
  <p
638
- class="css-77jvx4"
649
+ class="css-161pzin"
639
650
  >
640
651
  paragraph two
641
652
  </p>
@@ -645,7 +656,7 @@ exports[`Article should render tile and sub title 1`] = `
645
656
  data-testid="ArticleParagraph"
646
657
  >
647
658
  <p
648
- class="css-77jvx4"
659
+ class="css-161pzin"
649
660
  >
650
661
  paragraph three
651
662
  </p>
@@ -655,7 +666,7 @@ exports[`Article should render tile and sub title 1`] = `
655
666
  data-testid="ArticleParagraph"
656
667
  >
657
668
  <p
658
- class="css-77jvx4"
669
+ class="css-161pzin"
659
670
  >
660
671
  paragraph four
661
672
  </p>
@@ -669,7 +680,7 @@ exports[`Article should render tile and sub title 1`] = `
669
680
  >
670
681
  <hr
671
682
  aria-hidden="true"
672
- class="css-633um5"
683
+ class="css-80khzk"
673
684
  data-testid="divider"
674
685
  />
675
686
  </div>
@@ -677,19 +688,19 @@ exports[`Article should render tile and sub title 1`] = `
677
688
  class="css-bmafgm"
678
689
  >
679
690
  <a
680
- class="css-1qz6cpg"
691
+ class="css-110xuym"
681
692
  data-testid="buttonLink"
682
693
  href="https://www.newskit.co.uk/"
683
694
  >
684
- <div
695
+ <span
685
696
  class="css-bptyib"
686
697
  >
687
- <div
698
+ <span
688
699
  class="css-1o99qvy"
689
700
  >
690
701
  <svg
691
702
  aria-hidden="true"
692
- class="css-1405blz-EmotionIconBase ex0cdmw0"
703
+ class="css-hj2ugy-EmotionIconBase ex0cdmw0"
693
704
  fill="currentColor"
694
705
  focusable="false"
695
706
  viewBox="0 0 24 24"
@@ -703,8 +714,8 @@ exports[`Article should render tile and sub title 1`] = `
703
714
  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"
704
715
  />
705
716
  </svg>
706
- </div>
707
- <div
717
+ </span>
718
+ <span
708
719
  class="css-1o99qvy"
709
720
  >
710
721
  <span
@@ -712,8 +723,8 @@ exports[`Article should render tile and sub title 1`] = `
712
723
  >
713
724
  Share
714
725
  </span>
715
- </div>
716
- </div>
726
+ </span>
727
+ </span>
717
728
  </a>
718
729
  </div>
719
730
  </div>
@@ -725,7 +736,7 @@ exports[`Article should render tile and sub title 1`] = `
725
736
  >
726
737
  <hr
727
738
  aria-hidden="true"
728
- class="css-633um5"
739
+ class="css-80khzk"
729
740
  data-testid="divider"
730
741
  />
731
742
  </div>
@@ -744,7 +755,7 @@ exports[`Article should render tile and sub title 1`] = `
744
755
  role="region"
745
756
  >
746
757
  <span
747
- class="css-1e1hg9i"
758
+ class="css-py41cc"
748
759
  orientation="horizontal"
749
760
  >
750
761
  Share
@@ -760,6 +771,7 @@ exports[`Article should render tile and sub title 1`] = `
760
771
  class="css-43l4uo-EmotionIconBase ex0cdmw0"
761
772
  fill="currentColor"
762
773
  focusable="false"
774
+ overrides="[object Object]"
763
775
  viewBox="0 0 24 24"
764
776
  xmlns="http://www.w3.org/2000/svg"
765
777
  >
@@ -793,14 +805,20 @@ exports[`Article should render tile and sub title 1`] = `
793
805
  >
794
806
  <svg
795
807
  aria-hidden="true"
796
- class="css-ktpdfl"
808
+ class="css-43l4uo-EmotionIconBase ex0cdmw0"
797
809
  fill="currentColor"
810
+ focusable="false"
811
+ overrides="[object Object]"
798
812
  viewBox="0 0 24 24"
799
813
  xmlns="http://www.w3.org/2000/svg"
800
814
  >
815
+ <rect
816
+ fill="none"
817
+ height="24"
818
+ width="24"
819
+ />
801
820
  <path
802
- 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"
803
- fill-rule="nonzero"
821
+ 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"
804
822
  />
805
823
  </svg>
806
824
  </div>
@@ -812,6 +830,7 @@ exports[`Article should render tile and sub title 1`] = `
812
830
  class="css-43l4uo-EmotionIconBase ex0cdmw0"
813
831
  fill="currentColor"
814
832
  focusable="false"
833
+ overrides="[object Object]"
815
834
  viewBox="0 0 24 24"
816
835
  xmlns="http://www.w3.org/2000/svg"
817
836
  >
@@ -837,10 +856,10 @@ exports[`Article should render tile and sub title 1`] = `
837
856
  class="css-16in0m0"
838
857
  >
839
858
  <section
840
- class="css-qv96ce"
859
+ class="css-frq9nz"
841
860
  >
842
861
  <h1
843
- class="nk-headline-heading css-1qhitfs"
862
+ class="nk-headline-heading css-17onjfr"
844
863
  >
845
864
  Related topics
846
865
  </h1>
@@ -860,13 +879,13 @@ exports[`Article should render tile and sub title 1`] = `
860
879
  class="css-14xhfxi"
861
880
  >
862
881
  <div
863
- class="css-10lp0o9"
882
+ class="css-pri4mq"
864
883
  data-testid="tag"
865
884
  >
866
- <div
885
+ <span
867
886
  class="css-m556v"
868
887
  >
869
- <div
888
+ <span
870
889
  class="css-1xzc2un"
871
890
  >
872
891
  <span
@@ -874,8 +893,8 @@ exports[`Article should render tile and sub title 1`] = `
874
893
  >
875
894
  Some topic one
876
895
  </span>
877
- </div>
878
- </div>
896
+ </span>
897
+ </span>
879
898
  </div>
880
899
  </div>
881
900
  </div>
@@ -886,13 +905,13 @@ exports[`Article should render tile and sub title 1`] = `
886
905
  class="css-14xhfxi"
887
906
  >
888
907
  <div
889
- class="css-10lp0o9"
908
+ class="css-pri4mq"
890
909
  data-testid="tag"
891
910
  >
892
- <div
911
+ <span
893
912
  class="css-m556v"
894
913
  >
895
- <div
914
+ <span
896
915
  class="css-1xzc2un"
897
916
  >
898
917
  <span
@@ -900,8 +919,8 @@ exports[`Article should render tile and sub title 1`] = `
900
919
  >
901
920
  Some topic one
902
921
  </span>
903
- </div>
904
- </div>
922
+ </span>
923
+ </span>
905
924
  </div>
906
925
  </div>
907
926
  </div>
@@ -912,7 +931,7 @@ exports[`Article should render tile and sub title 1`] = `
912
931
  >
913
932
  <hr
914
933
  aria-hidden="true"
915
- class="css-633um5"
934
+ class="css-80khzk"
916
935
  data-testid="divider"
917
936
  />
918
937
  </div>
@@ -942,10 +961,10 @@ exports[`Article should render tile and sub title 1`] = `
942
961
  class="css-1ujq44n"
943
962
  >
944
963
  <section
945
- class="css-r3v25s"
964
+ class="css-xrwffx"
946
965
  >
947
966
  <h1
948
- class="nk-headline-heading css-5gd387"
967
+ class="nk-headline-heading css-b3iww6"
949
968
  >
950
969
  Highlights
951
970
  </h1>
@@ -961,10 +980,10 @@ exports[`Article should render tile and sub title 1`] = `
961
980
  class="css-krscqv"
962
981
  >
963
982
  <section
964
- class="css-r3v25s"
983
+ class="css-xrwffx"
965
984
  >
966
985
  <h3
967
- class="nk-headline-heading css-5gd387"
986
+ class="nk-headline-heading css-b3iww6"
968
987
  >
969
988
  Highlights
970
989
  </h3>
@@ -978,10 +997,10 @@ exports[`Article should render tile and sub title 1`] = `
978
997
  data-testid="buttonLink"
979
998
  href="/"
980
999
  >
981
- <div
1000
+ <span
982
1001
  class="css-bptyib"
983
1002
  >
984
- <div
1003
+ <span
985
1004
  class="css-1o99qvy"
986
1005
  >
987
1006
  <span
@@ -989,15 +1008,16 @@ exports[`Article should render tile and sub title 1`] = `
989
1008
  >
990
1009
  View all
991
1010
  </span>
992
- </div>
993
- <div
1011
+ </span>
1012
+ <span
994
1013
  class="css-1o99qvy"
995
1014
  >
996
1015
  <svg
997
1016
  aria-hidden="true"
998
- class="css-w4pll7-EmotionIconBase ex0cdmw0"
1017
+ class="css-178ehod-EmotionIconBase ex0cdmw0"
999
1018
  fill="currentColor"
1000
1019
  focusable="false"
1020
+ overrides="[object Object]"
1001
1021
  viewBox="0 0 24 24"
1002
1022
  xmlns="http://www.w3.org/2000/svg"
1003
1023
  >
@@ -1009,8 +1029,8 @@ exports[`Article should render tile and sub title 1`] = `
1009
1029
  d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"
1010
1030
  />
1011
1031
  </svg>
1012
- </div>
1013
- </div>
1032
+ </span>
1033
+ </span>
1014
1034
  </a>
1015
1035
  </div>
1016
1036
  </div>
@@ -1034,13 +1054,13 @@ exports[`Article should render tile and sub title 1`] = `
1034
1054
  data-testid="HighlightsHorizontalCard"
1035
1055
  >
1036
1056
  <div
1037
- class="css-6c0oh5"
1057
+ class="css-1z995g"
1038
1058
  >
1039
1059
  <div
1040
1060
  class="css-14avdtw"
1041
1061
  >
1042
1062
  <picture
1043
- class="css-1fnno49"
1063
+ class="css-1li59sn"
1044
1064
  >
1045
1065
  <div
1046
1066
  class="css-5pczz7"
@@ -1059,14 +1079,14 @@ exports[`Article should render tile and sub title 1`] = `
1059
1079
  class="css-h6wt93"
1060
1080
  >
1061
1081
  <a
1062
- class="nk-card-link css-1cq1vxv"
1082
+ class="nk-card-link css-j3tblu"
1063
1083
  href="http://localhost"
1064
1084
  >
1065
1085
  <section
1066
- class="css-1mwgn7o"
1086
+ class="css-v6h0se"
1067
1087
  >
1068
1088
  <h4
1069
- class="nk-headline-heading css-10swdqn"
1089
+ class="nk-headline-heading css-l6hs79"
1070
1090
  >
1071
1091
  Test Box
1072
1092
  </h4>
@@ -1086,13 +1106,13 @@ exports[`Article should render tile and sub title 1`] = `
1086
1106
  data-testid="HighlightsHorizontalCard"
1087
1107
  >
1088
1108
  <div
1089
- class="css-6c0oh5"
1109
+ class="css-1z995g"
1090
1110
  >
1091
1111
  <div
1092
1112
  class="css-14avdtw"
1093
1113
  >
1094
1114
  <picture
1095
- class="css-1fnno49"
1115
+ class="css-1li59sn"
1096
1116
  >
1097
1117
  <div
1098
1118
  class="css-5pczz7"
@@ -1111,14 +1131,14 @@ exports[`Article should render tile and sub title 1`] = `
1111
1131
  class="css-h6wt93"
1112
1132
  >
1113
1133
  <a
1114
- class="nk-card-link css-1cq1vxv"
1134
+ class="nk-card-link css-j3tblu"
1115
1135
  href="http://localhost"
1116
1136
  >
1117
1137
  <section
1118
- class="css-1mwgn7o"
1138
+ class="css-v6h0se"
1119
1139
  >
1120
1140
  <h4
1121
- class="nk-headline-heading css-10swdqn"
1141
+ class="nk-headline-heading css-l6hs79"
1122
1142
  >
1123
1143
  Prince Harry
1124
1144
  </h4>
@@ -1137,7 +1157,7 @@ exports[`Article should render tile and sub title 1`] = `
1137
1157
  >
1138
1158
  <hr
1139
1159
  aria-hidden="true"
1140
- class="css-633um5"
1160
+ class="css-80khzk"
1141
1161
  data-testid="divider"
1142
1162
  />
1143
1163
  <div
@@ -1151,10 +1171,10 @@ exports[`Article should render tile and sub title 1`] = `
1151
1171
  data-testid="buttonLink"
1152
1172
  href="/"
1153
1173
  >
1154
- <div
1174
+ <span
1155
1175
  class="css-bptyib"
1156
1176
  >
1157
- <div
1177
+ <span
1158
1178
  class="css-1o99qvy"
1159
1179
  >
1160
1180
  <span
@@ -1162,15 +1182,16 @@ exports[`Article should render tile and sub title 1`] = `
1162
1182
  >
1163
1183
  View all
1164
1184
  </span>
1165
- </div>
1166
- <div
1185
+ </span>
1186
+ <span
1167
1187
  class="css-1o99qvy"
1168
1188
  >
1169
1189
  <svg
1170
1190
  aria-hidden="true"
1171
- class="css-w4pll7-EmotionIconBase ex0cdmw0"
1191
+ class="css-178ehod-EmotionIconBase ex0cdmw0"
1172
1192
  fill="currentColor"
1173
1193
  focusable="false"
1194
+ overrides="[object Object]"
1174
1195
  viewBox="0 0 24 24"
1175
1196
  xmlns="http://www.w3.org/2000/svg"
1176
1197
  >
@@ -1182,13 +1203,13 @@ exports[`Article should render tile and sub title 1`] = `
1182
1203
  d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"
1183
1204
  />
1184
1205
  </svg>
1185
- </div>
1186
- </div>
1206
+ </span>
1207
+ </span>
1187
1208
  </a>
1188
1209
  </div>
1189
1210
  <hr
1190
1211
  aria-hidden="true"
1191
- class="css-633um5"
1212
+ class="css-80khzk"
1192
1213
  data-testid="divider"
1193
1214
  />
1194
1215
  </div>
@@ -1217,10 +1238,10 @@ exports[`Article should render tile and sub title 1`] = `
1217
1238
  class="css-krscqv"
1218
1239
  >
1219
1240
  <section
1220
- class="css-148i9wz"
1241
+ class="css-3bvy7k"
1221
1242
  >
1222
1243
  <h3
1223
- class="nk-headline-heading css-5gd387"
1244
+ class="nk-headline-heading css-b3iww6"
1224
1245
  >
1225
1246
  Related
1226
1247
  </h3>
@@ -1234,10 +1255,10 @@ exports[`Article should render tile and sub title 1`] = `
1234
1255
  data-testid="buttonLink"
1235
1256
  href="/relatedArticles"
1236
1257
  >
1237
- <div
1258
+ <span
1238
1259
  class="css-bptyib"
1239
1260
  >
1240
- <div
1261
+ <span
1241
1262
  class="css-1o99qvy"
1242
1263
  >
1243
1264
  <span
@@ -1245,15 +1266,16 @@ exports[`Article should render tile and sub title 1`] = `
1245
1266
  >
1246
1267
  View all
1247
1268
  </span>
1248
- </div>
1249
- <div
1269
+ </span>
1270
+ <span
1250
1271
  class="css-1o99qvy"
1251
1272
  >
1252
1273
  <svg
1253
1274
  aria-hidden="true"
1254
- class="css-w4pll7-EmotionIconBase ex0cdmw0"
1275
+ class="css-178ehod-EmotionIconBase ex0cdmw0"
1255
1276
  fill="currentColor"
1256
1277
  focusable="false"
1278
+ overrides="[object Object]"
1257
1279
  viewBox="0 0 24 24"
1258
1280
  xmlns="http://www.w3.org/2000/svg"
1259
1281
  >
@@ -1265,8 +1287,8 @@ exports[`Article should render tile and sub title 1`] = `
1265
1287
  d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"
1266
1288
  />
1267
1289
  </svg>
1268
- </div>
1269
- </div>
1290
+ </span>
1291
+ </span>
1270
1292
  </a>
1271
1293
  </div>
1272
1294
  </div>
@@ -1280,13 +1302,13 @@ exports[`Article should render tile and sub title 1`] = `
1280
1302
  data-testid="articleRec-0"
1281
1303
  >
1282
1304
  <div
1283
- class="css-1opc7jp"
1305
+ class="css-1v4r5rv"
1284
1306
  >
1285
1307
  <div
1286
1308
  class="css-b5xivb"
1287
1309
  >
1288
1310
  <picture
1289
- class="css-1ofwv2g"
1311
+ class="css-qg6b0i"
1290
1312
  >
1291
1313
  <div
1292
1314
  class="css-5pczz7"
@@ -1311,14 +1333,14 @@ exports[`Article should render tile and sub title 1`] = `
1311
1333
  class="css-1vjcmlt"
1312
1334
  >
1313
1335
  <a
1314
- class="nk-card-link css-1cq1vxv"
1336
+ class="nk-card-link css-j3tblu"
1315
1337
  href="http://localhost"
1316
1338
  >
1317
1339
  <section
1318
- class="css-zs57uu"
1340
+ class="css-jdch7u"
1319
1341
  >
1320
1342
  <h6
1321
- class="nk-headline-heading css-10swdqn"
1343
+ class="nk-headline-heading css-l6hs79"
1322
1344
  >
1323
1345
  Prince Harry
1324
1346
  </h6>
@@ -1329,7 +1351,7 @@ exports[`Article should render tile and sub title 1`] = `
1329
1351
  class="css-1vjcmlt"
1330
1352
  >
1331
1353
  <p
1332
- class="css-14u46jx"
1354
+ class="css-x4rcwg"
1333
1355
  >
1334
1356
  news
1335
1357
  </p>
@@ -1344,13 +1366,13 @@ exports[`Article should render tile and sub title 1`] = `
1344
1366
  data-testid="articleRec-1"
1345
1367
  >
1346
1368
  <div
1347
- class="css-1opc7jp"
1369
+ class="css-1v4r5rv"
1348
1370
  >
1349
1371
  <div
1350
1372
  class="css-b5xivb"
1351
1373
  >
1352
1374
  <picture
1353
- class="css-1ofwv2g"
1375
+ class="css-qg6b0i"
1354
1376
  >
1355
1377
  <div
1356
1378
  class="css-5pczz7"
@@ -1375,14 +1397,14 @@ exports[`Article should render tile and sub title 1`] = `
1375
1397
  class="css-1vjcmlt"
1376
1398
  >
1377
1399
  <a
1378
- class="nk-card-link css-1cq1vxv"
1400
+ class="nk-card-link css-j3tblu"
1379
1401
  href="http://localhost"
1380
1402
  >
1381
1403
  <section
1382
- class="css-zs57uu"
1404
+ class="css-jdch7u"
1383
1405
  >
1384
1406
  <h6
1385
- class="nk-headline-heading css-10swdqn"
1407
+ class="nk-headline-heading css-l6hs79"
1386
1408
  >
1387
1409
  Meghan Markle
1388
1410
  </h6>
@@ -1393,7 +1415,7 @@ exports[`Article should render tile and sub title 1`] = `
1393
1415
  class="css-1vjcmlt"
1394
1416
  >
1395
1417
  <p
1396
- class="css-14u46jx"
1418
+ class="css-x4rcwg"
1397
1419
  >
1398
1420
  news
1399
1421
  </p>
@@ -1409,7 +1431,7 @@ exports[`Article should render tile and sub title 1`] = `
1409
1431
  >
1410
1432
  <hr
1411
1433
  aria-hidden="true"
1412
- class="css-633um5"
1434
+ class="css-80khzk"
1413
1435
  data-testid="divider"
1414
1436
  />
1415
1437
  <div
@@ -1423,10 +1445,10 @@ exports[`Article should render tile and sub title 1`] = `
1423
1445
  data-testid="buttonLink"
1424
1446
  href="/relatedArticles"
1425
1447
  >
1426
- <div
1448
+ <span
1427
1449
  class="css-bptyib"
1428
1450
  >
1429
- <div
1451
+ <span
1430
1452
  class="css-1o99qvy"
1431
1453
  >
1432
1454
  <span
@@ -1434,15 +1456,16 @@ exports[`Article should render tile and sub title 1`] = `
1434
1456
  >
1435
1457
  View all
1436
1458
  </span>
1437
- </div>
1438
- <div
1459
+ </span>
1460
+ <span
1439
1461
  class="css-1o99qvy"
1440
1462
  >
1441
1463
  <svg
1442
1464
  aria-hidden="true"
1443
- class="css-w4pll7-EmotionIconBase ex0cdmw0"
1465
+ class="css-178ehod-EmotionIconBase ex0cdmw0"
1444
1466
  fill="currentColor"
1445
1467
  focusable="false"
1468
+ overrides="[object Object]"
1446
1469
  viewBox="0 0 24 24"
1447
1470
  xmlns="http://www.w3.org/2000/svg"
1448
1471
  >
@@ -1454,13 +1477,13 @@ exports[`Article should render tile and sub title 1`] = `
1454
1477
  d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"
1455
1478
  />
1456
1479
  </svg>
1457
- </div>
1458
- </div>
1480
+ </span>
1481
+ </span>
1459
1482
  </a>
1460
1483
  </div>
1461
1484
  <hr
1462
1485
  aria-hidden="true"
1463
- class="css-633um5"
1486
+ class="css-80khzk"
1464
1487
  data-testid="divider"
1465
1488
  />
1466
1489
  </div>
@@ -1480,7 +1503,7 @@ exports[`Article should render tile and sub title 1`] = `
1480
1503
  </div>
1481
1504
  </div>
1482
1505
  <div
1483
- class="css-1p8e12n"
1506
+ class="css-sxhtf1"
1484
1507
  >
1485
1508
  <div
1486
1509
  class="css-8atxkm"
@@ -1544,7 +1567,7 @@ exports[`Article should render tile and sub title 1`] = `
1544
1567
  class="css-17x5lw"
1545
1568
  >
1546
1569
  <span
1547
- class="css-kxo08d"
1570
+ class="css-yk25sg"
1548
1571
  >
1549
1572
  NavLink One
1550
1573
  </span>
@@ -1563,7 +1586,7 @@ exports[`Article should render tile and sub title 1`] = `
1563
1586
  class="css-17x5lw"
1564
1587
  >
1565
1588
  <span
1566
- class="css-kxo08d"
1589
+ class="css-yk25sg"
1567
1590
  >
1568
1591
  NavLink Two
1569
1592
  </span>
@@ -1582,7 +1605,7 @@ exports[`Article should render tile and sub title 1`] = `
1582
1605
  class="css-17x5lw"
1583
1606
  >
1584
1607
  <span
1585
- class="css-kxo08d"
1608
+ class="css-yk25sg"
1586
1609
  >
1587
1610
  NavLink Three
1588
1611
  </span>
@@ -1601,7 +1624,7 @@ exports[`Article should render tile and sub title 1`] = `
1601
1624
  class="css-17x5lw"
1602
1625
  >
1603
1626
  <span
1604
- class="css-kxo08d"
1627
+ class="css-yk25sg"
1605
1628
  >
1606
1629
  NavLink Four
1607
1630
  </span>
@@ -1620,7 +1643,7 @@ exports[`Article should render tile and sub title 1`] = `
1620
1643
  class="css-17x5lw"
1621
1644
  >
1622
1645
  <span
1623
- class="css-kxo08d"
1646
+ class="css-yk25sg"
1624
1647
  >
1625
1648
  NavLink Five
1626
1649
  </span>
@@ -1639,7 +1662,7 @@ exports[`Article should render tile and sub title 1`] = `
1639
1662
  class="css-17x5lw"
1640
1663
  >
1641
1664
  <span
1642
- class="css-kxo08d"
1665
+ class="css-yk25sg"
1643
1666
  >
1644
1667
  NavLink Six
1645
1668
  </span>
@@ -1657,7 +1680,7 @@ exports[`Article should render tile and sub title 1`] = `
1657
1680
  />
1658
1681
  </div>
1659
1682
  <p
1660
- class="css-1m5hsr4"
1683
+ class="css-tiln3q"
1661
1684
  >
1662
1685
  Copyright © YYYY News Corp. All rights reserved.
1663
1686
  </p>