@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__/brightcove.test.tsx.snap CHANGED
@@ -3,7 +3,7 @@
3
3
  exports[`Brightcove page tests render page 1`] = `
4
4
  <DocumentFragment>
5
5
  <div
6
- class="css-zbadpv"
6
+ class="css-1xmyjoc"
7
7
  >
8
8
  <video
9
9
  class="video-js vjs-fluid"
package/__tests__/pages/__snapshots__/home.test.tsx.snap CHANGED
@@ -107,10 +107,11 @@ exports[`getServerSideProps Homepage 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[`getServerSideProps Homepage 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[`getServerSideProps Homepage 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[`getServerSideProps Homepage 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>
@@ -247,7 +248,7 @@ exports[`getServerSideProps Homepage 1`] = `
247
248
  data-testid="featureVerticalCell"
248
249
  >
249
250
  <div
250
- class="css-1opc7jp"
251
+ class="css-1v4r5rv"
251
252
  >
252
253
  <div
253
254
  class="css-x4egtb"
@@ -272,14 +273,14 @@ exports[`getServerSideProps Homepage 1`] = `
272
273
  class="css-7q4xyp"
273
274
  >
274
275
  <a
275
- class="nk-card-link css-1cq1vxv"
276
+ class="nk-card-link css-j3tblu"
276
277
  href="catagory-one/demo-1/test-headline"
277
278
  >
278
279
  <section
279
- class="css-kxmtg8"
280
+ class="css-1jxtwhc"
280
281
  >
281
282
  <h3
282
- class="nk-headline-heading css-10swdqn"
283
+ class="nk-headline-heading css-l6hs79"
283
284
  >
284
285
  test headline
285
286
  </h3>
@@ -298,7 +299,7 @@ exports[`getServerSideProps Homepage 1`] = `
298
299
  data-testid="titleVerticalCell-0"
299
300
  >
300
301
  <div
301
- class="css-6c0oh5"
302
+ class="css-1z995g"
302
303
  >
303
304
  <div
304
305
  class="css-1rsw0n0"
@@ -323,14 +324,14 @@ exports[`getServerSideProps Homepage 1`] = `
323
324
  class="css-165k7dq"
324
325
  >
325
326
  <a
326
- class="nk-card-link css-1cq1vxv"
327
+ class="nk-card-link css-j3tblu"
327
328
  href="catagory-two/demo-2/test-headline-2"
328
329
  >
329
330
  <section
330
- class="css-75k513"
331
+ class="css-4kc5mr"
331
332
  >
332
333
  <h3
333
- class="nk-headline-heading css-10swdqn"
334
+ class="nk-headline-heading css-l6hs79"
334
335
  >
335
336
  test headline 2
336
337
  </h3>
@@ -346,7 +347,7 @@ exports[`getServerSideProps Homepage 1`] = `
346
347
  data-testid="titleVerticalCell-1"
347
348
  >
348
349
  <div
349
- class="css-6c0oh5"
350
+ class="css-1z995g"
350
351
  >
351
352
  <div
352
353
  class="css-1rsw0n0"
@@ -371,14 +372,14 @@ exports[`getServerSideProps Homepage 1`] = `
371
372
  class="css-165k7dq"
372
373
  >
373
374
  <a
374
- class="nk-card-link css-1cq1vxv"
375
+ class="nk-card-link css-j3tblu"
375
376
  href="catagory-three/demo-3/test-headline-3"
376
377
  >
377
378
  <section
378
- class="css-75k513"
379
+ class="css-4kc5mr"
379
380
  >
380
381
  <h3
381
- class="nk-headline-heading css-10swdqn"
382
+ class="nk-headline-heading css-l6hs79"
382
383
  >
383
384
  test headline 3
384
385
  </h3>
@@ -403,13 +404,13 @@ exports[`getServerSideProps Homepage 1`] = `
403
404
  data-testid="titleTeaserVertical-0"
404
405
  >
405
406
  <div
406
- class="css-6c0oh5"
407
+ class="css-1z995g"
407
408
  >
408
409
  <div
409
410
  class="css-1rsw0n0"
410
411
  >
411
412
  <picture
412
- class="css-1tech79"
413
+ class="css-38m0e9"
413
414
  >
414
415
  <div
415
416
  class="css-5pczz7"
@@ -431,14 +432,14 @@ exports[`getServerSideProps Homepage 1`] = `
431
432
  class="css-165k7dq"
432
433
  >
433
434
  <a
434
- class="nk-card-link css-1cq1vxv"
435
+ class="nk-card-link css-j3tblu"
435
436
  href="catagory-one/demo-1/test-headline"
436
437
  >
437
438
  <section
438
- class="css-75k513"
439
+ class="css-4kc5mr"
439
440
  >
440
441
  <h3
441
- class="nk-headline-heading css-10swdqn"
442
+ class="nk-headline-heading css-l6hs79"
442
443
  >
443
444
  test headline
444
445
  </h3>
@@ -454,13 +455,13 @@ exports[`getServerSideProps Homepage 1`] = `
454
455
  data-testid="titleTeaserVertical-1"
455
456
  >
456
457
  <div
457
- class="css-6c0oh5"
458
+ class="css-1z995g"
458
459
  >
459
460
  <div
460
461
  class="css-1rsw0n0"
461
462
  >
462
463
  <picture
463
- class="css-1tech79"
464
+ class="css-38m0e9"
464
465
  >
465
466
  <div
466
467
  class="css-5pczz7"
@@ -482,14 +483,14 @@ exports[`getServerSideProps Homepage 1`] = `
482
483
  class="css-165k7dq"
483
484
  >
484
485
  <a
485
- class="nk-card-link css-1cq1vxv"
486
+ class="nk-card-link css-j3tblu"
486
487
  href="catagory-two/demo-2/test-headline-2"
487
488
  >
488
489
  <section
489
- class="css-75k513"
490
+ class="css-4kc5mr"
490
491
  >
491
492
  <h3
492
- class="nk-headline-heading css-10swdqn"
493
+ class="nk-headline-heading css-l6hs79"
493
494
  >
494
495
  test headline 2
495
496
  </h3>
@@ -505,7 +506,7 @@ exports[`getServerSideProps Homepage 1`] = `
505
506
  data-testid="titleTeaserVertical-2"
506
507
  >
507
508
  <div
508
- class="css-6c0oh5"
509
+ class="css-1z995g"
509
510
  >
510
511
  <div
511
512
  class="css-1rsw0n0"
@@ -530,14 +531,14 @@ exports[`getServerSideProps Homepage 1`] = `
530
531
  class="css-165k7dq"
531
532
  >
532
533
  <a
533
- class="nk-card-link css-1cq1vxv"
534
+ class="nk-card-link css-j3tblu"
534
535
  href="catagory-three/demo-3/test-headline-3"
535
536
  >
536
537
  <section
537
- class="css-75k513"
538
+ class="css-4kc5mr"
538
539
  >
539
540
  <h3
540
- class="nk-headline-heading css-10swdqn"
541
+ class="nk-headline-heading css-l6hs79"
541
542
  >
542
543
  test headline 3
543
544
  </h3>
@@ -553,13 +554,13 @@ exports[`getServerSideProps Homepage 1`] = `
553
554
  data-testid="titleTeaserVertical-3"
554
555
  >
555
556
  <div
556
- class="css-6c0oh5"
557
+ class="css-1z995g"
557
558
  >
558
559
  <div
559
560
  class="css-1rsw0n0"
560
561
  >
561
562
  <picture
562
- class="css-1tech79"
563
+ class="css-38m0e9"
563
564
  >
564
565
  <div
565
566
  class="css-5pczz7"
@@ -581,14 +582,14 @@ exports[`getServerSideProps Homepage 1`] = `
581
582
  class="css-165k7dq"
582
583
  >
583
584
  <a
584
- class="nk-card-link css-1cq1vxv"
585
+ class="nk-card-link css-j3tblu"
585
586
  href="catagory-four/demo-4/test-headline-4"
586
587
  >
587
588
  <section
588
- class="css-75k513"
589
+ class="css-4kc5mr"
589
590
  >
590
591
  <h3
591
- class="nk-headline-heading css-10swdqn"
592
+ class="nk-headline-heading css-l6hs79"
592
593
  >
593
594
  test headline 4
594
595
  </h3>
@@ -611,14 +612,14 @@ exports[`getServerSideProps Homepage 1`] = `
611
612
  </h2>
612
613
  <p>
613
614
  <a
614
- class="css-18a7y8p"
615
+ class="css-jgk665"
615
616
  href="/catagory-one/demo-1/test-headline"
616
617
  >
617
618
  <span
618
619
  class="css-17x5lw"
619
620
  >
620
621
  <span
621
- class="css-1golznc"
622
+ class="css-14vfegn"
622
623
  >
623
624
  test headline
624
625
  </span>
@@ -627,14 +628,14 @@ exports[`getServerSideProps Homepage 1`] = `
627
628
  </p>
628
629
  <p>
629
630
  <a
630
- class="css-18a7y8p"
631
+ class="css-jgk665"
631
632
  href="/catagory-two/demo-2/test-headline-2"
632
633
  >
633
634
  <span
634
635
  class="css-17x5lw"
635
636
  >
636
637
  <span
637
- class="css-1golznc"
638
+ class="css-14vfegn"
638
639
  >
639
640
  test headline 2
640
641
  </span>
@@ -653,14 +654,14 @@ exports[`getServerSideProps Homepage 1`] = `
653
654
  </h2>
654
655
  <p>
655
656
  <a
656
- class="css-18a7y8p"
657
+ class="css-jgk665"
657
658
  href="/uncategorized"
658
659
  >
659
660
  <span
660
661
  class="css-17x5lw"
661
662
  >
662
663
  <span
663
- class="css-1golznc"
664
+ class="css-14vfegn"
664
665
  >
665
666
  TODO - External Reference
666
667
  </span>
@@ -669,14 +670,14 @@ exports[`getServerSideProps Homepage 1`] = `
669
670
  </p>
670
671
  <p>
671
672
  <a
672
- class="css-18a7y8p"
673
+ class="css-jgk665"
673
674
  href="/uncategorized"
674
675
  >
675
676
  <span
676
677
  class="css-17x5lw"
677
678
  >
678
679
  <span
679
- class="css-1golznc"
680
+ class="css-14vfegn"
680
681
  >
681
682
  TODO - Video
682
683
  </span>
@@ -685,14 +686,14 @@ exports[`getServerSideProps Homepage 1`] = `
685
686
  </p>
686
687
  <p>
687
688
  <a
688
- class="css-18a7y8p"
689
+ class="css-jgk665"
689
690
  href="/uncategorized"
690
691
  >
691
692
  <span
692
693
  class="css-17x5lw"
693
694
  >
694
695
  <span
695
- class="css-1golznc"
696
+ class="css-14vfegn"
696
697
  >
697
698
  Unknown slice block - something
698
699
  </span>
@@ -712,13 +713,13 @@ exports[`getServerSideProps Homepage 1`] = `
712
713
  data-testid="featureVerticalCell"
713
714
  >
714
715
  <div
715
- class="css-1opc7jp"
716
+ class="css-1v4r5rv"
716
717
  >
717
718
  <div
718
719
  class="css-x4egtb"
719
720
  >
720
721
  <picture
721
- class="css-159hhrk"
722
+ class="css-fmjvjr"
722
723
  >
723
724
  <div
724
725
  class="css-5pczz7"
@@ -739,10 +740,10 @@ exports[`getServerSideProps Homepage 1`] = `
739
740
  class="css-7q4xyp"
740
741
  >
741
742
  <section
742
- class="css-kxmtg8"
743
+ class="css-1jxtwhc"
743
744
  >
744
745
  <h3
745
- class="nk-headline-heading css-5gd387"
746
+ class="nk-headline-heading css-b3iww6"
746
747
  >
747
748
  TODO - External Reference
748
749
  </h3>
@@ -760,13 +761,13 @@ exports[`getServerSideProps Homepage 1`] = `
760
761
  data-testid="titleVerticalCell-0"
761
762
  >
762
763
  <div
763
- class="css-6c0oh5"
764
+ class="css-1z995g"
764
765
  >
765
766
  <div
766
767
  class="css-1rsw0n0"
767
768
  >
768
769
  <picture
769
- class="css-1ofwv2g"
770
+ class="css-qg6b0i"
770
771
  >
771
772
  <div
772
773
  class="css-5pczz7"
@@ -787,10 +788,10 @@ exports[`getServerSideProps Homepage 1`] = `
787
788
  class="css-165k7dq"
788
789
  >
789
790
  <section
790
- class="css-75k513"
791
+ class="css-4kc5mr"
791
792
  >
792
793
  <h3
793
- class="nk-headline-heading css-5gd387"
794
+ class="nk-headline-heading css-b3iww6"
794
795
  >
795
796
  TODO - Video
796
797
  </h3>
@@ -805,13 +806,13 @@ exports[`getServerSideProps Homepage 1`] = `
805
806
  data-testid="titleVerticalCell-1"
806
807
  >
807
808
  <div
808
- class="css-6c0oh5"
809
+ class="css-1z995g"
809
810
  >
810
811
  <div
811
812
  class="css-1rsw0n0"
812
813
  >
813
814
  <picture
814
- class="css-1ofwv2g"
815
+ class="css-qg6b0i"
815
816
  >
816
817
  <div
817
818
  class="css-5pczz7"
@@ -832,10 +833,10 @@ exports[`getServerSideProps Homepage 1`] = `
832
833
  class="css-165k7dq"
833
834
  >
834
835
  <section
835
- class="css-75k513"
836
+ class="css-4kc5mr"
836
837
  >
837
838
  <h3
838
- class="nk-headline-heading css-5gd387"
839
+ class="nk-headline-heading css-b3iww6"
839
840
  >
840
841
  Unknown slice block - something
841
842
  </h3>
@@ -859,13 +860,13 @@ exports[`getServerSideProps Homepage 1`] = `
859
860
  data-testid="titleTeaserVertical-0"
860
861
  >
861
862
  <div
862
- class="css-1opc7jp"
863
+ class="css-1v4r5rv"
863
864
  >
864
865
  <div
865
866
  class="css-c5dn4i"
866
867
  >
867
868
  <picture
868
- class="css-1tech79"
869
+ class="css-38m0e9"
869
870
  >
870
871
  <div
871
872
  class="css-5pczz7"
@@ -887,14 +888,14 @@ exports[`getServerSideProps Homepage 1`] = `
887
888
  class="css-8mepow"
888
889
  >
889
890
  <a
890
- class="nk-card-link css-1cq1vxv"
891
+ class="nk-card-link css-j3tblu"
891
892
  href="catagory-one/demo-1/test-headline"
892
893
  >
893
894
  <section
894
- class="css-zs57uu"
895
+ class="css-jdch7u"
895
896
  >
896
897
  <h3
897
- class="nk-headline-heading css-10swdqn"
898
+ class="nk-headline-heading css-l6hs79"
898
899
  >
899
900
  test headline
900
901
  </h3>
@@ -905,7 +906,7 @@ exports[`getServerSideProps Homepage 1`] = `
905
906
  class="css-a1yn46"
906
907
  >
907
908
  <p
908
- class="css-14u46jx"
909
+ class="css-x4rcwg"
909
910
  >
910
911
  teaser test text
911
912
  </p>
@@ -919,13 +920,13 @@ exports[`getServerSideProps Homepage 1`] = `
919
920
  data-testid="titleTeaserVertical-1"
920
921
  >
921
922
  <div
922
- class="css-1opc7jp"
923
+ class="css-1v4r5rv"
923
924
  >
924
925
  <div
925
926
  class="css-c5dn4i"
926
927
  >
927
928
  <picture
928
- class="css-1tech79"
929
+ class="css-38m0e9"
929
930
  >
930
931
  <div
931
932
  class="css-5pczz7"
@@ -947,14 +948,14 @@ exports[`getServerSideProps Homepage 1`] = `
947
948
  class="css-8mepow"
948
949
  >
949
950
  <a
950
- class="nk-card-link css-1cq1vxv"
951
+ class="nk-card-link css-j3tblu"
951
952
  href="catagory-one/demo-2/test-headline-2"
952
953
  >
953
954
  <section
954
- class="css-zs57uu"
955
+ class="css-jdch7u"
955
956
  >
956
957
  <h3
957
- class="nk-headline-heading css-10swdqn"
958
+ class="nk-headline-heading css-l6hs79"
958
959
  >
959
960
  test headline 2
960
961
  </h3>
@@ -965,7 +966,7 @@ exports[`getServerSideProps Homepage 1`] = `
965
966
  class="css-a1yn46"
966
967
  >
967
968
  <p
968
- class="css-14u46jx"
969
+ class="css-x4rcwg"
969
970
  >
970
971
  teaser test text 2
971
972
  </p>
@@ -984,7 +985,7 @@ exports[`getServerSideProps Homepage 1`] = `
984
985
  </div>
985
986
  </div>
986
987
  <div
987
- class="css-1p8e12n"
988
+ class="css-sxhtf1"
988
989
  >
989
990
  <div
990
991
  class="css-8atxkm"
@@ -1048,7 +1049,7 @@ exports[`getServerSideProps Homepage 1`] = `
1048
1049
  class="css-17x5lw"
1049
1050
  >
1050
1051
  <span
1051
- class="css-kxo08d"
1052
+ class="css-yk25sg"
1052
1053
  >
1053
1054
  NavLink One
1054
1055
  </span>
@@ -1067,7 +1068,7 @@ exports[`getServerSideProps Homepage 1`] = `
1067
1068
  class="css-17x5lw"
1068
1069
  >
1069
1070
  <span
1070
- class="css-kxo08d"
1071
+ class="css-yk25sg"
1071
1072
  >
1072
1073
  NavLink Two
1073
1074
  </span>
@@ -1086,7 +1087,7 @@ exports[`getServerSideProps Homepage 1`] = `
1086
1087
  class="css-17x5lw"
1087
1088
  >
1088
1089
  <span
1089
- class="css-kxo08d"
1090
+ class="css-yk25sg"
1090
1091
  >
1091
1092
  NavLink Three
1092
1093
  </span>
@@ -1105,7 +1106,7 @@ exports[`getServerSideProps Homepage 1`] = `
1105
1106
  class="css-17x5lw"
1106
1107
  >
1107
1108
  <span
1108
- class="css-kxo08d"
1109
+ class="css-yk25sg"
1109
1110
  >
1110
1111
  NavLink Four
1111
1112
  </span>
@@ -1124,7 +1125,7 @@ exports[`getServerSideProps Homepage 1`] = `
1124
1125
  class="css-17x5lw"
1125
1126
  >
1126
1127
  <span
1127
- class="css-kxo08d"
1128
+ class="css-yk25sg"
1128
1129
  >
1129
1130
  NavLink Five
1130
1131
  </span>
@@ -1143,7 +1144,7 @@ exports[`getServerSideProps Homepage 1`] = `
1143
1144
  class="css-17x5lw"
1144
1145
  >
1145
1146
  <span
1146
- class="css-kxo08d"
1147
+ class="css-yk25sg"
1147
1148
  >
1148
1149
  NavLink Six
1149
1150
  </span>
@@ -1161,7 +1162,7 @@ exports[`getServerSideProps Homepage 1`] = `
1161
1162
  />
1162
1163
  </div>
1163
1164
  <p
1164
- class="css-1m5hsr4"
1165
+ class="css-tiln3q"
1165
1166
  >
1166
1167
  Copyright © YYYY News Corp. All rights reserved.
1167
1168
  </p>