@newskit-render/core 1.66.0 → 1.68.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 (51) hide show
  1. package/CHANGELOG.md +133 -0
  2. package/README.md +16 -0
  3. package/__tests__/pages/[articleSlug].test.tsx +1 -55
  4. package/__tests__/pages/__snapshots__/home.test.tsx.snap +657 -626
  5. package/__tests__/pages/__snapshots__/relatedArticles.test.tsx.snap +651 -0
  6. package/__tests__/pages/relatedArticles.test.tsx +23 -11
  7. package/components/article/__tests__/__snapshots__/index.test.tsx.snap +1091 -1060
  8. package/components/footer/index.tsx +1 -1
  9. package/components/header/banner-messages.ts +45 -0
  10. package/components/header/index.tsx +31 -287
  11. package/components/header/navigation-links.ts +20 -0
  12. package/components/layout/LayoutTemplate.tsx +4 -1
  13. package/config/__tests__/index.test.ts +53 -0
  14. package/config/environment.ts +67 -0
  15. package/config/index.ts +2 -85
  16. package/config/multiTenancy.ts +12 -0
  17. package/{app-context → context/app-context}/AppContext.test.tsx +7 -3
  18. package/{app-context/AppContext.tsx → context/app-context/index.tsx} +5 -1
  19. package/context/index.tsx +2 -0
  20. package/context/multi-tenancy/MultiTenancy.test.tsx +47 -0
  21. package/context/multi-tenancy/index.tsx +31 -0
  22. package/css/index.ts +224 -0
  23. package/cypress/support/commands.js +8 -4
  24. package/helpers/__tests__/createThemeDropdownObject.test.ts +3 -3
  25. package/helpers/__tests__/getRecommendation.test.ts +62 -0
  26. package/helpers/createThemeDropdownObject.ts +3 -3
  27. package/helpers/getRecommendations.ts +29 -0
  28. package/helpers/global-types.ts +8 -0
  29. package/{__tests__/pages/mocks.ts → helpers/mocks/getRecommendationsMock.ts} +2 -6
  30. package/helpers/multiTenancy.ts +19 -0
  31. package/jest.config.js +1 -2
  32. package/package.json +11 -9
  33. package/pages/[section]/[articleId]/[articleSlug].tsx +17 -10
  34. package/pages/[section]/[articleId]/relatedArticles.tsx +49 -40
  35. package/pages/_app.tsx +42 -257
  36. package/pages/account/cancellation/index.tsx +1 -1
  37. package/pages/account/edit/[field].tsx +1 -1
  38. package/pages/account/index.tsx +1 -1
  39. package/pages/account/newsletters-and-alerts/index.tsx +1 -1
  40. package/pages/account/payment/index.tsx +1 -1
  41. package/pages/account/subscription-and-billing/index.tsx +1 -1
  42. package/pages/api/auth/[...nextauth].ts +5 -1
  43. package/pages/api/recommendations/[...slug].ts +21 -0
  44. package/pages/checkout/account-creation/index.tsx +1 -1
  45. package/pages/checkout/payment-details/index.tsx +1 -1
  46. package/pages/help-hub/[id]/index.tsx +22 -9
  47. package/pages/help-hub/index.tsx +22 -9
  48. package/pages/help-hub/results.tsx +24 -0
  49. package/theme/strings/demo.ts +1 -0
  50. package/theme/strings/index.ts +1 -0
  51. package/components/header/index.test.tsx +0 -73
package/components/article/__tests__/__snapshots__/index.test.tsx.snap CHANGED
@@ -2,195 +2,221 @@
2
2
 
3
3
  exports[`Article should render tile and sub title 1`] = `
4
4
  <DocumentFragment>
5
- <div
6
- class="css-166vhks"
5
+ <header
6
+ class="css-1d2q07x"
7
7
  >
8
8
  <div
9
- class="css-8atxkm"
9
+ class="css-1f9kms0"
10
+ data-testid="NavigationPrimary"
10
11
  >
11
12
  <div
12
- class="css-1w88buo"
13
- data-testid="PageLayout"
13
+ class="css-2orcb8"
14
14
  >
15
15
  <div
16
- class="css-18d6eiw"
17
- data-testid="PageLayout"
16
+ class="css-16f3kje"
18
17
  >
19
- <div
20
- class="css-jl4h98"
18
+ <a
19
+ aria-label="Logo Link"
20
+ class="css-e43kyg"
21
+ href="/"
21
22
  >
22
- <a
23
- aria-label="Logo Link"
24
- class="css-e43kyg"
25
- href="/"
23
+ <span
24
+ class="css-17x5lw"
26
25
  >
27
- <span
28
- class="css-17x5lw"
26
+ <div
27
+ class="css-1nlep1q"
29
28
  >
30
29
  <div
31
- class="css-1nlep1q"
30
+ class="css-u544wz"
32
31
  >
33
32
  <svg
34
- class="css-kgdu16"
35
- height="40px"
36
- viewBox="0 0 244 40"
33
+ aria-hidden="true"
34
+ class="css-8qscsg"
35
+ fill="currentColor"
36
+ viewBox="0 0 1601 347"
37
+ xmlns="http://www.w3.org/2000/svg"
37
38
  >
38
- <title>
39
- NewsKit Logo
40
- </title>
41
- <path
42
- d="M86.93 34.078V19.006l12.017 15.462a.63.63 0 0 0 .496.243h5.94a.63.63 0 0 0 .629-.633V6.715a.63.63 0 0 0-.629-.633h-6.553a.63.63 0 0 0-.629.633v14.499L86.671 6.326a.63.63 0 0 0-.496-.244h-6.427a.63.63 0 0 0-.629.633v27.363a.63.63 0 0 0 .629.633h6.553a.63.63 0 0 0 .629-.633zm134.203-20.324c2.389 0 4.325-1.947 4.325-4.35s-1.936-4.35-4.325-4.35-4.325 1.947-4.325 4.35 1.936 4.35 4.325 4.35zM120.484 35.185c4.133 0 7.092-1.617 9.192-4.085.112-.132.196-.514-.023-.696l-3.487-2.897c-.267-.222-.691-.111-.819.004-1.437 1.296-2.778 1.881-4.496 1.881-2.401 0-4.151-1.224-4.761-3.631h13.949c.26 0 .821-.208.821-.638v-.953c0-6.487-3.499-12.077-11.067-12.077-6.51 0-11.108 5.1-11.108 11.546v.082c0 6.813 4.882 11.465 11.799 11.465zm3.299-13.444h-7.706c.407-2.421 1.794-3.954 3.832-3.954 2.121 0 3.588 1.533 3.874 3.954zm20.504 12.53l3.366-10.581c.026-.083.115-.129.198-.102.049.016.087.054.102.103l3.289 10.576a.63.63 0 0 0 .601.444h5.737a.63.63 0 0 0 .601-.447l6.399-20.955c.102-.334-.084-.688-.416-.79-.06-.018-.122-.028-.185-.028h-6.102a.63.63 0 0 0-.607.469l-2.7 10.167c-.023.084-.109.135-.193.112-.052-.014-.094-.054-.11-.107l-3.116-10.276a.63.63 0 0 0-.602-.448h-5.409a.63.63 0 0 0-.601.447l-3.114 10.193c-.026.084-.114.13-.197.105-.052-.016-.092-.058-.106-.111L138.5 12.963a.63.63 0 0 0-.608-.473h-6.184a.63.63 0 0 0-.629.633c0 .062.009.124.027.184l6.323 20.955a.63.63 0 0 0 .602.449h5.657a.63.63 0 0 0 .599-.44zm30.749.914c5.364 0 8.981-2.538 8.981-7.411v-.082c0-3.869-2.798-5.483-6.527-6.663l-.25-.078-.253-.077-.255-.076-.258-.075-.259-.074-.69-.212-.285-.09-.205-.066-.197-.065-.189-.064-.181-.063-.116-.042-.113-.041-.109-.041-.106-.041-.102-.041-.098-.041-.095-.041-.045-.021-.089-.042-.085-.042-.082-.042-.039-.021-.076-.043-.071-.043-.068-.044c-.351-.235-.536-.495-.536-.819v-.082c0-.655.61-1.105 1.788-1.105 1.631 0 3.897.677 6.042 1.831l.116.063.017.006.024.007.029.007a.6.6 0 0 0 .034.006l.038.004c.124.009.29-.019.36-.192l.176-.536.147-.454.26-.816.273-.875.224-.726.421-1.38c.067-.22-.02-.337-.088-.391l-.019-.014-.025-.015c-2.353-1.248-5.173-1.93-7.947-1.93-5.08 0-8.819 2.62-8.819 7.329v.082c0 3.759 2.496 5.387 5.915 6.496l.243.077.246.076.248.074.252.073.254.072.256.071.259.07.13.035.55.157.367.106.277.082.198.061.128.04.185.059.118.039.115.039.111.039.107.039.103.039.051.02.097.04.048.02.092.04.088.04.084.041.081.041c.511.268.776.569.776.983v.082c0 .778-.65 1.187-1.991 1.187-2.157 0-4.714-.772-7.12-2.281l-.116-.074-.025-.015-.029-.015-.032-.015c-.106-.044-.251-.065-.332.079l-1.527 4.645-.051.153c-.103.295.109.504.212.565 2.713 1.602 5.831 2.403 8.979 2.403zm20.475-1.265V27.17a.16.16 0 0 1 .041-.106l2.707-2.996c.059-.065.158-.069.223-.011.009.008.017.018.024.028l6.887 10.19a.63.63 0 0 0 .52.277h7.894a.63.63 0 0 0 .519-.99l-10.382-15.267c-.041-.06-.036-.14.012-.194l9.756-11.126c.23-.262.205-.662-.055-.893-.115-.102-.263-.158-.416-.158h-7.614a.63.63 0 0 0-.479.223l-9.36 11.065c-.056.066-.155.075-.222.018-.035-.03-.055-.074-.055-.12V6.557a.63.63 0 0 0-.629-.633h-6.618a.63.63 0 0 0-.63.633V33.92a.63.63 0 0 0 .63.633h6.618a.63.63 0 0 0 .629-.633zm29.554 0V16.93a.63.63 0 0 0-.629-.633h-6.448a.63.63 0 0 0-.629.633v16.99a.63.63 0 0 0 .629.633h6.448a.63.63 0 0 0 .629-.633zm13.423 1.107c1.945 0 3.625-.433 4.951-1.088l.096-.048.026-.014.028-.017c.117-.074.267-.222.267-.559v-5.177c0-.267-.213-.294-.37-.268l-.035.007-.047.013c-.01.003-.019.006-.027.01l-.012.005c-.785.321-1.597.517-2.437.517-1.423 0-2.115-.654-2.115-2.206v-7.36c0-.087.071-.158.158-.158h4.337a.63.63 0 0 0 .629-.633v-4.946a.63.63 0 0 0-.629-.633h-4.337c-.087 0-.158-.071-.158-.158V7.506a.63.63 0 0 0-.629-.633h-6.428a.63.63 0 0 0-.629.633v4.807c0 .087-.07.158-.157.158h-1.816a.63.63 0 0 0-.629.633v4.946a.63.63 0 0 0 .629.633h1.816c.087 0 .157.071.157.158v8.872c0 5.271 2.725 7.314 7.361 7.314z"
43
- fill="#fff"
44
- />
45
- <path
46
- d="M61.846.936c3.35.413 4.944 4.005 4.92 8.746l.017-.013c-5.497 4.462-16.323 7.515-26.958 1.71l.011-.016c1.568.832 3.224 1.475 5.172 1.715 2.386.294 4.303-1.023 6.043-2.889l.124-.134.062-.068.123-.137.123-.138.122-.14.121-.142.061-.071.121-.144.12-.145.146-.178.073-.09.182-.226.181-.228.144-.184.144-.185.143-.185.215-.279 1.091-1.431.209-.271.209-.269.14-.178.14-.177.14-.175.141-.173.141-.172.113-.136.113-.135.114-.133.114-.132.057-.065.114-.13.057-.064.115-.127.173-.187.116-.123.175-.18.117-.118C58.328 1.663 59.933.7 61.846.936z"
47
- fill="white"
48
- />
49
- <path
50
- d="M26.763 28.981l.011.013c-1.414-.671-2.883-1.176-4.519-1.378-1.738-.214-3.244.513-4.634 1.704l-.11.095-.163.146-.108.1-.108.101-.268.261-.106.107-.106.109-.106.11-.053.056-.105.112-.053.057-.125.136-.124.138-.124.139-.062.07-.123.142-.123.143-.122.145-.122.146-.061.073-.15.183-.075.092-.149.185-.075.093-.149.187-.149.188-.223.283-.296.38-.671.866-.222.285-.222.283-.148.188-.223.28-.149.185-.149.183-.149.182-.15.18-.117.139-.118.138-.118.136-.118.135-.119.133-.119.132-.119.13-.06.064-.12.127-.1.104-.1.103-.1.101-.151.15-.101.098-.102.096-.051.048-.102.094-.206.183-.103.089-.052.044-.104.086c-1.302 1.066-2.706 1.698-4.305 1.5-3.321-.41-4.98-3.93-5.064-8.601l-.097.09c6.351-5.963 17.155-6.757 26.506-2.264z"
51
- fill="white"
52
- fill-opacity="0.4"
53
- />
54
- <path
55
- d="M42.216 35.925c-2.861-.398-5.212-1.275-7.302-2.318l-.189-.095-.188-.096-.186-.097-.231-.122-.229-.123-.182-.099-.226-.125-.224-.126-.178-.101-.177-.102-.264-.153-.349-.205-.278-.166-.276-.166-.411-.249-1.214-.738-.334-.201-.333-.199-2.669-1.45-.012-.013c-9.258-4.447-19.94-3.714-26.315 2.087l-.095.088C.156 20.101 8.779 2.598 25.068 4.608c2.854.352 5.141 1.176 7.14 2.181l.178.09.177.091.175.092.087.046.173.093.172.094.17.095.085.048.211.12.209.121.166.097.165.098.164.098.163.099.162.099.161.099.16.1.261.164.13.082.258.164.256.164 1.137.733.25.161.25.159.312.197.312.194a31.02 31.02 0 0 0 1.568.911l.199.106c10.506 5.694 21.166 2.775 26.7-1.604l.149-.12c-.055 10.998-8.815 28.185-24.55 26.243z"
56
- fill="white"
57
- fill-opacity="0.701961"
58
- />
39
+ <g
40
+ fill="#FFF"
41
+ fill-rule="evenodd"
42
+ >
43
+ <path
44
+ d="M552.744 256.625v-95.291l76.408 97.755a4 4 0 0 0 3.152 1.536h37.77a4 4 0 0 0 4-4v-173a4 4 0 0 0-4-4h-41.67a4 4 0 0 0-4 4v91.672l-73.305-94.13a4 4 0 0 0-3.156-1.542h-40.87a4 4 0 0 0-4 4v173a4 4 0 0 0 4 4h41.67a4 4 0 0 0 4-4Zm853.33-128.5c15.187 0 27.5-12.312 27.5-27.5s-12.313-27.5-27.5-27.5c-15.188 0-27.5 12.312-27.5 27.5s12.312 27.5 27.5 27.5ZM766.1 263.625c26.277 0 45.094-10.226 58.443-25.825.715-.835 1.25-3.248-.143-4.4l-22.174-18.318c-1.696-1.4-4.396-.705-5.21.025-9.132 8.192-17.66 11.89-28.587 11.89-15.265 0-26.39-7.74-30.27-22.958h88.696c1.653 0 5.218-1.317 5.218-4.033v-6.027c0-41.015-22.25-76.354-70.371-76.354-41.394 0-70.63 32.244-70.63 73v.516c0 43.078 31.047 72.484 75.028 72.484Zm20.973-85h-49c2.592-15.306 11.407-25 24.37-25 13.482 0 22.815 9.694 24.63 25Zm130.377 79.219 21.401-66.899a1 1 0 0 1 1.907.006l20.915 66.868a4 4 0 0 0 3.818 2.806h36.477a4 4 0 0 0 3.824-2.825l40.691-132.485a4 4 0 0 0-3.823-5.174h-38.798a4 4 0 0 0-3.864 2.968l-17.167 64.282a1 1 0 0 1-1.922.034l-19.819-64.967a4 4 0 0 0-3.826-2.833h-34.389a4 4 0 0 0-3.824 2.825l-19.802 64.442a1 1 0 0 1-1.923-.04l-16.673-63.724a4 4 0 0 0-3.87-2.987h-39.316a4 4 0 0 0-3.828 5.161l40.204 132.485a4 4 0 0 0 3.828 2.838h35.97a4 4 0 0 0 3.81-2.781Zm195.516 5.781c34.109 0 57.107-16.05 57.107-46.854v-.518c0-24.463-17.791-34.667-41.506-42.125l-1.59-.493c-.532-.163-1.068-.325-1.606-.486l-1.622-.48-1.638-.473-1.652-.468-4.385-1.342-1.812-.567-1.301-.415-1.253-.407-1.203-.403-1.152-.397-.74-.263-.717-.263-.694-.26-.672-.262-.647-.26-.625-.262-.6-.262a37.707 37.707 0 0 1-.292-.131l-.565-.264a29.71 29.71 0 0 1-.542-.266l-.517-.267a23.42 23.42 0 0 1-.25-.135l-.48-.27c-.156-.092-.308-.183-.456-.275l-.43-.277c-2.234-1.488-3.406-3.131-3.406-5.178v-.517c0-4.142 3.876-6.99 11.37-6.99 10.365 0 24.777 4.28 38.413 11.58l.74.397.108.04.15.045.186.043c.067.013.14.026.216.037l.239.025c.79.06 1.844-.117 2.294-1.214l1.12-3.39.932-2.87 1.65-5.16 1.74-5.531 1.424-4.59 2.677-8.722c.426-1.388-.129-2.131-.559-2.474l-.124-.09-.11-.07-.048-.025c-14.962-7.889-32.893-12.2-50.532-12.2-32.3 0-56.073 16.567-56.073 46.336v.518c0 23.764 15.869 34.061 37.61 41.067l1.544.49 1.563.478c.524.159 1.051.315 1.58.47l1.599.461 1.614.454 1.63.446 1.645.44.828.219 3.502.989 2.331.671 1.762.52 1.26.383.812.253 1.174.375.752.249.73.248.705.248.682.247.657.248.32.125.622.25.302.125.585.252.56.254.537.256.512.26c3.248 1.696 4.935 3.6 4.935 6.213v.518c0 4.918-4.135 7.507-12.662 7.507-13.71 0-29.973-4.88-45.27-14.42l-.74-.465a3.538 3.538 0 0 0-.158-.095l-.184-.097-.204-.093c-.676-.281-1.597-.41-2.108.503l-9.708 29.365-.33.97c-.655 1.865.694 3.184 1.353 3.571 17.25 10.127 37.076 15.19 57.09 15.19Zm130.19-8v-42.673a1 1 0 0 1 .26-.673l17.215-18.943a1 1 0 0 1 1.568.11l43.79 64.428a4 4 0 0 0 3.308 1.751h50.194a4 4 0 0 0 3.302-6.258l-66.017-96.528a1 1 0 0 1 .075-1.226l62.037-70.342a4 4 0 0 0-3-6.646h-48.409a4 4 0 0 0-3.046 1.408l-59.516 69.956a1 1 0 0 1-1.761-.648V82.625a4 4 0 0 0-4-4h-42.083a4 4 0 0 0-4 4v173a4 4 0 0 0 4 4h42.083a4 4 0 0 0 4-4Zm187.917 0V148.208a4 4 0 0 0-4-4h-41a4 4 0 0 0-4 4v107.417a4 4 0 0 0 4 4h41a4 4 0 0 0 4-4Zm85.35 7c12.369 0 23.052-2.735 31.48-6.877l.613-.306.166-.09.18-.107c.739-.467 1.694-1.405 1.694-3.533v-32.733c0-1.689-1.352-1.861-2.35-1.692l-.225.045a3.855 3.855 0 0 0-.105.026l-.196.057c-.062.02-.12.04-.172.06l-.076.032c-4.988 2.032-10.153 3.266-15.494 3.266-9.05 0-13.446-4.133-13.446-13.95v-46.536a1 1 0 0 1 1-1h27.58a4 4 0 0 0 4-4v-31.269a4 4 0 0 0-4-4h-27.58a1 1 0 0 1-1-1V88.625a4 4 0 0 0-4-4h-40.87a4 4 0 0 0-4 4v30.393a1 1 0 0 1-1 1h-11.55a4 4 0 0 0-4 4v31.269a4 4 0 0 0 4 4h11.55a1 1 0 0 1 1 1v56.094c0 33.327 17.324 46.244 46.802 46.244ZM379.362 61.698c20.346 3.216 29.309 25.295 28.162 53.99l.105-.078c-34.472 25.84-101.146 42.013-164.79 4.608l.071-.094c9.386 5.373 19.354 9.613 31.184 11.482 14.492 2.29 26.465-5.277 37.47-16.203l.784-.786.39-.397.78-.803.777-.812.774-.822.771-.83.385-.42.767-.843.765-.851.93-1.048.463-.528 1.156-1.329 1.151-1.341.919-1.082.916-1.087.914-1.092 1.368-1.645 2.348-2.846 2.833-3.442 1.774-2.145 1.331-1.597 1.333-1.584.89-1.047.89-1.039.892-1.03.893-1.02.895-1.01.718-.798.719-.791.72-.783.722-.774.362-.383.725-.76c.12-.126.242-.251.363-.376l.727-.745c.364-.37.73-.735 1.095-1.096l.733-.717c.367-.356.735-.707 1.103-1.053l.74-.687c9.372-8.614 19.366-14.101 30.982-12.266Z"
45
+ />
46
+ <path
47
+ d="m159.457 223.988.067.079c-8.48-4.36-17.336-7.735-27.269-9.304-10.552-1.668-19.893 2.412-28.625 9.329l-.688.552a77.44 77.44 0 0 0-1.027.85l-.682.58-.68.59a93.514 93.514 0 0 0-1.69 1.521l-.672.626-.67.634-.668.644-.333.325-.666.657-.332.331-.789.797c-.262.267-.524.536-.786.807l-.784.818-.392.413-.78.832-.78.84-.777.85-.775.857-.387.431-.954 1.073-.476.54-.951 1.086-.475.546-.948 1.098-.946 1.105-1.418 1.668-1.885 2.237-4.275 5.097-1.413 1.678-1.413 1.668-.944 1.105-1.418 1.645-.946 1.087-.949 1.078-.95 1.068-.953 1.057-.744.816-.746.808-.747.8-.75.79-.75.782-.753.772-.755.762-.378.377-.758.745-.63.61-.633.602-.634.594a96.01 96.01 0 0 1-.954.873l-.639.571-.64.562-.32.278-.644.547c-.43.361-.86.716-1.292 1.064l-.65.516-.325.254-.652.5c-8.17 6.175-16.862 9.7-26.577 8.165-20.172-3.188-29.547-24.85-29.07-53.144l-.61.522c39.997-34.745 106.06-37.245 162.15-8.061Z"
48
+ opacity=".4"
49
+ />
50
+ <path
51
+ d="M252.236 269.317c-17.367-3.018-31.524-8.826-44.05-15.588l-1.134-.618c-.376-.206-.751-.414-1.125-.622l-1.117-.627-1.385-.79-1.373-.795-1.09-.641-1.35-.806-1.342-.81-1.065-.65-1.059-.654-1.577-.983-2.083-1.315-1.661-1.062-1.65-1.062-2.453-1.592-5.648-3.687-1.599-1.04-1.992-1.29-1.987-1.274c-5.293-3.374-10.556-6.56-15.972-9.344l-.067-.079c-55.528-28.892-120.833-26.731-160.943 7.029l-.598.51c1.127-66.96 57.421-171.07 156.35-155.435 17.33 2.74 31.105 8.215 43.085 14.724l1.068.586c.355.196.707.393 1.059.591l1.05.596.521.3 1.037.602 1.028.608 1.02.61.507.308 1.26.771 1.249.777.99.624.985.628.977.63.972.631.966.634.96.635.956.637 1.555 1.045.773.524 1.537 1.047 1.527 1.048 6.78 4.678 1.492 1.025 1.49 1.017 1.863 1.258 1.863 1.242c3.093 2.045 6.2 4.01 9.37 5.85l1.193.684c62.875 36.706 128.51 21.306 163.188-4.022l.937-.693c-2.66 66.565-59.722 168.734-155.288 153.63Z"
52
+ opacity=".7"
53
+ />
54
+ </g>
59
55
  </svg>
60
56
  </div>
57
+ </div>
58
+ <div
59
+ class="css-1k3e0au"
60
+ >
61
61
  <div
62
- class="css-1k3e0au"
62
+ class="css-1irxjn1"
63
63
  >
64
64
  <svg
65
- class="css-kgdu16"
66
- height="48px"
67
- viewBox="0 0 244 40"
65
+ aria-hidden="true"
66
+ class="css-8qscsg"
67
+ fill="currentColor"
68
+ viewBox="0 0 588 400"
69
+ xmlns="http://www.w3.org/2000/svg"
68
70
  >
69
- <title>
70
- NewsKit Logo
71
- </title>
72
- <path
73
- d="M61.846.936c3.35.413 4.944 4.005 4.92 8.746l.017-.013c-5.497 4.462-16.323 7.515-26.958 1.71l.011-.016c1.568.832 3.224 1.475 5.172 1.715 2.386.294 4.303-1.023 6.043-2.889l.124-.134.062-.068.123-.137.123-.138.122-.14.121-.142.061-.071.121-.144.12-.145.146-.178.073-.09.182-.226.181-.228.144-.184.144-.185.143-.185.215-.279 1.091-1.431.209-.271.209-.269.14-.178.14-.177.14-.175.141-.173.141-.172.113-.136.113-.135.114-.133.114-.132.057-.065.114-.13.057-.064.115-.127.173-.187.116-.123.175-.18.117-.118C58.328 1.663 59.933.7 61.846.936z"
74
- fill="white"
75
- />
76
- <path
77
- d="M26.763 28.981l.011.013c-1.414-.671-2.883-1.176-4.519-1.378-1.738-.214-3.244.513-4.634 1.704l-.11.095-.163.146-.108.1-.108.101-.268.261-.106.107-.106.109-.106.11-.053.056-.105.112-.053.057-.125.136-.124.138-.124.139-.062.07-.123.142-.123.143-.122.145-.122.146-.061.073-.15.183-.075.092-.149.185-.075.093-.149.187-.149.188-.223.283-.296.38-.671.866-.222.285-.222.283-.148.188-.223.28-.149.185-.149.183-.149.182-.15.18-.117.139-.118.138-.118.136-.118.135-.119.133-.119.132-.119.13-.06.064-.12.127-.1.104-.1.103-.1.101-.151.15-.101.098-.102.096-.051.048-.102.094-.206.183-.103.089-.052.044-.104.086c-1.302 1.066-2.706 1.698-4.305 1.5-3.321-.41-4.98-3.93-5.064-8.601l-.097.09c6.351-5.963 17.155-6.757 26.506-2.264z"
78
- fill="white"
79
- fill-opacity="0.4"
80
- />
81
- <path
82
- d="M42.216 35.925c-2.861-.398-5.212-1.275-7.302-2.318l-.189-.095-.188-.096-.186-.097-.231-.122-.229-.123-.182-.099-.226-.125-.224-.126-.178-.101-.177-.102-.264-.153-.349-.205-.278-.166-.276-.166-.411-.249-1.214-.738-.334-.201-.333-.199-2.669-1.45-.012-.013c-9.258-4.447-19.94-3.714-26.315 2.087l-.095.088C.156 20.101 8.779 2.598 25.068 4.608c2.854.352 5.141 1.176 7.14 2.181l.178.09.177.091.175.092.087.046.173.093.172.094.17.095.085.048.211.12.209.121.166.097.165.098.164.098.163.099.162.099.161.099.16.1.261.164.13.082.258.164.256.164 1.137.733.25.161.25.159.312.197.312.194a31.02 31.02 0 0 0 1.568.911l.199.106c10.506 5.694 21.166 2.775 26.7-1.604l.149-.12c-.055 10.998-8.815 28.185-24.55 26.243z"
83
- fill="white"
84
- fill-opacity="0.701961"
85
- />
71
+ <g
72
+ fill="#FFF"
73
+ fill-rule="evenodd"
74
+ >
75
+ <path
76
+ d="M543.932 29.29c29.56 3.63 43.625 35.165 43.416 76.798l.147-.117c-48.505 39.184-144.026 65.989-237.871 15.014l.097-.14c13.832 7.31 28.45 12.949 45.636 15.059 21.055 2.585 37.973-8.986 53.322-25.373l1.094-1.179.545-.595 1.086-1.202 1.081-1.216 1.077-1.23 1.072-1.243.535-.626 1.066-1.26 1.062-1.273 1.29-1.565.644-.788 1.603-1.984 1.596-2.002 1.272-1.613 1.27-1.622 1.265-1.628 1.893-2.453 3.25-4.242 3.92-5.13 2.455-3.198 1.842-2.381 1.846-2.363 1.232-1.562 1.235-1.55 1.236-1.538 1.24-1.523 1.242-1.507.997-1.194.999-1.183 1.001-1.17 1.004-1.158.504-.574 1.008-1.138.506-.563 1.013-1.115a166.29 166.29 0 0 1 1.527-1.645l1.023-1.076c.512-.533 1.026-1.06 1.541-1.581l1.033-1.032c13.109-12.955 27.272-21.411 44.148-19.34Z"
77
+ />
78
+ <path
79
+ d="m234.38 275.553.101.11c-12.475-5.887-25.44-10.328-39.87-12.1-15.331-1.883-28.623 4.501-40.89 14.965l-.966.834c-.482.422-.963.85-1.442 1.283l-.956.875-.953.89c-.792.748-1.58 1.512-2.364 2.29l-.94.94-.936.954-.933.966-.465.488-.929.985c-.154.165-.309.33-.463.497l-1.1 1.194c-.365.4-.73.804-1.095 1.21l-1.092 1.224-.544.618-1.087 1.245-1.083 1.258-1.08 1.27-1.077 1.28-.538.645-1.324 1.602-.66.806-1.32 1.622-.658.816-1.315 1.64-1.311 1.648-1.964 2.488-2.612 3.336-5.92 7.602-1.955 2.502-1.959 2.488-1.308 1.65-1.965 2.455-1.313 1.623-1.316 1.61-1.32 1.595-1.322 1.58-1.035 1.219-1.037 1.209-1.04 1.196-1.042 1.184-1.045 1.17-1.05 1.157-1.051 1.142-.528.565-1.057 1.118-.88.916-.884.904-.886.892c-.444.443-.889.881-1.335 1.314l-.894.86-.896.846-.45.418-.901.826c-.602.545-1.207 1.08-1.814 1.606l-.912.781a98.76 98.76 0 0 1-.457.384l-.917.757c-11.492 9.362-23.876 14.909-37.99 13.176C16.73 366.578 2.09 335.669 1.35 294.649l-.855.788c56.038-52.366 151.369-59.33 233.885-19.884Z"
80
+ opacity=".4"
81
+ />
82
+ <path
83
+ d="M370.723 336.535c-25.245-3.495-45.993-11.194-64.433-20.357l-1.67-.837c-.555-.28-1.107-.562-1.658-.845l-1.645-.852-2.041-1.074-2.024-1.084-1.606-.873-1.994-1.098-1.978-1.106-1.572-.89-1.563-.892-2.328-1.344-3.076-1.8-2.455-1.455-2.436-1.456-3.626-2.182-8.346-5.057-2.363-1.427-2.943-1.767-2.935-1.745c-7.82-4.621-15.585-8.97-23.55-12.73l-.1-.111c-81.692-39.051-175.942-32.617-232.193 18.326l-.838.77C-.401 197.575 75.685 43.885 219.416 61.532c25.18 3.092 45.36 10.329 62.998 19.154l1.572.795c.522.266 1.042.533 1.56.802l1.547.81.768.408 1.529.821 1.516.828 1.505.834.748.419 1.86 1.054 1.842 1.062 1.464.855 1.453.859 1.445.863 1.436.866 1.428.87 1.42.87 1.411.875 2.3 1.436 1.144.72 2.274 1.44 2.26 1.44 10.03 6.436 2.21 1.41 2.204 1.397 2.754 1.729 2.755 1.704c4.573 2.806 9.161 5.498 13.835 8.003l1.757.93c92.7 50.001 186.76 24.367 235.588-14.083l1.32-1.052c-.485 96.579-77.78 247.495-216.626 230.447Z"
84
+ opacity=".7"
85
+ />
86
+ </g>
86
87
  </svg>
87
88
  </div>
88
- </span>
89
- </a>
89
+ </div>
90
+ </span>
91
+ </a>
92
+ <a
93
+ class="css-1aup117"
94
+ data-testid="skip-to-content"
95
+ href="#main"
96
+ >
97
+ Skip to main content
98
+ </a>
99
+ </div>
100
+ </div>
101
+ <div
102
+ class="css-15brxgw"
103
+ >
104
+ <div
105
+ class="css-1k3e0au"
106
+ >
107
+ <svg
108
+ aria-hidden="true"
109
+ aria-label="Mobile Menu Button"
110
+ class="css-yyp9n-EmotionIconBase ex0cdmw0"
111
+ data-testid="mobile-menu-btn"
112
+ fill="currentColor"
113
+ focusable="false"
114
+ role="button"
115
+ tabindex="0"
116
+ viewBox="0 0 24 24"
117
+ xmlns="http://www.w3.org/2000/svg"
118
+ >
119
+ <path
120
+ d="M0 0h24v24H0z"
121
+ fill="none"
122
+ />
123
+ <path
124
+ d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"
125
+ />
126
+ </svg>
127
+ </div>
128
+ </div>
129
+ <div
130
+ class="css-oiffzn"
131
+ >
132
+ <nav
133
+ class="css-1le7q07"
134
+ >
135
+ <div
136
+ class="css-16ctgp1"
137
+ data-testid="action-links-desktop"
138
+ >
90
139
  <div
91
- class="css-12mm2yp"
140
+ class="css-ls2ppd"
92
141
  >
93
- <div
94
- class="css-1q7p9do"
95
- data-testid="NavigationContainer"
142
+ <a
143
+ aria-label="Section One Link"
144
+ class="css-e43kyg"
145
+ href="/section-one"
96
146
  >
97
- <div
98
- class="css-rk1vtl"
99
- data-testid="Navigation"
147
+ <span
148
+ class="css-1xnclyu"
100
149
  >
101
150
  <span
102
- class="css-10bwu4j"
151
+ class="css-1yztr03"
103
152
  >
104
- <a
105
- aria-label="Section One Link"
106
- class="css-e43kyg"
107
- href="/section-one"
153
+ <span
154
+ class="css-8bpgtg"
108
155
  >
109
- <span
110
- class="css-17x5lw"
111
- >
112
- <span
113
- class="css-kxo08d"
114
- >
115
- Section One
116
- </span>
117
- </span>
118
- </a>
156
+ Section One
157
+ </span>
119
158
  </span>
159
+ </span>
160
+ </a>
161
+ </div>
162
+ <div
163
+ class="css-ls2ppd"
164
+ >
165
+ <a
166
+ aria-label="Section Two Link"
167
+ class="css-e43kyg"
168
+ href="/section-two"
169
+ >
170
+ <span
171
+ class="css-1xnclyu"
172
+ >
120
173
  <span
121
- class="css-10bwu4j"
174
+ class="css-1yztr03"
122
175
  >
123
- <a
124
- aria-label="Section Two Link"
125
- class="css-e43kyg"
126
- href="/section-two"
176
+ <span
177
+ class="css-8bpgtg"
127
178
  >
128
- <span
129
- class="css-17x5lw"
130
- >
131
- <span
132
- class="css-kxo08d"
133
- >
134
- Section Two
135
- </span>
136
- </span>
137
- </a>
179
+ Section Two
180
+ </span>
138
181
  </span>
182
+ </span>
183
+ </a>
184
+ </div>
185
+ <div
186
+ class="css-ls2ppd"
187
+ >
188
+ <a
189
+ aria-label="Section Three Link"
190
+ class="css-e43kyg"
191
+ href="/section-three"
192
+ >
193
+ <span
194
+ class="css-1xnclyu"
195
+ >
139
196
  <span
140
- class="css-10bwu4j"
197
+ class="css-1yztr03"
141
198
  >
142
- <a
143
- aria-label="Section Three Link"
144
- class="css-e43kyg"
145
- href="/section-three"
199
+ <span
200
+ class="css-8bpgtg"
146
201
  >
147
- <span
148
- class="css-17x5lw"
149
- >
150
- <span
151
- class="css-kxo08d"
152
- >
153
- Section Three
154
- </span>
155
- </span>
156
- </a>
202
+ Section Three
203
+ </span>
157
204
  </span>
158
- </div>
159
- </div>
160
- <div
161
- class="css-1k3e0au"
162
- >
163
- <div
164
- class="css-qzhw9i"
165
- >
166
- <svg
167
- aria-hidden="true"
168
- aria-label="Mobile Menu Button"
169
- class="css-yyp9n-EmotionIconBase ex0cdmw0"
170
- data-testid="mobile-menu-btn"
171
- fill="currentColor"
172
- focusable="false"
173
- role="button"
174
- tabindex="0"
175
- viewBox="0 0 24 24"
176
- xmlns="http://www.w3.org/2000/svg"
177
- >
178
- <path
179
- d="M0 0h24v24H0z"
180
- fill="none"
181
- />
182
- <path
183
- d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"
184
- />
185
- </svg>
186
- </div>
187
- </div>
205
+ </span>
206
+ </a>
188
207
  </div>
189
208
  </div>
190
- </div>
209
+ </nav>
210
+ </div>
211
+ <div
212
+ class="css-x6oa1l"
213
+ >
214
+ <div
215
+ class="css-30qa7x"
216
+ />
191
217
  </div>
192
218
  </div>
193
- </div>
219
+ </header>
194
220
  <div
195
221
  class="css-1ce0b49"
196
222
  >
@@ -210,955 +236,960 @@ exports[`Article should render tile and sub title 1`] = `
210
236
  />
211
237
  </div>
212
238
  <div
213
- class="css-1hoolz9"
239
+ class="css-18d6eiw"
214
240
  data-testid="PageLayout"
215
241
  >
216
242
  <div
217
- class="css-16in0m0"
218
- data-testid="HeadLine"
243
+ class="css-1hoolz9"
244
+ data-testid="PageLayout"
219
245
  >
220
- <section
221
- class="css-1wf58dm"
246
+ <div
247
+ class="css-16in0m0"
248
+ data-testid="HeadLine"
222
249
  >
223
- <h1
224
- class="nk-headline-heading css-5gd387"
250
+ <section
251
+ class="css-1wf58dm"
225
252
  >
226
- Mock Article: Lorem ipsum dolor sit amet consectetur adipiscing elit
227
- </h1>
228
- </section>
229
- </div>
230
- <div
231
- class="css-gxh9kv"
232
- data-testid="Kicker"
233
- >
234
- <section
235
- class="css-k0zmqb"
253
+ <h1
254
+ class="nk-headline-heading css-5gd387"
255
+ >
256
+ Mock Article: Lorem ipsum dolor sit amet consectetur adipiscing elit
257
+ </h1>
258
+ </section>
259
+ </div>
260
+ <div
261
+ class="css-gxh9kv"
262
+ data-testid="Kicker"
236
263
  >
237
- <h2
238
- class="nk-headline-heading css-1qhitfs"
264
+ <section
265
+ class="css-k0zmqb"
239
266
  >
240
- Kicker title
241
- </h2>
242
- </section>
243
- </div>
244
- <div
245
- class="css-1wffvjk"
246
- >
267
+ <h2
268
+ class="nk-headline-heading css-1qhitfs"
269
+ >
270
+ Kicker title
271
+ </h2>
272
+ </section>
273
+ </div>
247
274
  <div
248
- class="css-1k3e0au"
275
+ class="css-1wffvjk"
249
276
  >
250
277
  <div
251
- class="css-1fmioha"
278
+ class="css-1k3e0au"
252
279
  >
253
280
  <div
254
- class="css-30qa7x"
281
+ class="css-1fmioha"
255
282
  >
256
283
  <div
257
- class="css-1jjwo6p"
284
+ class="css-30qa7x"
258
285
  >
259
286
  <div
260
- class="css-1penzzz"
287
+ class="css-1jjwo6p"
261
288
  >
262
- <span
263
- class="css-1p5w9xw"
289
+ <div
290
+ class="css-1penzzz"
264
291
  >
265
- <a
266
- aria-label="more by John Smith"
267
- class="css-14yas4a"
268
- data-author="John Smith"
269
- href="https://www.newskit.co.uk/components/navigation/link"
270
- rel="author"
292
+ <span
293
+ class="css-1p5w9xw"
271
294
  >
272
- <span
273
- class="css-pqzzby"
295
+ <a
296
+ aria-label="more by John Smith"
297
+ class="css-14yas4a"
298
+ data-author="John Smith"
299
+ href="https://www.newskit.co.uk/components/navigation/link"
300
+ rel="author"
274
301
  >
275
302
  <span
276
- class="css-14dqn90"
303
+ class="css-pqzzby"
277
304
  >
278
305
  <span
279
- class="css-muj8w6"
306
+ class="css-14dqn90"
280
307
  >
281
- John Smith
308
+ <span
309
+ class="css-muj8w6"
310
+ >
311
+ John Smith
312
+ </span>
282
313
  </span>
283
- </span>
284
- <span
285
- class="css-14dqn90"
286
- >
287
- <svg
288
- class="css-19fc6y7-EmotionIconBase ex0cdmw0"
289
- fill="currentColor"
290
- focusable="false"
291
- role="img"
292
- viewBox="0 0 24 24"
293
- xmlns="http://www.w3.org/2000/svg"
314
+ <span
315
+ class="css-14dqn90"
294
316
  >
295
- <title>
296
- External link
297
- </title>
298
- <path
299
- d="M0 0h24v24H0z"
300
- fill="none"
301
- />
302
- <path
303
- d="M19 19H5V5h7V3H5a2 2 0 00-2 2v14a2 2 0 002 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"
304
- />
305
- </svg>
317
+ <svg
318
+ class="css-19fc6y7-EmotionIconBase ex0cdmw0"
319
+ fill="currentColor"
320
+ focusable="false"
321
+ role="img"
322
+ viewBox="0 0 24 24"
323
+ xmlns="http://www.w3.org/2000/svg"
324
+ >
325
+ <title>
326
+ External link
327
+ </title>
328
+ <path
329
+ d="M0 0h24v24H0z"
330
+ fill="none"
331
+ />
332
+ <path
333
+ d="M19 19H5V5h7V3H5a2 2 0 00-2 2v14a2 2 0 002 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"
334
+ />
335
+ </svg>
336
+ </span>
306
337
  </span>
338
+ </a>
339
+ <span
340
+ aria-hidden="true"
341
+ class="css-1p5w9xw"
342
+ >
343
+ , 
307
344
  </span>
308
- </a>
345
+ Еditor, UK
346
+ </span>
347
+ </div>
348
+ </div>
349
+ <div
350
+ class="css-30qa7x"
351
+ >
352
+ <time
353
+ class="css-k9ha2f"
354
+ >
309
355
  <span
310
- aria-hidden="true"
311
- class="css-1p5w9xw"
356
+ class="css-1khiq05"
312
357
  >
313
- , 
358
+ Thu February 14 2019, 12:37am
314
359
  </span>
315
- Еditor, UK
316
- </span>
360
+ </time>
317
361
  </div>
318
362
  </div>
319
- <div
320
- class="css-30qa7x"
363
+ </div>
364
+ <div
365
+ class="css-1fmioha"
366
+ >
367
+ <hr
368
+ aria-hidden="true"
369
+ class="css-633um5"
370
+ data-testid="divider"
371
+ />
372
+ </div>
373
+ <div
374
+ class="css-16in0m0"
375
+ >
376
+ <a
377
+ class="css-1fgc81t"
378
+ data-testid="buttonLink"
379
+ href="https://www.newskit.co.uk/"
321
380
  >
322
- <time
323
- class="css-k9ha2f"
381
+ <div
382
+ class="css-bptyib"
324
383
  >
325
- <span
326
- class="css-1khiq05"
384
+ <div
385
+ class="css-1yztr03"
327
386
  >
328
- Thu February 14 2019, 12:37am
329
- </span>
330
- </time>
331
- </div>
387
+ <svg
388
+ aria-hidden="true"
389
+ class="css-tf5kji-EmotionIconBase ex0cdmw0"
390
+ fill="currentColor"
391
+ focusable="false"
392
+ viewBox="0 0 24 24"
393
+ xmlns="http://www.w3.org/2000/svg"
394
+ >
395
+ <path
396
+ d="M0 0h24v24H0z"
397
+ fill="none"
398
+ />
399
+ <path
400
+ 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
+ />
402
+ </svg>
403
+ </div>
404
+ <div
405
+ class="css-1yztr03"
406
+ >
407
+ <span
408
+ class="css-1v8h4au"
409
+ >
410
+ Share
411
+ </span>
412
+ </div>
413
+ </div>
414
+ </a>
332
415
  </div>
333
416
  </div>
334
417
  <div
335
- class="css-1fmioha"
418
+ class="css-1nlep1q"
336
419
  >
337
- <hr
338
- aria-hidden="true"
339
- class="css-633um5"
340
- data-testid="divider"
341
- />
342
- </div>
343
- <div
344
- class="css-16in0m0"
345
- >
346
- <a
347
- class="css-1fgc81t"
348
- data-testid="buttonLink"
349
- href="https://www.newskit.co.uk/"
420
+ <div
421
+ class="css-15zrtsn"
422
+ data-testid="MetaBox"
350
423
  >
351
424
  <div
352
- class="css-bptyib"
425
+ class="css-30qa7x"
353
426
  >
354
427
  <div
355
- class="css-1yztr03"
428
+ class="css-1jjwo6p"
356
429
  >
357
- <svg
358
- aria-hidden="true"
359
- class="css-tf5kji-EmotionIconBase ex0cdmw0"
360
- fill="currentColor"
361
- focusable="false"
362
- viewBox="0 0 24 24"
363
- xmlns="http://www.w3.org/2000/svg"
364
- >
365
- <path
366
- d="M0 0h24v24H0z"
367
- fill="none"
368
- />
369
- <path
370
- 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"
371
- />
372
- </svg>
373
- </div>
374
- <div
375
- class="css-1yztr03"
376
- >
377
- <span
378
- class="css-1v8h4au"
379
- >
380
- Share
381
- </span>
382
- </div>
383
- </div>
384
- </a>
385
- </div>
386
- </div>
387
- <div
388
- class="css-1nlep1q"
389
- >
390
- <div
391
- class="css-15zrtsn"
392
- data-testid="MetaBox"
393
- >
394
- <div
395
- class="css-30qa7x"
396
- >
397
- <div
398
- class="css-1jjwo6p"
399
- >
400
- <div
401
- class="css-1penzzz"
402
- >
403
- <span
404
- class="css-1p5w9xw"
430
+ <div
431
+ class="css-1penzzz"
405
432
  >
406
- <a
407
- aria-label="more by John Smith"
408
- class="css-14yas4a"
409
- data-author="John Smith"
410
- href="https://www.newskit.co.uk/components/navigation/link"
411
- rel="author"
433
+ <span
434
+ class="css-1p5w9xw"
412
435
  >
413
- <span
414
- class="css-pqzzby"
436
+ <a
437
+ aria-label="more by John Smith"
438
+ class="css-14yas4a"
439
+ data-author="John Smith"
440
+ href="https://www.newskit.co.uk/components/navigation/link"
441
+ rel="author"
415
442
  >
416
443
  <span
417
- class="css-14dqn90"
444
+ class="css-pqzzby"
418
445
  >
419
446
  <span
420
- class="css-muj8w6"
447
+ class="css-14dqn90"
421
448
  >
422
- John Smith
449
+ <span
450
+ class="css-muj8w6"
451
+ >
452
+ John Smith
453
+ </span>
423
454
  </span>
424
- </span>
425
- <span
426
- class="css-14dqn90"
427
- >
428
- <svg
429
- class="css-19fc6y7-EmotionIconBase ex0cdmw0"
430
- fill="currentColor"
431
- focusable="false"
432
- role="img"
433
- viewBox="0 0 24 24"
434
- xmlns="http://www.w3.org/2000/svg"
455
+ <span
456
+ class="css-14dqn90"
435
457
  >
436
- <title>
437
- External link
438
- </title>
439
- <path
440
- d="M0 0h24v24H0z"
441
- fill="none"
442
- />
443
- <path
444
- d="M19 19H5V5h7V3H5a2 2 0 00-2 2v14a2 2 0 002 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"
445
- />
446
- </svg>
458
+ <svg
459
+ class="css-19fc6y7-EmotionIconBase ex0cdmw0"
460
+ fill="currentColor"
461
+ focusable="false"
462
+ role="img"
463
+ viewBox="0 0 24 24"
464
+ xmlns="http://www.w3.org/2000/svg"
465
+ >
466
+ <title>
467
+ External link
468
+ </title>
469
+ <path
470
+ d="M0 0h24v24H0z"
471
+ fill="none"
472
+ />
473
+ <path
474
+ d="M19 19H5V5h7V3H5a2 2 0 00-2 2v14a2 2 0 002 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"
475
+ />
476
+ </svg>
477
+ </span>
447
478
  </span>
479
+ </a>
480
+ <span
481
+ aria-hidden="true"
482
+ class="css-1p5w9xw"
483
+ >
484
+ , 
448
485
  </span>
449
- </a>
486
+ Еditor, UK
487
+ </span>
488
+ </div>
489
+ </div>
490
+ <div
491
+ class="css-30qa7x"
492
+ >
493
+ <time
494
+ class="css-k9ha2f"
495
+ >
450
496
  <span
451
- aria-hidden="true"
452
- class="css-1p5w9xw"
497
+ class="css-1khiq05"
453
498
  >
454
- , 
499
+ Thu February 14 2019, 12:37am
455
500
  </span>
456
- Еditor, UK
457
- </span>
501
+ </time>
458
502
  </div>
459
503
  </div>
460
504
  <div
461
- class="css-30qa7x"
505
+ class="css-1rjn7y8"
462
506
  >
463
- <time
464
- class="css-k9ha2f"
507
+ <div
508
+ class="css-1mvna34"
509
+ orientation="horizontal"
510
+ role="region"
465
511
  >
466
512
  <span
467
- class="css-1khiq05"
513
+ class="css-1e1hg9i"
514
+ orientation="horizontal"
468
515
  >
469
- Thu February 14 2019, 12:37am
516
+ Share
470
517
  </span>
471
- </time>
472
- </div>
473
- </div>
474
- <div
475
- class="css-1rjn7y8"
476
- >
477
- <div
478
- class="css-1mvna34"
479
- orientation="horizontal"
480
- role="region"
481
- >
482
- <span
483
- class="css-1e1hg9i"
484
- orientation="horizontal"
485
- >
486
- Share
487
- </span>
488
- <div
489
- class="css-18bz6hs"
490
- >
491
518
  <div
492
- class="css-5ou914"
519
+ class="css-18bz6hs"
493
520
  >
494
- <svg
495
- aria-hidden="true"
496
- class="css-2blx0a-EmotionIconBase ex0cdmw0"
497
- fill="currentColor"
498
- focusable="false"
499
- viewBox="0 0 24 24"
500
- xmlns="http://www.w3.org/2000/svg"
521
+ <div
522
+ class="css-5ou914"
501
523
  >
502
- <path
503
- d="M0 0h24v24H0V0z"
504
- fill="none"
505
- />
506
- <path
507
- d="M22 6c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6zm-2 0l-8 5-8-5h16zm0 12H4V8l8 5 8-5v10z"
508
- />
509
- </svg>
510
- </div>
511
- <div
512
- class="css-5ou914"
513
- >
514
- <svg
515
- aria-hidden="true"
516
- class="css-144awdp"
517
- fill="currentColor"
518
- viewBox="0 0 24 24"
519
- xmlns="http://www.w3.org/2000/svg"
524
+ <svg
525
+ aria-hidden="true"
526
+ class="css-2blx0a-EmotionIconBase ex0cdmw0"
527
+ fill="currentColor"
528
+ focusable="false"
529
+ viewBox="0 0 24 24"
530
+ xmlns="http://www.w3.org/2000/svg"
531
+ >
532
+ <path
533
+ d="M0 0h24v24H0V0z"
534
+ fill="none"
535
+ />
536
+ <path
537
+ d="M22 6c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6zm-2 0l-8 5-8-5h16zm0 12H4V8l8 5 8-5v10z"
538
+ />
539
+ </svg>
540
+ </div>
541
+ <div
542
+ class="css-5ou914"
520
543
  >
521
- <path
522
- d="M8.28984,21 C15.83736,21 19.96472,14.4602319 19.96472,8.78946539 C19.96472,8.60363327 19.96112,8.41863784 19.95296,8.23464647 C20.75408,7.62895589 21.45056,6.87316048 22,6.01260963 C21.26472,6.35415252 20.47352,6.58441367 19.64352,6.68816506 C20.49072,6.15702487 21.14112,5.31630393 21.44784,4.31426631 C20.65488,4.80583036 19.77704,5.1633543 18.8424,5.35588007 C18.09368,4.52176909 17.02728,4 15.84728,4 C13.58104,4 11.74336,5.92199451 11.74336,8.29129138 C11.74336,8.62814872 11.77944,8.95555129 11.84976,9.2698176 C8.4396,9.09051177 5.4156,7.38271368 3.392,4.78600045 C3.03928,5.42005532 2.83632,6.15702487 2.83632,6.94294166 C2.83632,8.43194145 3.56072,9.74632096 4.66224,10.5152526 C3.98928,10.493582 3.35688,10.3001358 2.80384,9.97833919 C2.80288,9.99624467 2.80288,10.0142338 2.80288,10.0330597 C2.80288,12.111769 4.21752,13.8469273 6.09488,14.2404296 C5.75032,14.3384914 5.3876,14.3913711 5.0132,14.3913711 C4.74888,14.3913711 4.49176,14.3640109 4.24184,14.3139759 C4.76424,16.0190129 6.27896,17.2597624 8.07512,17.2947366 C6.67048,18.4457914 4.90136,19.1317219 2.97888,19.1317219 C2.64776,19.1317219 2.3212,19.1119757 2,19.0723159 C3.81608,20.2894703 5.97224,21 8.28984,21"
523
- fill-rule="nonzero"
524
- />
525
- </svg>
526
- </div>
527
- <div
528
- class="css-5ou914"
529
- >
530
- <svg
531
- aria-hidden="true"
532
- class="css-144awdp"
533
- fill="currentColor"
534
- viewBox="0 0 24 24"
535
- xmlns="http://www.w3.org/2000/svg"
544
+ <svg
545
+ aria-hidden="true"
546
+ class="css-144awdp"
547
+ fill="currentColor"
548
+ viewBox="0 0 24 24"
549
+ xmlns="http://www.w3.org/2000/svg"
550
+ >
551
+ <path
552
+ d="M8.28984,21 C15.83736,21 19.96472,14.4602319 19.96472,8.78946539 C19.96472,8.60363327 19.96112,8.41863784 19.95296,8.23464647 C20.75408,7.62895589 21.45056,6.87316048 22,6.01260963 C21.26472,6.35415252 20.47352,6.58441367 19.64352,6.68816506 C20.49072,6.15702487 21.14112,5.31630393 21.44784,4.31426631 C20.65488,4.80583036 19.77704,5.1633543 18.8424,5.35588007 C18.09368,4.52176909 17.02728,4 15.84728,4 C13.58104,4 11.74336,5.92199451 11.74336,8.29129138 C11.74336,8.62814872 11.77944,8.95555129 11.84976,9.2698176 C8.4396,9.09051177 5.4156,7.38271368 3.392,4.78600045 C3.03928,5.42005532 2.83632,6.15702487 2.83632,6.94294166 C2.83632,8.43194145 3.56072,9.74632096 4.66224,10.5152526 C3.98928,10.493582 3.35688,10.3001358 2.80384,9.97833919 C2.80288,9.99624467 2.80288,10.0142338 2.80288,10.0330597 C2.80288,12.111769 4.21752,13.8469273 6.09488,14.2404296 C5.75032,14.3384914 5.3876,14.3913711 5.0132,14.3913711 C4.74888,14.3913711 4.49176,14.3640109 4.24184,14.3139759 C4.76424,16.0190129 6.27896,17.2597624 8.07512,17.2947366 C6.67048,18.4457914 4.90136,19.1317219 2.97888,19.1317219 C2.64776,19.1317219 2.3212,19.1119757 2,19.0723159 C3.81608,20.2894703 5.97224,21 8.28984,21"
553
+ fill-rule="nonzero"
554
+ />
555
+ </svg>
556
+ </div>
557
+ <div
558
+ class="css-5ou914"
536
559
  >
537
- <path
538
- 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"
539
- fill-rule="nonzero"
540
- />
541
- </svg>
542
- </div>
543
- <div
544
- class="css-5ou914"
545
- >
546
- <svg
547
- aria-hidden="true"
548
- class="css-2blx0a-EmotionIconBase ex0cdmw0"
549
- fill="currentColor"
550
- focusable="false"
551
- viewBox="0 0 24 24"
552
- xmlns="http://www.w3.org/2000/svg"
560
+ <svg
561
+ aria-hidden="true"
562
+ class="css-144awdp"
563
+ fill="currentColor"
564
+ viewBox="0 0 24 24"
565
+ xmlns="http://www.w3.org/2000/svg"
566
+ >
567
+ <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"
570
+ />
571
+ </svg>
572
+ </div>
573
+ <div
574
+ class="css-5ou914"
553
575
  >
554
- <path
555
- d="M0 0h24v24H0V0z"
556
- fill="none"
557
- />
558
- <path
559
- d="M17 7h-4v2h4c1.65 0 3 1.35 3 3s-1.35 3-3 3h-4v2h4c2.76 0 5-2.24 5-5s-2.24-5-5-5zm-6 8H7c-1.65 0-3-1.35-3-3s1.35-3 3-3h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-2zm-3-4h8v2H8z"
560
- />
561
- </svg>
576
+ <svg
577
+ aria-hidden="true"
578
+ class="css-2blx0a-EmotionIconBase ex0cdmw0"
579
+ fill="currentColor"
580
+ focusable="false"
581
+ viewBox="0 0 24 24"
582
+ xmlns="http://www.w3.org/2000/svg"
583
+ >
584
+ <path
585
+ d="M0 0h24v24H0V0z"
586
+ fill="none"
587
+ />
588
+ <path
589
+ d="M17 7h-4v2h4c1.65 0 3 1.35 3 3s-1.35 3-3 3h-4v2h4c2.76 0 5-2.24 5-5s-2.24-5-5-5zm-6 8H7c-1.65 0-3-1.35-3-3s1.35-3 3-3h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-2zm-3-4h8v2H8z"
590
+ />
591
+ </svg>
592
+ </div>
562
593
  </div>
563
594
  </div>
564
595
  </div>
565
596
  </div>
566
597
  </div>
567
598
  </div>
568
- </div>
569
- <div
570
- class="css-nvrg5u"
571
- >
572
- <figure
573
- class="css-r44k6v"
574
- >
575
- <picture
576
- class="css-1tors5"
577
- >
578
- <div
579
- class="css-5pczz7"
580
- />
581
- <img
582
- alt="testIMG"
583
- class="css-1qgqq71"
584
- src="img//url"
585
- />
586
- </picture>
587
- </figure>
588
- </div>
589
- <div
590
- class="css-1vdrff9"
591
- data-testid="ArticleContent"
592
- >
593
599
  <div
594
- class="css-lcu8j4"
595
- data-testid="ArticleParagraph"
600
+ class="css-nvrg5u"
596
601
  >
597
- <p
598
- class="css-77jvx4"
602
+ <figure
603
+ class="css-r44k6v"
599
604
  >
600
- paragraph one
601
- </p>
605
+ <picture
606
+ class="css-1tors5"
607
+ >
608
+ <div
609
+ class="css-5pczz7"
610
+ />
611
+ <img
612
+ alt="testIMG"
613
+ class="css-1qgqq71"
614
+ src="img//url"
615
+ />
616
+ </picture>
617
+ </figure>
602
618
  </div>
603
619
  <div
604
- class="css-lcu8j4"
605
- data-testid="ArticleParagraph"
620
+ class="css-1vdrff9"
621
+ data-testid="ArticleContent"
606
622
  >
607
- <p
608
- class="css-77jvx4"
623
+ <div
624
+ class="css-lcu8j4"
625
+ data-testid="ArticleParagraph"
609
626
  >
610
- paragraph two
611
- </p>
612
- </div>
613
- <div
614
- class="css-lcu8j4"
615
- data-testid="ArticleParagraph"
616
- >
617
- <p
618
- class="css-77jvx4"
627
+ <p
628
+ class="css-77jvx4"
629
+ >
630
+ paragraph one
631
+ </p>
632
+ </div>
633
+ <div
634
+ class="css-lcu8j4"
635
+ data-testid="ArticleParagraph"
619
636
  >
620
- paragraph three
621
- </p>
622
- </div>
623
- <div
624
- class="css-lcu8j4"
625
- data-testid="ArticleParagraph"
626
- >
627
- <p
628
- class="css-77jvx4"
637
+ <p
638
+ class="css-77jvx4"
639
+ >
640
+ paragraph two
641
+ </p>
642
+ </div>
643
+ <div
644
+ class="css-lcu8j4"
645
+ data-testid="ArticleParagraph"
629
646
  >
630
- paragraph four
631
- </p>
632
- </div>
633
- </div>
634
- <div
635
- class="css-1k3e0au"
636
- >
637
- <div
638
- class="css-16in0m0"
639
- >
640
- <hr
641
- aria-hidden="true"
642
- class="css-633um5"
643
- data-testid="divider"
644
- />
647
+ <p
648
+ class="css-77jvx4"
649
+ >
650
+ paragraph three
651
+ </p>
652
+ </div>
653
+ <div
654
+ class="css-lcu8j4"
655
+ data-testid="ArticleParagraph"
656
+ >
657
+ <p
658
+ class="css-77jvx4"
659
+ >
660
+ paragraph four
661
+ </p>
662
+ </div>
645
663
  </div>
646
664
  <div
647
- class="css-bmafgm"
665
+ class="css-1k3e0au"
648
666
  >
649
- <a
650
- class="css-1fgc81t"
651
- data-testid="buttonLink"
652
- href="https://www.newskit.co.uk/"
667
+ <div
668
+ class="css-16in0m0"
653
669
  >
654
- <div
655
- class="css-bptyib"
670
+ <hr
671
+ aria-hidden="true"
672
+ class="css-633um5"
673
+ data-testid="divider"
674
+ />
675
+ </div>
676
+ <div
677
+ class="css-bmafgm"
678
+ >
679
+ <a
680
+ class="css-1fgc81t"
681
+ data-testid="buttonLink"
682
+ href="https://www.newskit.co.uk/"
656
683
  >
657
684
  <div
658
- class="css-1yztr03"
685
+ class="css-bptyib"
659
686
  >
660
- <svg
661
- aria-hidden="true"
662
- class="css-tf5kji-EmotionIconBase ex0cdmw0"
663
- fill="currentColor"
664
- focusable="false"
665
- viewBox="0 0 24 24"
666
- xmlns="http://www.w3.org/2000/svg"
687
+ <div
688
+ class="css-1yztr03"
667
689
  >
668
- <path
669
- d="M0 0h24v24H0z"
670
- fill="none"
671
- />
672
- <path
673
- 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"
674
- />
675
- </svg>
676
- </div>
677
- <div
678
- class="css-1yztr03"
679
- >
680
- <span
681
- class="css-1v8h4au"
690
+ <svg
691
+ aria-hidden="true"
692
+ class="css-tf5kji-EmotionIconBase ex0cdmw0"
693
+ fill="currentColor"
694
+ focusable="false"
695
+ viewBox="0 0 24 24"
696
+ xmlns="http://www.w3.org/2000/svg"
697
+ >
698
+ <path
699
+ d="M0 0h24v24H0z"
700
+ fill="none"
701
+ />
702
+ <path
703
+ 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
+ />
705
+ </svg>
706
+ </div>
707
+ <div
708
+ class="css-1yztr03"
682
709
  >
683
- Share
684
- </span>
710
+ <span
711
+ class="css-1v8h4au"
712
+ >
713
+ Share
714
+ </span>
715
+ </div>
685
716
  </div>
686
- </div>
687
- </a>
688
- </div>
689
- </div>
690
- <div
691
- class="css-1nlep1q"
692
- >
693
- <div
694
- class="css-16in0m0"
695
- >
696
- <hr
697
- aria-hidden="true"
698
- class="css-633um5"
699
- data-testid="divider"
700
- />
717
+ </a>
718
+ </div>
701
719
  </div>
702
720
  <div
703
- class="css-bmafgm"
721
+ class="css-1nlep1q"
704
722
  >
705
723
  <div
706
- class="css-1pbg2cs"
724
+ class="css-16in0m0"
725
+ >
726
+ <hr
727
+ aria-hidden="true"
728
+ class="css-633um5"
729
+ data-testid="divider"
730
+ />
731
+ </div>
732
+ <div
733
+ class="css-bmafgm"
707
734
  >
708
735
  <div
709
- class="css-xnj4zj"
736
+ class="css-1pbg2cs"
710
737
  >
711
738
  <div
712
- class="css-1mvna34"
713
- orientation="horizontal"
714
- role="region"
739
+ class="css-xnj4zj"
715
740
  >
716
- <span
717
- class="css-1e1hg9i"
718
- orientation="horizontal"
719
- >
720
- Share
721
- </span>
722
741
  <div
723
- class="css-18bz6hs"
742
+ class="css-1mvna34"
743
+ orientation="horizontal"
744
+ role="region"
724
745
  >
725
- <div
726
- class="css-5ou914"
746
+ <span
747
+ class="css-1e1hg9i"
748
+ orientation="horizontal"
727
749
  >
728
- <svg
729
- aria-hidden="true"
730
- class="css-2blx0a-EmotionIconBase ex0cdmw0"
731
- fill="currentColor"
732
- focusable="false"
733
- viewBox="0 0 24 24"
734
- xmlns="http://www.w3.org/2000/svg"
735
- >
736
- <path
737
- d="M0 0h24v24H0V0z"
738
- fill="none"
739
- />
740
- <path
741
- d="M22 6c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6zm-2 0l-8 5-8-5h16zm0 12H4V8l8 5 8-5v10z"
742
- />
743
- </svg>
744
- </div>
750
+ Share
751
+ </span>
745
752
  <div
746
- class="css-5ou914"
753
+ class="css-18bz6hs"
747
754
  >
748
- <svg
749
- aria-hidden="true"
750
- class="css-144awdp"
751
- fill="currentColor"
752
- viewBox="0 0 24 24"
753
- xmlns="http://www.w3.org/2000/svg"
755
+ <div
756
+ class="css-5ou914"
754
757
  >
755
- <path
756
- d="M8.28984,21 C15.83736,21 19.96472,14.4602319 19.96472,8.78946539 C19.96472,8.60363327 19.96112,8.41863784 19.95296,8.23464647 C20.75408,7.62895589 21.45056,6.87316048 22,6.01260963 C21.26472,6.35415252 20.47352,6.58441367 19.64352,6.68816506 C20.49072,6.15702487 21.14112,5.31630393 21.44784,4.31426631 C20.65488,4.80583036 19.77704,5.1633543 18.8424,5.35588007 C18.09368,4.52176909 17.02728,4 15.84728,4 C13.58104,4 11.74336,5.92199451 11.74336,8.29129138 C11.74336,8.62814872 11.77944,8.95555129 11.84976,9.2698176 C8.4396,9.09051177 5.4156,7.38271368 3.392,4.78600045 C3.03928,5.42005532 2.83632,6.15702487 2.83632,6.94294166 C2.83632,8.43194145 3.56072,9.74632096 4.66224,10.5152526 C3.98928,10.493582 3.35688,10.3001358 2.80384,9.97833919 C2.80288,9.99624467 2.80288,10.0142338 2.80288,10.0330597 C2.80288,12.111769 4.21752,13.8469273 6.09488,14.2404296 C5.75032,14.3384914 5.3876,14.3913711 5.0132,14.3913711 C4.74888,14.3913711 4.49176,14.3640109 4.24184,14.3139759 C4.76424,16.0190129 6.27896,17.2597624 8.07512,17.2947366 C6.67048,18.4457914 4.90136,19.1317219 2.97888,19.1317219 C2.64776,19.1317219 2.3212,19.1119757 2,19.0723159 C3.81608,20.2894703 5.97224,21 8.28984,21"
757
- fill-rule="nonzero"
758
- />
759
- </svg>
760
- </div>
761
- <div
762
- class="css-5ou914"
763
- >
764
- <svg
765
- aria-hidden="true"
766
- class="css-144awdp"
767
- fill="currentColor"
768
- viewBox="0 0 24 24"
769
- xmlns="http://www.w3.org/2000/svg"
758
+ <svg
759
+ aria-hidden="true"
760
+ class="css-2blx0a-EmotionIconBase ex0cdmw0"
761
+ fill="currentColor"
762
+ focusable="false"
763
+ viewBox="0 0 24 24"
764
+ xmlns="http://www.w3.org/2000/svg"
765
+ >
766
+ <path
767
+ d="M0 0h24v24H0V0z"
768
+ fill="none"
769
+ />
770
+ <path
771
+ d="M22 6c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6zm-2 0l-8 5-8-5h16zm0 12H4V8l8 5 8-5v10z"
772
+ />
773
+ </svg>
774
+ </div>
775
+ <div
776
+ class="css-5ou914"
770
777
  >
771
- <path
772
- 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"
773
- fill-rule="nonzero"
774
- />
775
- </svg>
776
- </div>
777
- <div
778
- class="css-5ou914"
779
- >
780
- <svg
781
- aria-hidden="true"
782
- class="css-2blx0a-EmotionIconBase ex0cdmw0"
783
- fill="currentColor"
784
- focusable="false"
785
- viewBox="0 0 24 24"
786
- xmlns="http://www.w3.org/2000/svg"
778
+ <svg
779
+ aria-hidden="true"
780
+ class="css-144awdp"
781
+ fill="currentColor"
782
+ viewBox="0 0 24 24"
783
+ xmlns="http://www.w3.org/2000/svg"
784
+ >
785
+ <path
786
+ d="M8.28984,21 C15.83736,21 19.96472,14.4602319 19.96472,8.78946539 C19.96472,8.60363327 19.96112,8.41863784 19.95296,8.23464647 C20.75408,7.62895589 21.45056,6.87316048 22,6.01260963 C21.26472,6.35415252 20.47352,6.58441367 19.64352,6.68816506 C20.49072,6.15702487 21.14112,5.31630393 21.44784,4.31426631 C20.65488,4.80583036 19.77704,5.1633543 18.8424,5.35588007 C18.09368,4.52176909 17.02728,4 15.84728,4 C13.58104,4 11.74336,5.92199451 11.74336,8.29129138 C11.74336,8.62814872 11.77944,8.95555129 11.84976,9.2698176 C8.4396,9.09051177 5.4156,7.38271368 3.392,4.78600045 C3.03928,5.42005532 2.83632,6.15702487 2.83632,6.94294166 C2.83632,8.43194145 3.56072,9.74632096 4.66224,10.5152526 C3.98928,10.493582 3.35688,10.3001358 2.80384,9.97833919 C2.80288,9.99624467 2.80288,10.0142338 2.80288,10.0330597 C2.80288,12.111769 4.21752,13.8469273 6.09488,14.2404296 C5.75032,14.3384914 5.3876,14.3913711 5.0132,14.3913711 C4.74888,14.3913711 4.49176,14.3640109 4.24184,14.3139759 C4.76424,16.0190129 6.27896,17.2597624 8.07512,17.2947366 C6.67048,18.4457914 4.90136,19.1317219 2.97888,19.1317219 C2.64776,19.1317219 2.3212,19.1119757 2,19.0723159 C3.81608,20.2894703 5.97224,21 8.28984,21"
787
+ fill-rule="nonzero"
788
+ />
789
+ </svg>
790
+ </div>
791
+ <div
792
+ class="css-5ou914"
787
793
  >
788
- <path
789
- d="M0 0h24v24H0V0z"
790
- fill="none"
791
- />
792
- <path
793
- d="M17 7h-4v2h4c1.65 0 3 1.35 3 3s-1.35 3-3 3h-4v2h4c2.76 0 5-2.24 5-5s-2.24-5-5-5zm-6 8H7c-1.65 0-3-1.35-3-3s1.35-3 3-3h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-2zm-3-4h8v2H8z"
794
- />
795
- </svg>
794
+ <svg
795
+ aria-hidden="true"
796
+ class="css-144awdp"
797
+ fill="currentColor"
798
+ viewBox="0 0 24 24"
799
+ xmlns="http://www.w3.org/2000/svg"
800
+ >
801
+ <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"
804
+ />
805
+ </svg>
806
+ </div>
807
+ <div
808
+ class="css-5ou914"
809
+ >
810
+ <svg
811
+ aria-hidden="true"
812
+ class="css-2blx0a-EmotionIconBase ex0cdmw0"
813
+ fill="currentColor"
814
+ focusable="false"
815
+ viewBox="0 0 24 24"
816
+ xmlns="http://www.w3.org/2000/svg"
817
+ >
818
+ <path
819
+ d="M0 0h24v24H0V0z"
820
+ fill="none"
821
+ />
822
+ <path
823
+ d="M17 7h-4v2h4c1.65 0 3 1.35 3 3s-1.35 3-3 3h-4v2h4c2.76 0 5-2.24 5-5s-2.24-5-5-5zm-6 8H7c-1.65 0-3-1.35-3-3s1.35-3 3-3h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-2zm-3-4h8v2H8z"
824
+ />
825
+ </svg>
826
+ </div>
796
827
  </div>
797
828
  </div>
798
829
  </div>
799
830
  </div>
800
831
  </div>
801
832
  </div>
802
- </div>
803
- <div
804
- class="css-30qa7x"
805
- >
806
833
  <div
807
- class="css-16in0m0"
834
+ class="css-30qa7x"
808
835
  >
809
- <section
810
- class="css-qv96ce"
836
+ <div
837
+ class="css-16in0m0"
811
838
  >
812
- <h1
813
- class="nk-headline-heading css-1qhitfs"
839
+ <section
840
+ class="css-qv96ce"
814
841
  >
815
- Related topics
816
- </h1>
817
- </section>
818
- </div>
819
- <div
820
- class="css-38y4ob"
821
- >
842
+ <h1
843
+ class="nk-headline-heading css-1qhitfs"
844
+ >
845
+ Related topics
846
+ </h1>
847
+ </section>
848
+ </div>
822
849
  <div
823
- class="css-mdhsjw"
824
- data-testid="RelatedTopics"
850
+ class="css-38y4ob"
825
851
  >
826
852
  <div
827
- class="css-1jnyopt"
853
+ class="css-mdhsjw"
854
+ data-testid="RelatedTopics"
828
855
  >
829
856
  <div
830
- class="css-14xhfxi"
857
+ class="css-1jnyopt"
831
858
  >
832
859
  <div
833
- class="css-1oe1rpd"
834
- data-testid="tag"
860
+ class="css-14xhfxi"
835
861
  >
836
862
  <div
837
- class="css-m556v"
863
+ class="css-1oe1rpd"
864
+ data-testid="tag"
838
865
  >
839
866
  <div
840
- class="css-14dqn90"
867
+ class="css-m556v"
841
868
  >
842
- <span
843
- class="css-1erkh45"
869
+ <div
870
+ class="css-14dqn90"
844
871
  >
845
- Some topic one
846
- </span>
872
+ <span
873
+ class="css-1erkh45"
874
+ >
875
+ Some topic one
876
+ </span>
877
+ </div>
847
878
  </div>
848
879
  </div>
849
880
  </div>
850
881
  </div>
851
- </div>
852
- <div
853
- class="css-1jnyopt"
854
- >
855
882
  <div
856
- class="css-14xhfxi"
883
+ class="css-1jnyopt"
857
884
  >
858
885
  <div
859
- class="css-1oe1rpd"
860
- data-testid="tag"
886
+ class="css-14xhfxi"
861
887
  >
862
888
  <div
863
- class="css-m556v"
889
+ class="css-1oe1rpd"
890
+ data-testid="tag"
864
891
  >
865
892
  <div
866
- class="css-14dqn90"
893
+ class="css-m556v"
867
894
  >
868
- <span
869
- class="css-1erkh45"
895
+ <div
896
+ class="css-14dqn90"
870
897
  >
871
- Some topic one
872
- </span>
898
+ <span
899
+ class="css-1erkh45"
900
+ >
901
+ Some topic one
902
+ </span>
903
+ </div>
873
904
  </div>
874
905
  </div>
875
906
  </div>
876
907
  </div>
877
908
  </div>
878
909
  </div>
879
- </div>
880
- <div
881
- class="css-gxh9kv"
882
- >
883
- <hr
884
- aria-hidden="true"
885
- class="css-633um5"
886
- data-testid="divider"
887
- />
910
+ <div
911
+ class="css-gxh9kv"
912
+ >
913
+ <hr
914
+ aria-hidden="true"
915
+ class="css-633um5"
916
+ data-testid="divider"
917
+ />
918
+ </div>
888
919
  </div>
889
920
  </div>
890
- </div>
891
- <div
892
- class="css-1qobz4o"
893
- data-testid="PageLayout"
894
- >
895
921
  <div
896
- class="css-ezeoqu"
897
- data-testid="Ads"
922
+ class="css-1qobz4o"
923
+ data-testid="PageLayout"
898
924
  >
899
925
  <div
900
- class="css-1dl2ysh"
901
- id="advert-article-sidebar"
902
- />
903
- </div>
904
- <div
905
- class="css-38y4ob"
906
- data-testid="Highlights"
907
- >
926
+ class="css-ezeoqu"
927
+ data-testid="Ads"
928
+ >
929
+ <div
930
+ class="css-1dl2ysh"
931
+ id="advert-article-sidebar"
932
+ />
933
+ </div>
908
934
  <div
909
935
  class="css-38y4ob"
936
+ data-testid="Highlights"
910
937
  >
911
938
  <div
912
- class="css-1ujq44n"
939
+ class="css-38y4ob"
913
940
  >
914
- <section
915
- class="css-r3v25s"
941
+ <div
942
+ class="css-1ujq44n"
916
943
  >
917
- <h1
918
- class="nk-headline-heading css-5gd387"
944
+ <section
945
+ class="css-r3v25s"
919
946
  >
920
- Highlights
921
- </h1>
922
- </section>
923
- </div>
924
- <div
925
- class="css-1uo5aiw"
926
- >
947
+ <h1
948
+ class="nk-headline-heading css-5gd387"
949
+ >
950
+ Highlights
951
+ </h1>
952
+ </section>
953
+ </div>
927
954
  <div
928
- class="css-ar93hv"
955
+ class="css-1uo5aiw"
929
956
  >
930
957
  <div
931
- class="css-krscqv"
958
+ class="css-ar93hv"
932
959
  >
933
- <section
934
- class="css-r3v25s"
960
+ <div
961
+ class="css-krscqv"
935
962
  >
936
- <h3
937
- class="nk-headline-heading css-5gd387"
963
+ <section
964
+ class="css-r3v25s"
938
965
  >
939
- Highlights
940
- </h3>
941
- </section>
942
- </div>
943
- <div
944
- class="css-1h0bvuz"
945
- >
946
- <a
947
- class="css-1jv78aa"
948
- data-testid="buttonLink"
949
- href="/"
966
+ <h3
967
+ class="nk-headline-heading css-5gd387"
968
+ >
969
+ Highlights
970
+ </h3>
971
+ </section>
972
+ </div>
973
+ <div
974
+ class="css-1h0bvuz"
950
975
  >
951
- <div
952
- class="css-bptyib"
976
+ <a
977
+ class="css-1jv78aa"
978
+ data-testid="buttonLink"
979
+ href="/"
953
980
  >
954
981
  <div
955
- class="css-1yztr03"
982
+ class="css-bptyib"
956
983
  >
957
- <span
958
- class="css-3kpoql"
984
+ <div
985
+ class="css-1yztr03"
959
986
  >
960
- View all
961
- </span>
962
- </div>
963
- <div
964
- class="css-1yztr03"
965
- >
966
- <svg
967
- aria-hidden="true"
968
- class="css-by9y3d-EmotionIconBase ex0cdmw0"
969
- fill="currentColor"
970
- focusable="false"
971
- viewBox="0 0 24 24"
972
- xmlns="http://www.w3.org/2000/svg"
987
+ <span
988
+ class="css-3kpoql"
989
+ >
990
+ View all
991
+ </span>
992
+ </div>
993
+ <div
994
+ class="css-1yztr03"
973
995
  >
974
- <path
975
- d="M0 0h24v24H0z"
976
- fill="none"
977
- />
978
- <path
979
- d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"
980
- />
981
- </svg>
996
+ <svg
997
+ aria-hidden="true"
998
+ class="css-by9y3d-EmotionIconBase ex0cdmw0"
999
+ fill="currentColor"
1000
+ focusable="false"
1001
+ viewBox="0 0 24 24"
1002
+ xmlns="http://www.w3.org/2000/svg"
1003
+ >
1004
+ <path
1005
+ d="M0 0h24v24H0z"
1006
+ fill="none"
1007
+ />
1008
+ <path
1009
+ d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"
1010
+ />
1011
+ </svg>
1012
+ </div>
982
1013
  </div>
983
- </div>
984
- </a>
1014
+ </a>
1015
+ </div>
985
1016
  </div>
986
1017
  </div>
987
1018
  </div>
988
- </div>
989
- <div
990
- class="css-14xhfxi"
991
- >
992
1019
  <div
993
- class="css-8atxkm"
1020
+ class="css-14xhfxi"
994
1021
  >
995
1022
  <div
996
- class="css-1ji12ea"
1023
+ class="css-8atxkm"
997
1024
  >
998
1025
  <div
999
- class="css-3jmwfs"
1026
+ class="css-1ji12ea"
1000
1027
  >
1001
1028
  <div
1002
- class="css-14xhfxi"
1003
- data-testid="HighlightsHorizontalCard"
1029
+ class="css-3jmwfs"
1004
1030
  >
1005
1031
  <div
1006
- class="css-6c0oh5"
1032
+ class="css-14xhfxi"
1033
+ data-testid="HighlightsHorizontalCard"
1007
1034
  >
1008
1035
  <div
1009
- class="css-14avdtw"
1010
- >
1011
- <picture
1012
- class="css-1a8w4l6"
1013
- >
1014
- <div
1015
- class="css-5pczz7"
1016
- />
1017
- <img
1018
- alt="Card Media"
1019
- class="css-n57idg"
1020
- src="https://plchldr.co/i/50x50"
1021
- />
1022
- </picture>
1023
- </div>
1024
- <div
1025
- class="css-1r2lt0d"
1036
+ class="css-6c0oh5"
1026
1037
  >
1027
1038
  <div
1028
- class="css-h6wt93"
1039
+ class="css-14avdtw"
1029
1040
  >
1030
- <a
1031
- class="nk-card-link css-1cq1vxv"
1032
- href="https://newskit-render.ceng-dev.newsuk.tech"
1041
+ <picture
1042
+ class="css-1a8w4l6"
1033
1043
  >
1034
- <section
1035
- class="css-1mwgn7o"
1036
- >
1037
- <h4
1038
- class="nk-headline-heading css-10swdqn"
1039
- >
1040
- Test Box
1041
- </h4>
1042
- </section>
1043
- </a>
1044
+ <div
1045
+ class="css-5pczz7"
1046
+ />
1047
+ <img
1048
+ alt="Card Media"
1049
+ class="css-n57idg"
1050
+ src="https://plchldr.co/i/50x50"
1051
+ />
1052
+ </picture>
1044
1053
  </div>
1045
- </div>
1046
- </div>
1047
- </div>
1048
- </div>
1049
- <div
1050
- class="css-3jmwfs"
1051
- >
1052
- <div
1053
- class="css-14xhfxi"
1054
- data-testid="HighlightsHorizontalCard"
1055
- >
1056
- <div
1057
- class="css-6c0oh5"
1058
- >
1059
- <div
1060
- class="css-14avdtw"
1061
- >
1062
- <picture
1063
- class="css-1a8w4l6"
1064
- >
1065
- <div
1066
- class="css-5pczz7"
1067
- />
1068
- <img
1069
- alt="Card Media"
1070
- class="css-n57idg"
1071
- src="https://plchldr.co/i/50x50"
1072
- />
1073
- </picture>
1074
- </div>
1075
- <div
1076
- class="css-1r2lt0d"
1077
- >
1078
1054
  <div
1079
- class="css-h6wt93"
1055
+ class="css-1r2lt0d"
1080
1056
  >
1081
- <a
1082
- class="nk-card-link css-1cq1vxv"
1083
- href="https://newskit-render.ceng-dev.newsuk.tech"
1057
+ <div
1058
+ class="css-h6wt93"
1084
1059
  >
1085
- <section
1086
- class="css-1mwgn7o"
1060
+ <a
1061
+ class="nk-card-link css-1cq1vxv"
1062
+ href="https://newskit-render.ceng-dev.newsuk.tech"
1087
1063
  >
1088
- <h4
1089
- class="nk-headline-heading css-10swdqn"
1064
+ <section
1065
+ class="css-1mwgn7o"
1090
1066
  >
1091
- Prince Harry
1092
- </h4>
1093
- </section>
1094
- </a>
1067
+ <h4
1068
+ class="nk-headline-heading css-10swdqn"
1069
+ >
1070
+ Test Box
1071
+ </h4>
1072
+ </section>
1073
+ </a>
1074
+ </div>
1095
1075
  </div>
1096
1076
  </div>
1097
1077
  </div>
1098
1078
  </div>
1099
- </div>
1100
- <div
1101
- class="css-6gys8z"
1102
- >
1103
1079
  <div
1104
- class="css-1ujq44n"
1080
+ class="css-3jmwfs"
1105
1081
  >
1106
- <hr
1107
- aria-hidden="true"
1108
- class="css-633um5"
1109
- data-testid="divider"
1110
- />
1111
1082
  <div
1112
- class="css-1c2ypzx"
1083
+ class="css-14xhfxi"
1084
+ data-testid="HighlightsHorizontalCard"
1113
1085
  >
1114
1086
  <div
1115
- class="css-le9csr"
1087
+ class="css-6c0oh5"
1116
1088
  >
1117
- <a
1118
- class="css-1jv78aa"
1119
- data-testid="buttonLink"
1120
- href="/"
1089
+ <div
1090
+ class="css-14avdtw"
1121
1091
  >
1122
- <div
1123
- class="css-bptyib"
1092
+ <picture
1093
+ class="css-1a8w4l6"
1124
1094
  >
1125
1095
  <div
1126
- class="css-1yztr03"
1127
- >
1128
- <span
1129
- class="css-3kpoql"
1130
- >
1131
- View all
1132
- </span>
1133
- </div>
1134
- <div
1135
- class="css-1yztr03"
1136
- >
1137
- <svg
1138
- aria-hidden="true"
1139
- class="css-by9y3d-EmotionIconBase ex0cdmw0"
1140
- fill="currentColor"
1141
- focusable="false"
1142
- viewBox="0 0 24 24"
1143
- xmlns="http://www.w3.org/2000/svg"
1144
- >
1145
- <path
1146
- d="M0 0h24v24H0z"
1147
- fill="none"
1148
- />
1149
- <path
1150
- d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"
1151
- />
1152
- </svg>
1153
- </div>
1096
+ class="css-5pczz7"
1097
+ />
1098
+ <img
1099
+ alt="Card Media"
1100
+ class="css-n57idg"
1101
+ src="https://plchldr.co/i/50x50"
1102
+ />
1103
+ </picture>
1104
+ </div>
1105
+ <div
1106
+ class="css-1r2lt0d"
1107
+ >
1108
+ <div
1109
+ class="css-h6wt93"
1110
+ >
1111
+ <a
1112
+ class="nk-card-link css-1cq1vxv"
1113
+ href="https://newskit-render.ceng-dev.newsuk.tech"
1114
+ >
1115
+ <section
1116
+ class="css-1mwgn7o"
1117
+ >
1118
+ <h4
1119
+ class="nk-headline-heading css-10swdqn"
1120
+ >
1121
+ Prince Harry
1122
+ </h4>
1123
+ </section>
1124
+ </a>
1154
1125
  </div>
1155
- </a>
1126
+ </div>
1156
1127
  </div>
1128
+ </div>
1129
+ </div>
1130
+ <div
1131
+ class="css-6gys8z"
1132
+ >
1133
+ <div
1134
+ class="css-1ujq44n"
1135
+ >
1157
1136
  <hr
1158
1137
  aria-hidden="true"
1159
1138
  class="css-633um5"
1160
1139
  data-testid="divider"
1161
1140
  />
1141
+ <div
1142
+ class="css-1c2ypzx"
1143
+ >
1144
+ <div
1145
+ class="css-le9csr"
1146
+ >
1147
+ <a
1148
+ class="css-1jv78aa"
1149
+ data-testid="buttonLink"
1150
+ href="/"
1151
+ >
1152
+ <div
1153
+ class="css-bptyib"
1154
+ >
1155
+ <div
1156
+ class="css-1yztr03"
1157
+ >
1158
+ <span
1159
+ class="css-3kpoql"
1160
+ >
1161
+ View all
1162
+ </span>
1163
+ </div>
1164
+ <div
1165
+ class="css-1yztr03"
1166
+ >
1167
+ <svg
1168
+ aria-hidden="true"
1169
+ class="css-by9y3d-EmotionIconBase ex0cdmw0"
1170
+ fill="currentColor"
1171
+ focusable="false"
1172
+ viewBox="0 0 24 24"
1173
+ xmlns="http://www.w3.org/2000/svg"
1174
+ >
1175
+ <path
1176
+ d="M0 0h24v24H0z"
1177
+ fill="none"
1178
+ />
1179
+ <path
1180
+ d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"
1181
+ />
1182
+ </svg>
1183
+ </div>
1184
+ </div>
1185
+ </a>
1186
+ </div>
1187
+ <hr
1188
+ aria-hidden="true"
1189
+ class="css-633um5"
1190
+ data-testid="divider"
1191
+ />
1192
+ </div>
1162
1193
  </div>
1163
1194
  </div>
1164
1195
  </div>
@@ -1166,271 +1197,271 @@ exports[`Article should render tile and sub title 1`] = `
1166
1197
  </div>
1167
1198
  </div>
1168
1199
  </div>
1169
- </div>
1170
- <div
1171
- class="css-18d6eiw"
1172
- data-testid="PageLayout"
1173
- >
1174
1200
  <div
1175
- class="css-30qa7x"
1176
- data-testid="RelatedArticles"
1201
+ class="css-18d6eiw"
1202
+ data-testid="PageLayout"
1177
1203
  >
1178
1204
  <div
1179
- class="css-gxh9kv"
1205
+ class="css-30qa7x"
1206
+ data-testid="RelatedArticles"
1180
1207
  >
1181
1208
  <div
1182
- class="css-ar93hv"
1209
+ class="css-gxh9kv"
1183
1210
  >
1184
1211
  <div
1185
- class="css-krscqv"
1212
+ class="css-ar93hv"
1186
1213
  >
1187
- <section
1188
- class="css-148i9wz"
1214
+ <div
1215
+ class="css-krscqv"
1189
1216
  >
1190
- <h3
1191
- class="nk-headline-heading css-5gd387"
1217
+ <section
1218
+ class="css-148i9wz"
1192
1219
  >
1193
- Related
1194
- </h3>
1195
- </section>
1196
- </div>
1197
- <div
1198
- class="css-1h0bvuz"
1199
- >
1200
- <a
1201
- class="css-1jv78aa"
1202
- data-testid="buttonLink"
1203
- href="/relatedArticles"
1220
+ <h3
1221
+ class="nk-headline-heading css-5gd387"
1222
+ >
1223
+ Related
1224
+ </h3>
1225
+ </section>
1226
+ </div>
1227
+ <div
1228
+ class="css-1h0bvuz"
1204
1229
  >
1205
- <div
1206
- class="css-bptyib"
1230
+ <a
1231
+ class="css-1jv78aa"
1232
+ data-testid="buttonLink"
1233
+ href="/relatedArticles"
1207
1234
  >
1208
1235
  <div
1209
- class="css-1yztr03"
1236
+ class="css-bptyib"
1210
1237
  >
1211
- <span
1212
- class="css-3kpoql"
1238
+ <div
1239
+ class="css-1yztr03"
1213
1240
  >
1214
- View all
1215
- </span>
1216
- </div>
1217
- <div
1218
- class="css-1yztr03"
1219
- >
1220
- <svg
1221
- aria-hidden="true"
1222
- class="css-by9y3d-EmotionIconBase ex0cdmw0"
1223
- fill="currentColor"
1224
- focusable="false"
1225
- viewBox="0 0 24 24"
1226
- xmlns="http://www.w3.org/2000/svg"
1241
+ <span
1242
+ class="css-3kpoql"
1243
+ >
1244
+ View all
1245
+ </span>
1246
+ </div>
1247
+ <div
1248
+ class="css-1yztr03"
1227
1249
  >
1228
- <path
1229
- d="M0 0h24v24H0z"
1230
- fill="none"
1231
- />
1232
- <path
1233
- d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"
1234
- />
1235
- </svg>
1250
+ <svg
1251
+ aria-hidden="true"
1252
+ class="css-by9y3d-EmotionIconBase ex0cdmw0"
1253
+ fill="currentColor"
1254
+ focusable="false"
1255
+ viewBox="0 0 24 24"
1256
+ xmlns="http://www.w3.org/2000/svg"
1257
+ >
1258
+ <path
1259
+ d="M0 0h24v24H0z"
1260
+ fill="none"
1261
+ />
1262
+ <path
1263
+ d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"
1264
+ />
1265
+ </svg>
1266
+ </div>
1236
1267
  </div>
1237
- </div>
1238
- </a>
1268
+ </a>
1269
+ </div>
1239
1270
  </div>
1240
1271
  </div>
1241
- </div>
1242
- <div
1243
- class="css-34i7av"
1244
- data-testid="RelatedArticlesVerticalCard"
1245
- >
1246
1272
  <div
1247
- class="css-16in0m0"
1248
- data-testid="articleRec-0"
1273
+ class="css-34i7av"
1274
+ data-testid="RelatedArticlesVerticalCard"
1249
1275
  >
1250
1276
  <div
1251
- class="css-1opc7jp"
1277
+ class="css-16in0m0"
1278
+ data-testid="articleRec-0"
1252
1279
  >
1253
1280
  <div
1254
- class="css-b5xivb"
1281
+ class="css-1opc7jp"
1255
1282
  >
1256
- <picture
1257
- class="css-1t36qhh"
1283
+ <div
1284
+ class="css-b5xivb"
1258
1285
  >
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
- >
1286
+ <picture
1287
+ class="css-1t36qhh"
1288
+ >
1289
+ <div
1290
+ class="css-5pczz7"
1291
+ />
1292
+ <img
1293
+ alt="Prince Harry"
1294
+ class="css-1qgqq71"
1295
+ src="https://plchldr.co/i/70x50"
1296
+ />
1297
+ </picture>
1298
+ </div>
1272
1299
  <div
1273
- class="css-u3mic"
1300
+ class="css-1shocxe"
1274
1301
  >
1275
1302
  <div
1276
- class="css-38y4ob"
1303
+ class="css-u3mic"
1277
1304
  >
1278
1305
  <div
1279
- class="css-1vjcmlt"
1306
+ class="css-38y4ob"
1280
1307
  >
1281
- <a
1282
- class="nk-card-link css-1cq1vxv"
1283
- href="https://newskit-render.ceng-dev.newsuk.tech"
1308
+ <div
1309
+ class="css-1vjcmlt"
1284
1310
  >
1285
- <section
1286
- class="css-zs57uu"
1311
+ <a
1312
+ class="nk-card-link css-1cq1vxv"
1313
+ href="https://newskit-render.ceng-dev.newsuk.tech"
1287
1314
  >
1288
- <h6
1289
- class="nk-headline-heading css-10swdqn"
1315
+ <section
1316
+ class="css-zs57uu"
1290
1317
  >
1291
- Prince Harry
1292
- </h6>
1293
- </section>
1294
- </a>
1295
- </div>
1296
- <div
1297
- class="css-1vjcmlt"
1298
- >
1299
- <p
1300
- class="css-14u46jx"
1318
+ <h6
1319
+ class="nk-headline-heading css-10swdqn"
1320
+ >
1321
+ Prince Harry
1322
+ </h6>
1323
+ </section>
1324
+ </a>
1325
+ </div>
1326
+ <div
1327
+ class="css-1vjcmlt"
1301
1328
  >
1302
- news
1303
- </p>
1329
+ <p
1330
+ class="css-14u46jx"
1331
+ >
1332
+ news
1333
+ </p>
1334
+ </div>
1304
1335
  </div>
1305
1336
  </div>
1306
1337
  </div>
1307
1338
  </div>
1308
1339
  </div>
1309
- </div>
1310
- <div
1311
- class="css-16in0m0"
1312
- data-testid="articleRec-1"
1313
- >
1314
1340
  <div
1315
- class="css-1opc7jp"
1341
+ class="css-16in0m0"
1342
+ data-testid="articleRec-1"
1316
1343
  >
1317
1344
  <div
1318
- class="css-b5xivb"
1345
+ class="css-1opc7jp"
1319
1346
  >
1320
- <picture
1321
- class="css-1t36qhh"
1347
+ <div
1348
+ class="css-b5xivb"
1322
1349
  >
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
- >
1350
+ <picture
1351
+ class="css-1t36qhh"
1352
+ >
1353
+ <div
1354
+ class="css-5pczz7"
1355
+ />
1356
+ <img
1357
+ alt="Meghan Markle"
1358
+ class="css-1qgqq71"
1359
+ src="https://plchldr.co/i/70x50"
1360
+ />
1361
+ </picture>
1362
+ </div>
1336
1363
  <div
1337
- class="css-u3mic"
1364
+ class="css-1shocxe"
1338
1365
  >
1339
1366
  <div
1340
- class="css-38y4ob"
1367
+ class="css-u3mic"
1341
1368
  >
1342
1369
  <div
1343
- class="css-1vjcmlt"
1370
+ class="css-38y4ob"
1344
1371
  >
1345
- <a
1346
- class="nk-card-link css-1cq1vxv"
1347
- href="https://newskit-render.ceng-dev.newsuk.tech"
1372
+ <div
1373
+ class="css-1vjcmlt"
1348
1374
  >
1349
- <section
1350
- class="css-zs57uu"
1375
+ <a
1376
+ class="nk-card-link css-1cq1vxv"
1377
+ href="https://newskit-render.ceng-dev.newsuk.tech"
1351
1378
  >
1352
- <h6
1353
- class="nk-headline-heading css-10swdqn"
1379
+ <section
1380
+ class="css-zs57uu"
1354
1381
  >
1355
- Meghan Markle
1356
- </h6>
1357
- </section>
1358
- </a>
1359
- </div>
1360
- <div
1361
- class="css-1vjcmlt"
1362
- >
1363
- <p
1364
- class="css-14u46jx"
1382
+ <h6
1383
+ class="nk-headline-heading css-10swdqn"
1384
+ >
1385
+ Meghan Markle
1386
+ </h6>
1387
+ </section>
1388
+ </a>
1389
+ </div>
1390
+ <div
1391
+ class="css-1vjcmlt"
1365
1392
  >
1366
- news
1367
- </p>
1393
+ <p
1394
+ class="css-14u46jx"
1395
+ >
1396
+ news
1397
+ </p>
1398
+ </div>
1368
1399
  </div>
1369
1400
  </div>
1370
1401
  </div>
1371
1402
  </div>
1372
1403
  </div>
1373
1404
  </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
1405
  <div
1384
- class="css-1c2ypzx"
1406
+ class="css-75g92e"
1385
1407
  >
1408
+ <hr
1409
+ aria-hidden="true"
1410
+ class="css-633um5"
1411
+ data-testid="divider"
1412
+ />
1386
1413
  <div
1387
- class="css-le9csr"
1414
+ class="css-1c2ypzx"
1388
1415
  >
1389
- <a
1390
- class="css-1jv78aa"
1391
- data-testid="buttonLink"
1392
- href="/relatedArticles"
1416
+ <div
1417
+ class="css-le9csr"
1393
1418
  >
1394
- <div
1395
- class="css-bptyib"
1419
+ <a
1420
+ class="css-1jv78aa"
1421
+ data-testid="buttonLink"
1422
+ href="/relatedArticles"
1396
1423
  >
1397
1424
  <div
1398
- class="css-1yztr03"
1425
+ class="css-bptyib"
1399
1426
  >
1400
- <span
1401
- class="css-3kpoql"
1427
+ <div
1428
+ class="css-1yztr03"
1402
1429
  >
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"
1430
+ <span
1431
+ class="css-3kpoql"
1432
+ >
1433
+ View all
1434
+ </span>
1435
+ </div>
1436
+ <div
1437
+ class="css-1yztr03"
1416
1438
  >
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>
1439
+ <svg
1440
+ aria-hidden="true"
1441
+ class="css-by9y3d-EmotionIconBase ex0cdmw0"
1442
+ fill="currentColor"
1443
+ focusable="false"
1444
+ viewBox="0 0 24 24"
1445
+ xmlns="http://www.w3.org/2000/svg"
1446
+ >
1447
+ <path
1448
+ d="M0 0h24v24H0z"
1449
+ fill="none"
1450
+ />
1451
+ <path
1452
+ d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"
1453
+ />
1454
+ </svg>
1455
+ </div>
1425
1456
  </div>
1426
- </div>
1427
- </a>
1457
+ </a>
1458
+ </div>
1459
+ <hr
1460
+ aria-hidden="true"
1461
+ class="css-633um5"
1462
+ data-testid="divider"
1463
+ />
1428
1464
  </div>
1429
- <hr
1430
- aria-hidden="true"
1431
- class="css-633um5"
1432
- data-testid="divider"
1433
- />
1434
1465
  </div>
1435
1466
  </div>
1436
1467
  </div>