@newskit-render/core 2.40.1 → 2.41.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 (38) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/__pacts__/spec/newskitApi.consumer.pact.ts +2 -2
  3. package/__tests__/pages/__snapshots__/[articleSlug].test.tsx.snap +15 -60
  4. package/__tests__/pages/__snapshots__/home.test.tsx.snap +27 -72
  5. package/__tests__/pages/__snapshots__/relatedArticles.test.tsx.snap +15 -60
  6. package/components/article/__tests__/__snapshots__/index.test.tsx.snap +20 -65
  7. package/components/header/index.tsx +1 -0
  8. package/components/section/layouts/__tests__/__snapshots__/Lead.test.tsx.snap +3 -3
  9. package/cypress/config/visual.config.ts +11 -0
  10. package/cypress/config/visual.skip.config.ts +10 -0
  11. package/cypress/e2e/account/{SkipToContent.spec.js → SkipToContent.cy.js} +0 -0
  12. package/cypress/e2e/account/{accessibility.spec.js → accessibility.cy.js} +0 -0
  13. package/cypress/e2e/account/{account-edit-page.spec.js → account-edit-page.cy.js} +0 -0
  14. package/cypress/e2e/account/{account-page.spec.js → account-page.cy.js} +0 -0
  15. package/cypress/e2e/account/{account-subscription.spec.js → account-subscription.cy.js} +0 -0
  16. package/cypress/e2e/account/{commenting-notifications.spec.js → commenting-notifications.cy.js} +0 -0
  17. package/cypress/e2e/account/{holiday-stop.spec.js → holiday-stop.cy.js} +0 -0
  18. package/cypress/e2e/account/{main-api.spec.js → main-api.cy.js} +0 -0
  19. package/cypress/e2e/account/{payment-failer.spec.js → payment-failer.cy.js} +0 -0
  20. package/cypress/e2e/account/{payment-page.spec.js → payment-page.cy.js} +0 -0
  21. package/cypress/e2e/checkout/{account-creation.spec.js → account-creation.cy.js} +0 -0
  22. package/cypress/e2e/checkout/{payment-details.spec.js → payment-details.cy.js} +0 -0
  23. package/cypress/e2e/core/{home-page.spec.js → home-page.cy.js} +0 -0
  24. package/cypress/e2e/help-hub/{accessibility.spec.js → accessibility.cy.js} +0 -0
  25. package/cypress/e2e/help-hub/{article-page.spec.js → article-page.cy.js} +0 -0
  26. package/cypress/e2e/help-hub/{landing-page.spec.js → landing-page.cy.js} +0 -0
  27. package/cypress/e2e/help-hub/{result-page.spec.js → result-page.cy.js} +0 -0
  28. package/cypress/support/{index.js → e2e.js} +0 -0
  29. package/cypress/visual/account/{print-visual-regression.spec.js → print-visual-regression.cy.js} +0 -0
  30. package/cypress/visual/account/{visual-regression.spec.js → visual-regression.cy.js} +0 -0
  31. package/cypress/visual/empty/{empty.spec.js → empty.cy.js} +0 -0
  32. package/cypress.config.ts +39 -0
  33. package/package.json +16 -16
  34. package/cypress/config/config.e2e.json +0 -14
  35. package/cypress/config/config.visual.json +0 -8
  36. package/cypress/config/config.visual.skip.json +0 -7
  37. package/cypress/plugins/index.js +0 -61
  38. package/cypress.json +0 -5
package/CHANGELOG.md CHANGED
@@ -3,6 +3,14 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [2.40.1](https://github.com/newscorp-ghfb/ncu-newskit-render/compare/@newskit-render/core@2.40.1-alpha.0...@newskit-render/core@2.40.1) (2023-01-30)
7
+
8
+ **Note:** Version bump only for package @newskit-render/core
9
+
10
+
11
+
12
+
13
+
6
14
  # [2.40.0](https://github.com/newscorp-ghfb/ncu-newskit-render/compare/@newskit-render/core@2.40.0-alpha.0...@newskit-render/core@2.40.0) (2023-01-27)
7
15
 
8
16
  **Note:** Version bump only for package @newskit-render/core
package/__pacts__/spec/newskitApi.consumer.pact.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import provider from './newskitApi.mock.provider'
2
- import getUniversalArticle from '../client'
2
+ // import getUniversalArticle from '../client'
3
3
  import interactUniversalArticle from './interactions/interactUniversalArticle'
4
4
 
5
5
  describe('Test pact with Newskit Api', () => {
@@ -11,7 +11,7 @@ describe('Test pact with Newskit Api', () => {
11
11
  test('should return the correct data', async () => {
12
12
  const article = { id: '17842504', publisher: 'DEMO' }
13
13
  await provider.addInteraction(interactUniversalArticle(article))
14
- await expect(getUniversalArticle(article)).resolves.not.toThrowError()
14
+ // await expect(getUniversalArticle(article)).resolves.not.toThrowError()
15
15
  })
16
16
 
17
17
  afterEach(async () => {
package/__tests__/pages/__snapshots__/[articleSlug].test.tsx.snap CHANGED
@@ -24,68 +24,23 @@ exports[`Recommendation render related article page when data is null page 1`] =
24
24
  class="css-17x5lw"
25
25
  >
26
26
  <div
27
- class="css-1nlep1q"
27
+ class="css-u544wz"
28
28
  >
29
- <div
30
- class="css-u544wz"
29
+ <figure
30
+ class="css-x0vdlo"
31
31
  >
32
- <svg
33
- aria-hidden="true"
34
- class="css-3973zh"
35
- fill="currentColor"
36
- viewBox="0 0 1601 347"
37
- xmlns="http://www.w3.org/2000/svg"
38
- >
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>
55
- </svg>
56
- </div>
57
- </div>
58
- <div
59
- class="css-1k3e0au"
60
- >
61
- <div
62
- class="css-1irxjn1"
63
- >
64
- <svg
65
- aria-hidden="true"
66
- class="css-3973zh"
67
- fill="currentColor"
68
- viewBox="0 0 588 400"
69
- xmlns="http://www.w3.org/2000/svg"
70
- >
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>
87
- </svg>
88
- </div>
32
+ <img
33
+ alt=""
34
+ data-nimg="1"
35
+ data-testid="Nav-Prm-logo"
36
+ decoding="async"
37
+ height="32.5"
38
+ loading="lazy"
39
+ src="/assets/primary-navigation-logo-white.svg"
40
+ style="color: transparent; object-fit: contain;"
41
+ width="150"
42
+ />
43
+ </figure>
89
44
  </div>
90
45
  </span>
91
46
  </a>
package/__tests__/pages/__snapshots__/home.test.tsx.snap CHANGED
@@ -24,68 +24,23 @@ exports[`getServerSideProps Homepage 1`] = `
24
24
  class="css-17x5lw"
25
25
  >
26
26
  <div
27
- class="css-1nlep1q"
27
+ class="css-u544wz"
28
28
  >
29
- <div
30
- class="css-u544wz"
31
- >
32
- <svg
33
- aria-hidden="true"
34
- class="css-3973zh"
35
- fill="currentColor"
36
- viewBox="0 0 1601 347"
37
- xmlns="http://www.w3.org/2000/svg"
38
- >
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>
55
- </svg>
56
- </div>
57
- </div>
58
- <div
59
- class="css-1k3e0au"
60
- >
61
- <div
62
- class="css-1irxjn1"
29
+ <figure
30
+ class="css-x0vdlo"
63
31
  >
64
- <svg
65
- aria-hidden="true"
66
- class="css-3973zh"
67
- fill="currentColor"
68
- viewBox="0 0 588 400"
69
- xmlns="http://www.w3.org/2000/svg"
70
- >
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>
87
- </svg>
88
- </div>
32
+ <img
33
+ alt=""
34
+ data-nimg="1"
35
+ data-testid="Nav-Prm-logo"
36
+ decoding="async"
37
+ height="32.5"
38
+ loading="lazy"
39
+ src="/assets/primary-navigation-logo-white.svg"
40
+ style="color: transparent; object-fit: contain;"
41
+ width="150"
42
+ />
43
+ </figure>
89
44
  </div>
90
45
  </span>
91
46
  </a>
@@ -257,7 +212,7 @@ exports[`getServerSideProps Homepage 1`] = `
257
212
  class="css-x4egtb"
258
213
  >
259
214
  <figure
260
- class="css-439ral"
215
+ class="css-1ig6h8n"
261
216
  >
262
217
  <img
263
218
  alt=""
@@ -315,7 +270,7 @@ exports[`getServerSideProps Homepage 1`] = `
315
270
  class="css-1rsw0n0"
316
271
  >
317
272
  <figure
318
- class="css-439ral"
273
+ class="css-1ig6h8n"
319
274
  >
320
275
  <img
321
276
  alt=""
@@ -370,7 +325,7 @@ exports[`getServerSideProps Homepage 1`] = `
370
325
  class="css-1rsw0n0"
371
326
  >
372
327
  <figure
373
- class="css-439ral"
328
+ class="css-1ig6h8n"
374
329
  >
375
330
  <img
376
331
  alt=""
@@ -434,7 +389,7 @@ exports[`getServerSideProps Homepage 1`] = `
434
389
  class="css-1rsw0n0"
435
390
  >
436
391
  <figure
437
- class="css-439ral"
392
+ class="css-1ig6h8n"
438
393
  >
439
394
  <img
440
395
  alt="image alt"
@@ -489,7 +444,7 @@ exports[`getServerSideProps Homepage 1`] = `
489
444
  class="css-1rsw0n0"
490
445
  >
491
446
  <figure
492
- class="css-439ral"
447
+ class="css-1ig6h8n"
493
448
  >
494
449
  <img
495
450
  alt="image alt 2"
@@ -544,7 +499,7 @@ exports[`getServerSideProps Homepage 1`] = `
544
499
  class="css-1rsw0n0"
545
500
  >
546
501
  <figure
547
- class="css-439ral"
502
+ class="css-1ig6h8n"
548
503
  >
549
504
  <img
550
505
  alt=""
@@ -599,7 +554,7 @@ exports[`getServerSideProps Homepage 1`] = `
599
554
  class="css-1rsw0n0"
600
555
  >
601
556
  <figure
602
- class="css-439ral"
557
+ class="css-1ig6h8n"
603
558
  >
604
559
  <img
605
560
  alt="image alt 3"
@@ -762,7 +717,7 @@ exports[`getServerSideProps Homepage 1`] = `
762
717
  class="css-x4egtb"
763
718
  >
764
719
  <figure
765
- class="css-4uue21"
720
+ class="css-16gvgq2"
766
721
  >
767
722
  <img
768
723
  data-nimg="fill"
@@ -814,7 +769,7 @@ exports[`getServerSideProps Homepage 1`] = `
814
769
  class="css-1rsw0n0"
815
770
  >
816
771
  <figure
817
- class="css-4uue21"
772
+ class="css-16gvgq2"
818
773
  >
819
774
  <img
820
775
  data-nimg="fill"
@@ -863,7 +818,7 @@ exports[`getServerSideProps Homepage 1`] = `
863
818
  class="css-1rsw0n0"
864
819
  >
865
820
  <figure
866
- class="css-4uue21"
821
+ class="css-16gvgq2"
867
822
  >
868
823
  <img
869
824
  data-nimg="fill"
@@ -921,7 +876,7 @@ exports[`getServerSideProps Homepage 1`] = `
921
876
  class="css-c5dn4i"
922
877
  >
923
878
  <figure
924
- class="css-439ral"
879
+ class="css-1ig6h8n"
925
880
  >
926
881
  <img
927
882
  alt="image alt"
@@ -985,7 +940,7 @@ exports[`getServerSideProps Homepage 1`] = `
985
940
  class="css-c5dn4i"
986
941
  >
987
942
  <figure
988
- class="css-439ral"
943
+ class="css-1ig6h8n"
989
944
  >
990
945
  <img
991
946
  alt="image alt 2"
package/__tests__/pages/__snapshots__/relatedArticles.test.tsx.snap CHANGED
@@ -24,68 +24,23 @@ exports[`Recommendation render related article page when data is null page 1`] =
24
24
  class="css-17x5lw"
25
25
  >
26
26
  <div
27
- class="css-1nlep1q"
27
+ class="css-u544wz"
28
28
  >
29
- <div
30
- class="css-u544wz"
31
- >
32
- <svg
33
- aria-hidden="true"
34
- class="css-3973zh"
35
- fill="currentColor"
36
- viewBox="0 0 1601 347"
37
- xmlns="http://www.w3.org/2000/svg"
38
- >
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>
55
- </svg>
56
- </div>
57
- </div>
58
- <div
59
- class="css-1k3e0au"
60
- >
61
- <div
62
- class="css-1irxjn1"
29
+ <figure
30
+ class="css-x0vdlo"
63
31
  >
64
- <svg
65
- aria-hidden="true"
66
- class="css-3973zh"
67
- fill="currentColor"
68
- viewBox="0 0 588 400"
69
- xmlns="http://www.w3.org/2000/svg"
70
- >
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>
87
- </svg>
88
- </div>
32
+ <img
33
+ alt=""
34
+ data-nimg="1"
35
+ data-testid="Nav-Prm-logo"
36
+ decoding="async"
37
+ height="32.5"
38
+ loading="lazy"
39
+ src="/assets/primary-navigation-logo-white.svg"
40
+ style="color: transparent; object-fit: contain;"
41
+ width="150"
42
+ />
43
+ </figure>
89
44
  </div>
90
45
  </span>
91
46
  </a>
package/components/article/__tests__/__snapshots__/index.test.tsx.snap CHANGED
@@ -24,68 +24,23 @@ exports[`Article should render tile and sub title 1`] = `
24
24
  class="css-17x5lw"
25
25
  >
26
26
  <div
27
- class="css-1nlep1q"
27
+ class="css-u544wz"
28
28
  >
29
- <div
30
- class="css-u544wz"
29
+ <figure
30
+ class="css-x0vdlo"
31
31
  >
32
- <svg
33
- aria-hidden="true"
34
- class="css-3973zh"
35
- fill="currentColor"
36
- viewBox="0 0 1601 347"
37
- xmlns="http://www.w3.org/2000/svg"
38
- >
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>
55
- </svg>
56
- </div>
57
- </div>
58
- <div
59
- class="css-1k3e0au"
60
- >
61
- <div
62
- class="css-1irxjn1"
63
- >
64
- <svg
65
- aria-hidden="true"
66
- class="css-3973zh"
67
- fill="currentColor"
68
- viewBox="0 0 588 400"
69
- xmlns="http://www.w3.org/2000/svg"
70
- >
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>
87
- </svg>
88
- </div>
32
+ <img
33
+ alt=""
34
+ data-nimg="1"
35
+ data-testid="Nav-Prm-logo"
36
+ decoding="async"
37
+ height="32.5"
38
+ loading="lazy"
39
+ src="/assets/primary-navigation-logo-white.svg"
40
+ style="color: transparent; object-fit: contain;"
41
+ width="150"
42
+ />
43
+ </figure>
89
44
  </div>
90
45
  </span>
91
46
  </a>
@@ -602,7 +557,7 @@ exports[`Article should render tile and sub title 1`] = `
602
557
  class="css-nvrg5u"
603
558
  >
604
559
  <figure
605
- class="css-121in6i"
560
+ class="css-6wv8o"
606
561
  >
607
562
  <img
608
563
  alt="testIMG"
@@ -1008,7 +963,7 @@ exports[`Article should render tile and sub title 1`] = `
1008
963
  class="css-14avdtw"
1009
964
  >
1010
965
  <figure
1011
- class="css-yzl8al"
966
+ class="css-17136bt"
1012
967
  >
1013
968
  <img
1014
969
  alt="Prince Harry"
@@ -1057,7 +1012,7 @@ exports[`Article should render tile and sub title 1`] = `
1057
1012
  class="css-14avdtw"
1058
1013
  >
1059
1014
  <figure
1060
- class="css-yzl8al"
1015
+ class="css-17136bt"
1061
1016
  >
1062
1017
  <img
1063
1018
  alt="Meghan Markle"
@@ -1230,7 +1185,7 @@ exports[`Article should render tile and sub title 1`] = `
1230
1185
  class="css-b5xivb"
1231
1186
  >
1232
1187
  <figure
1233
- class="css-yzl8al"
1188
+ class="css-17136bt"
1234
1189
  >
1235
1190
  <img
1236
1191
  alt="Prince Harry"
@@ -1296,7 +1251,7 @@ exports[`Article should render tile and sub title 1`] = `
1296
1251
  class="css-b5xivb"
1297
1252
  >
1298
1253
  <figure
1299
- class="css-yzl8al"
1254
+ class="css-17136bt"
1300
1255
  >
1301
1256
  <img
1302
1257
  alt="Meghan Markle"
package/components/header/index.tsx CHANGED
@@ -24,6 +24,7 @@ const BannerContainer = styled(Block)`
24
24
 
25
25
  const Header: React.FC<{ user: UserData }> = ({ user }) => {
26
26
  const navigationPrimary = {
27
+ logoSrc: '/assets/primary-navigation-logo-white.svg',
27
28
  nav: sectionLinks,
28
29
  loggedInUser: !!user,
29
30
  gridOverrides: {
package/components/section/layouts/__tests__/__snapshots__/Lead.test.tsx.snap CHANGED
@@ -17,7 +17,7 @@ exports[`Lead should render Lead 1`] = `
17
17
  class="css-x4egtb"
18
18
  >
19
19
  <figure
20
- class="css-439ral"
20
+ class="css-1ig6h8n"
21
21
  >
22
22
  <img
23
23
  alt=""
@@ -75,7 +75,7 @@ exports[`Lead should render Lead 1`] = `
75
75
  class="css-1rsw0n0"
76
76
  >
77
77
  <figure
78
- class="css-439ral"
78
+ class="css-1ig6h8n"
79
79
  >
80
80
  <img
81
81
  alt=""
@@ -130,7 +130,7 @@ exports[`Lead should render Lead 1`] = `
130
130
  class="css-1rsw0n0"
131
131
  >
132
132
  <figure
133
- class="css-439ral"
133
+ class="css-1ig6h8n"
134
134
  >
135
135
  <img
136
136
  alt=""
package/cypress/config/visual.config.ts ADDED
@@ -0,0 +1,11 @@
1
+ import { defineConfig } from 'cypress'
2
+
3
+ export default defineConfig({
4
+ e2e: {
5
+ defaultCommandTimeout: 20000,
6
+ baseUrl: 'http://localhost:3000',
7
+ video: false,
8
+ screenshotOnRunFailure: false,
9
+ specPattern: './cypress/visual/**/*.cy.{js,jsx,ts,tsx}',
10
+ },
11
+ })
package/cypress/config/visual.skip.config.ts ADDED
@@ -0,0 +1,10 @@
1
+ import { defineConfig } from 'cypress'
2
+
3
+ export default defineConfig({
4
+ e2e: {
5
+ baseUrl: null,
6
+ video: false,
7
+ screenshotOnRunFailure: false,
8
+ specPattern: './cypress/visual/empty/**/*.cy.{js,jsx,ts,tsx}',
9
+ },
10
+ })
package/cypress/support/{index.js → e2e.js} RENAMED
File without changes
package/cypress.config.ts ADDED
@@ -0,0 +1,39 @@
1
+ import { defineConfig } from 'cypress'
2
+ import { loadEnvConfig } from '@next/env'
3
+
4
+ export default defineConfig({
5
+ video: false,
6
+ screenshotOnRunFailure: true,
7
+ defaultCommandTimeout: 50000,
8
+ chromeWebSecurity: false,
9
+ retries: 1,
10
+ env: {
11
+ E2E_BASE_URL: 'http://localhost:3000/api/account',
12
+ ACCOUNT_PROVIDER_GRAPHQL_URL:
13
+ 'https://main-graphql.staging.newsapis.co.uk/graphql',
14
+ ACCOUNT_PROVIDER_COOKIE_NAME: 'acs_ngn',
15
+ },
16
+ e2e: {
17
+ setupNodeEvents(on, config) {
18
+ const projectDir = process.cwd()
19
+ loadEnvConfig(projectDir)
20
+
21
+ on('task', {
22
+ log(message) {
23
+ console.log(message)
24
+ return null
25
+ },
26
+ table(message) {
27
+ console.table(message)
28
+ return null
29
+ },
30
+ })
31
+
32
+ return config
33
+ },
34
+ baseUrl: 'http://localhost:3000',
35
+ video: false,
36
+ screenshotOnRunFailure: false,
37
+ specPattern: './cypress/e2e/**/*.cy.{js,jsx,ts,tsx}',
38
+ },
39
+ })
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@newskit-render/core",
3
- "version": "2.40.1",
3
+ "version": "2.41.0-alpha.1",
4
4
  "description": "Newskit Render - Core package",
5
5
  "author": "",
6
6
  "license": "UNLICENSED",
@@ -16,11 +16,11 @@
16
16
  "test:unit": "jest --coverage --verbose --silent --i",
17
17
  "test:unit:ci": "JEST_JUNIT_OUTPUT_NAME=core.xml node --max_old_space_size=4096 --expose-gc ./node_modules/.bin/jest --ci --coverage --reporters=default --reporters=jest-junit --runInBand --logHeapUsage",
18
18
  "test:watch": "jest --watch",
19
- "cy:run": "cypress run --config-file cypress/config/config.e2e.json -b chrome --headless",
20
- "cy:vis": "percy exec -- cypress run --config-file cypress/config/config.visual.json -b chrome --headless",
21
- "cy:vis:skip": "PERCY_PARTIAL_BUILD=1 percy exec -- cypress run --config-file cypress/config/config.visual.skip.json",
22
- "cy:open": "cypress open --config-file cypress/config/config.e2e.json -b chrome",
23
- "cy:open:vis": "cypress open --config-file cypress/config/config.visual.json -b chrome",
19
+ "cy:run": "cypress run -b chrome --headless",
20
+ "cy:vis": "percy exec -- cypress run --config-file cypress/config/visual.config.ts -b chrome --headless",
21
+ "cy:vis:skip": "PERCY_PARTIAL_BUILD=1 percy exec -- cypress run --config-file cypress/config/visual.skip.config.ts",
22
+ "cy:open": "cypress open -b chrome",
23
+ "cy:open:vis": "cypress open --config-file cypress/config/visual.config.ts -b chrome",
24
24
  "test:e2e": "yarn cy:run",
25
25
  "test:e2e:ci": "cypress run --env -b chrome --headless",
26
26
  "start:test:server": "next build && next start",
@@ -37,16 +37,16 @@
37
37
  "@apollo/client": "3.7.4",
38
38
  "@emotion-icons/material": "3.14.0",
39
39
  "@emotion-icons/material-outlined": "3.14.0",
40
- "@emotion/react": "11.10.4",
41
- "@emotion/styled": "11.10.4",
42
- "@newskit-render/api": "^1.6.3",
40
+ "@emotion/react": "11.9.3",
41
+ "@emotion/styled": "11.9.3",
42
+ "@newskit-render/api": "^1.6.4-alpha.0",
43
43
  "@newskit-render/auth": "^1.3.9",
44
- "@newskit-render/checkout": "^2.2.5",
44
+ "@newskit-render/checkout": "^2.3.0-alpha.1",
45
45
  "@newskit-render/feature-flags": "^1.4.10",
46
- "@newskit-render/feed": "^1.4.13",
47
- "@newskit-render/my-account": "^4.1.6",
48
- "@newskit-render/shared-components": "^2.2.0",
49
- "@newskit-render/standalone-components": "^2.2.1",
46
+ "@newskit-render/feed": "^1.4.14-alpha.0",
47
+ "@newskit-render/my-account": "^4.2.0-alpha.1",
48
+ "@newskit-render/shared-components": "^2.3.0-alpha.1",
49
+ "@newskit-render/standalone-components": "^2.3.0-alpha.1",
50
50
  "@newskit-render/validation": "^1.5.11",
51
51
  "cross-fetch": "3.1.5",
52
52
  "graphql": "16.6.0",
@@ -63,6 +63,7 @@
63
63
  "@apollo/react-testing": "4.0.0",
64
64
  "@emotion/jest": "11.10.5",
65
65
  "@next/bundle-analyzer": "12.0.8",
66
+ "@next/env": "13.1.3",
66
67
  "@next/eslint-plugin-next": "13.0.6",
67
68
  "@pact-foundation/pact": "9.12.1",
68
69
  "@percy/cli": "1.16.0",
@@ -77,7 +78,7 @@
77
78
  "@typescript-eslint/parser": "5.48.1",
78
79
  "axe-core": "4.3.4",
79
80
  "babel-jest": "26.3.0",
80
- "cypress": "9.0.0",
81
+ "cypress": "10.0.0",
81
82
  "cypress-axe": "1.1.0",
82
83
  "eslint": "8.30.0",
83
84
  "eslint-config-airbnb": "19.0.4",
@@ -85,7 +86,6 @@
85
86
  "eslint-config-next": "13.1.2",
86
87
  "eslint-config-prettier": "8.5.0",
87
88
  "eslint-import-resolver-typescript": "3.5.2",
88
- "eslint-loader": "4.0.2",
89
89
  "eslint-plugin-cypress": "2.12.1",
90
90
  "eslint-plugin-flowtype": "8.0.3",
91
91
  "eslint-plugin-prettier": "4.2.1",
package/cypress/config/config.e2e.json DELETED
@@ -1,14 +0,0 @@
1
- {
2
- "baseUrl": "http://localhost:3000",
3
- "video": false,
4
- "screenshotOnRunFailure": true,
5
- "defaultCommandTimeout": 50000,
6
- "chromeWebSecurity": false,
7
- "integrationFolder": "./cypress/e2e",
8
- "retries": 1,
9
- "env": {
10
- "E2E_BASE_URL": "http://localhost:3000/api/account",
11
- "ACCOUNT_PROVIDER_GRAPHQL_URL": "https://main-graphql.staging.newsapis.co.uk/graphql",
12
- "ACCOUNT_PROVIDER_COOKIE_NAME": "acs_ngn"
13
- }
14
- }
package/cypress/config/config.visual.json DELETED
@@ -1,8 +0,0 @@
1
- {
2
- "name": "visual",
3
- "baseUrl": "http://localhost:3000",
4
- "video": false,
5
- "screenshotOnRunFailure": false,
6
- "defaultCommandTimeout": 20000,
7
- "integrationFolder": "./cypress/visual"
8
- }
package/cypress/config/config.visual.skip.json DELETED
@@ -1,7 +0,0 @@
1
- {
2
- "name": "visual:skip",
3
- "baseUrl": null,
4
- "video": false,
5
- "screenshotOnRunFailure": false,
6
- "integrationFolder": "./cypress/visual/empty"
7
- }
package/cypress/plugins/index.js DELETED
@@ -1,61 +0,0 @@
1
- /// <reference types="cypress" />
2
- // ***********************************************************
3
- // This example plugins/index.js can be used to load plugins
4
- //
5
- // You can change the location of this file or turn off loading
6
- // the plugins file with the 'pluginsFile' configuration option.
7
- //
8
- // You can read more here:
9
- // https://on.cypress.io/plugins-guide
10
- // ***********************************************************
11
-
12
- // This function is called when a project is opened or re-opened (e.g. due to
13
- // the project's config changing)
14
-
15
- /**
16
- * @type {Cypress.PluginConfig}
17
- */
18
- import fs from 'fs'
19
- import path from 'path'
20
- import { loadEnvConfig } from '@next/env'
21
- module.exports = (on, config) => {
22
- // `on` is used to hook into various events Cypress emits
23
- // `config` is the resolved Cypress config
24
- const projectDir = process.cwd()
25
- loadEnvConfig(projectDir)
26
- const conf = config
27
-
28
- const dirPath =
29
- config.integrationFolder === './cypress/e2e'
30
- ? path.resolve('./cypress/e2e')
31
- : path.resolve('./cypress/visual')
32
- fs.readdir(dirPath, function (err, files) {
33
- if (err) {
34
- return console.log('Unable to scan directory: ' + err)
35
- }
36
- //listing all files using forEach. For this script to work the folder must only contain folders with spec files
37
- files.forEach(function (file) {
38
- conf.integrationFolder = `${dirPath}/${file}`
39
- })
40
- return conf
41
- })
42
- const printVisualPath = path.resolve('./cypress/visual')
43
-
44
- fs.readdir(printVisualPath, function (err, files) {
45
- files.forEach(function (file) {
46
- console.log(file, 'file logged')
47
- })
48
- })
49
- on('task', {
50
- log(message) {
51
- console.log(message)
52
-
53
- return null
54
- },
55
- table(message) {
56
- console.table(message)
57
- return null
58
- },
59
- })
60
- return conf
61
- }
package/cypress.json DELETED
@@ -1,5 +0,0 @@
1
- {
2
- "baseUrl": "http://localhost:3000",
3
- "video": false,
4
- "screenshotOnRunFailure": false
5
- }