@newskit-render/core 1.59.0 → 1.68.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +327 -0
- package/README.md +16 -0
- package/__pacts__/spec/newskitApi.consumer.pact.ts +19 -32
- package/__tests__/pages/[articleSlug].test.tsx +1 -55
- package/__tests__/pages/__snapshots__/home.test.tsx.snap +657 -626
- package/__tests__/pages/__snapshots__/relatedArticles.test.tsx.snap +651 -0
- package/__tests__/pages/relatedArticles.test.tsx +23 -11
- package/components/article/__tests__/__snapshots__/index.test.tsx.snap +1091 -1060
- package/components/footer/index.tsx +1 -1
- package/components/header/banner-messages.ts +45 -0
- package/components/header/index.tsx +31 -287
- package/components/header/navigation-links.ts +20 -0
- package/components/layout/LayoutTemplate.tsx +4 -1
- package/config/__tests__/index.test.ts +53 -0
- package/config/environment.ts +67 -0
- package/config/index.ts +2 -85
- package/config/multiTenancy.ts +12 -0
- package/{app-context → context/app-context}/AppContext.test.tsx +7 -3
- package/{app-context/AppContext.tsx → context/app-context/index.tsx} +5 -1
- package/context/index.tsx +2 -0
- package/context/multi-tenancy/MultiTenancy.test.tsx +47 -0
- package/context/multi-tenancy/index.tsx +31 -0
- package/css/index.ts +224 -0
- package/cypress/support/commands.js +8 -4
- package/helpers/__tests__/createThemeDropdownObject.test.ts +3 -3
- package/helpers/__tests__/getRecommendation.test.ts +62 -0
- package/helpers/createThemeDropdownObject.ts +3 -3
- package/helpers/getRecommendations.ts +29 -0
- package/helpers/global-types.ts +8 -0
- package/{__tests__/pages/mocks.ts → helpers/mocks/getRecommendationsMock.ts} +2 -6
- package/helpers/multiTenancy.ts +19 -0
- package/infrastructure/helm/values-dev.yaml +1 -1
- package/infrastructure/helm/values-pr.yaml +1 -1
- package/infrastructure/helm/values-prod.yaml +1 -1
- package/jest.config.js +1 -2
- package/package.json +13 -11
- package/pages/[section]/[articleId]/[articleSlug].tsx +17 -10
- package/pages/[section]/[articleId]/relatedArticles.tsx +49 -40
- package/pages/_app.tsx +43 -257
- package/pages/account/cancellation/index.tsx +1 -1
- package/pages/account/edit/[field].tsx +1 -1
- package/pages/account/index.tsx +1 -1
- package/pages/account/newsletters-and-alerts/index.tsx +1 -1
- package/pages/account/payment/index.tsx +1 -1
- package/pages/account/subscription-and-billing/index.tsx +1 -1
- package/pages/api/auth/[...nextauth].ts +5 -1
- package/pages/api/recommendations/[...slug].ts +21 -0
- package/pages/checkout/account-creation/index.tsx +1 -1
- package/pages/checkout/payment-details/index.tsx +1 -1
- package/pages/help-hub/[id]/index.tsx +22 -9
- package/pages/help-hub/index.tsx +22 -9
- package/pages/help-hub/results.tsx +24 -0
- package/pages/index.tsx +1 -0
- package/theme/strings/demo.ts +1 -0
- package/theme/strings/index.ts +1 -0
- package/components/header/index.test.tsx +0 -73
|
@@ -0,0 +1,651 @@
|
|
|
1
|
+
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
2
|
+
|
|
3
|
+
exports[`Recommendation render page 1`] = `
|
|
4
|
+
<DocumentFragment>
|
|
5
|
+
<header
|
|
6
|
+
class="css-1d2q07x"
|
|
7
|
+
>
|
|
8
|
+
<div
|
|
9
|
+
class="css-1f9kms0"
|
|
10
|
+
data-testid="NavigationPrimary"
|
|
11
|
+
>
|
|
12
|
+
<div
|
|
13
|
+
class="css-2orcb8"
|
|
14
|
+
>
|
|
15
|
+
<div
|
|
16
|
+
class="css-16f3kje"
|
|
17
|
+
>
|
|
18
|
+
<a
|
|
19
|
+
aria-label="Logo Link"
|
|
20
|
+
class="css-e43kyg"
|
|
21
|
+
href="/"
|
|
22
|
+
>
|
|
23
|
+
<span
|
|
24
|
+
class="css-17x5lw"
|
|
25
|
+
>
|
|
26
|
+
<div
|
|
27
|
+
class="css-1nlep1q"
|
|
28
|
+
>
|
|
29
|
+
<div
|
|
30
|
+
class="css-u544wz"
|
|
31
|
+
>
|
|
32
|
+
<svg
|
|
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"
|
|
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-8qscsg"
|
|
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>
|
|
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
|
+
>
|
|
139
|
+
<div
|
|
140
|
+
class="css-ls2ppd"
|
|
141
|
+
>
|
|
142
|
+
<a
|
|
143
|
+
aria-label="Section One Link"
|
|
144
|
+
class="css-e43kyg"
|
|
145
|
+
href="/section-one"
|
|
146
|
+
>
|
|
147
|
+
<span
|
|
148
|
+
class="css-1xnclyu"
|
|
149
|
+
>
|
|
150
|
+
<span
|
|
151
|
+
class="css-1yztr03"
|
|
152
|
+
>
|
|
153
|
+
<span
|
|
154
|
+
class="css-8bpgtg"
|
|
155
|
+
>
|
|
156
|
+
Section One
|
|
157
|
+
</span>
|
|
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
|
+
>
|
|
173
|
+
<span
|
|
174
|
+
class="css-1yztr03"
|
|
175
|
+
>
|
|
176
|
+
<span
|
|
177
|
+
class="css-8bpgtg"
|
|
178
|
+
>
|
|
179
|
+
Section Two
|
|
180
|
+
</span>
|
|
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
|
+
>
|
|
196
|
+
<span
|
|
197
|
+
class="css-1yztr03"
|
|
198
|
+
>
|
|
199
|
+
<span
|
|
200
|
+
class="css-8bpgtg"
|
|
201
|
+
>
|
|
202
|
+
Section Three
|
|
203
|
+
</span>
|
|
204
|
+
</span>
|
|
205
|
+
</span>
|
|
206
|
+
</a>
|
|
207
|
+
</div>
|
|
208
|
+
</div>
|
|
209
|
+
</nav>
|
|
210
|
+
</div>
|
|
211
|
+
<div
|
|
212
|
+
class="css-x6oa1l"
|
|
213
|
+
>
|
|
214
|
+
<div
|
|
215
|
+
class="css-30qa7x"
|
|
216
|
+
/>
|
|
217
|
+
</div>
|
|
218
|
+
</div>
|
|
219
|
+
</header>
|
|
220
|
+
<div
|
|
221
|
+
class="css-1ce0b49"
|
|
222
|
+
>
|
|
223
|
+
<div
|
|
224
|
+
class="css-8atxkm"
|
|
225
|
+
>
|
|
226
|
+
<div
|
|
227
|
+
class="css-1w88buo"
|
|
228
|
+
data-testid="SectionGrid"
|
|
229
|
+
>
|
|
230
|
+
<div
|
|
231
|
+
class="css-18d6eiw"
|
|
232
|
+
data-testid="SectionGrid"
|
|
233
|
+
>
|
|
234
|
+
<div
|
|
235
|
+
class="css-kccxxn"
|
|
236
|
+
data-testid="SectionCell"
|
|
237
|
+
>
|
|
238
|
+
<div
|
|
239
|
+
class="css-gxh9kv"
|
|
240
|
+
/>
|
|
241
|
+
<div
|
|
242
|
+
class="css-gxh9kv"
|
|
243
|
+
>
|
|
244
|
+
<div
|
|
245
|
+
class="css-ar93hv"
|
|
246
|
+
>
|
|
247
|
+
<div
|
|
248
|
+
class="css-dzecoh"
|
|
249
|
+
>
|
|
250
|
+
<section
|
|
251
|
+
class="css-148i9wz"
|
|
252
|
+
>
|
|
253
|
+
<h3
|
|
254
|
+
class="nk-headline-heading css-5gd387"
|
|
255
|
+
>
|
|
256
|
+
Related Articles
|
|
257
|
+
</h3>
|
|
258
|
+
</section>
|
|
259
|
+
</div>
|
|
260
|
+
</div>
|
|
261
|
+
</div>
|
|
262
|
+
<div
|
|
263
|
+
class="css-1ubx3ge"
|
|
264
|
+
data-testid="Articles-Grid"
|
|
265
|
+
>
|
|
266
|
+
<div
|
|
267
|
+
class="css-16in0m0"
|
|
268
|
+
data-testid="articleRec-0"
|
|
269
|
+
>
|
|
270
|
+
<div
|
|
271
|
+
class="css-1opc7jp"
|
|
272
|
+
>
|
|
273
|
+
<div
|
|
274
|
+
class="css-b5xivb"
|
|
275
|
+
>
|
|
276
|
+
<picture
|
|
277
|
+
class="css-1t36qhh"
|
|
278
|
+
>
|
|
279
|
+
<div
|
|
280
|
+
class="css-5pczz7"
|
|
281
|
+
/>
|
|
282
|
+
<img
|
|
283
|
+
alt="FOOT ON THE GAZ"
|
|
284
|
+
class="css-1qgqq71"
|
|
285
|
+
src="https://www.thesun.co.uk/wp-content/uploads/2022/03/image-656eaa885d.jpg?strip=all&w=600&h=338&crop=1"
|
|
286
|
+
/>
|
|
287
|
+
</picture>
|
|
288
|
+
</div>
|
|
289
|
+
<div
|
|
290
|
+
class="css-1shocxe"
|
|
291
|
+
>
|
|
292
|
+
<div
|
|
293
|
+
class="css-u3mic"
|
|
294
|
+
>
|
|
295
|
+
<div
|
|
296
|
+
class="css-38y4ob"
|
|
297
|
+
>
|
|
298
|
+
<div
|
|
299
|
+
class="css-1vjcmlt"
|
|
300
|
+
>
|
|
301
|
+
<a
|
|
302
|
+
class="nk-card-link css-1cq1vxv"
|
|
303
|
+
href="https://newskit-render.ceng-dev.newsuk.tech"
|
|
304
|
+
>
|
|
305
|
+
<section
|
|
306
|
+
class="css-zs57uu"
|
|
307
|
+
>
|
|
308
|
+
<h6
|
|
309
|
+
class="nk-headline-heading css-10swdqn"
|
|
310
|
+
>
|
|
311
|
+
FOOT ON THE GAZ
|
|
312
|
+
</h6>
|
|
313
|
+
</section>
|
|
314
|
+
</a>
|
|
315
|
+
</div>
|
|
316
|
+
<div
|
|
317
|
+
class="css-1vjcmlt"
|
|
318
|
+
>
|
|
319
|
+
<p
|
|
320
|
+
class="css-14u46jx"
|
|
321
|
+
>
|
|
322
|
+
Bale considering short deal with new club before RETIRING after World Cup
|
|
323
|
+
</p>
|
|
324
|
+
</div>
|
|
325
|
+
</div>
|
|
326
|
+
</div>
|
|
327
|
+
</div>
|
|
328
|
+
</div>
|
|
329
|
+
</div>
|
|
330
|
+
<div
|
|
331
|
+
class="css-16in0m0"
|
|
332
|
+
data-testid="articleRec-1"
|
|
333
|
+
>
|
|
334
|
+
<div
|
|
335
|
+
class="css-1opc7jp"
|
|
336
|
+
>
|
|
337
|
+
<div
|
|
338
|
+
class="css-b5xivb"
|
|
339
|
+
>
|
|
340
|
+
<picture
|
|
341
|
+
class="css-1t36qhh"
|
|
342
|
+
>
|
|
343
|
+
<div
|
|
344
|
+
class="css-5pczz7"
|
|
345
|
+
/>
|
|
346
|
+
<img
|
|
347
|
+
alt="TOUGH TIMES"
|
|
348
|
+
class="css-1qgqq71"
|
|
349
|
+
src="https://www.thesun.co.uk/wp-content/uploads/2022/03/image-a21f115694-1.jpg?strip=all&w=600&h=338&crop=1"
|
|
350
|
+
/>
|
|
351
|
+
</picture>
|
|
352
|
+
</div>
|
|
353
|
+
<div
|
|
354
|
+
class="css-1shocxe"
|
|
355
|
+
>
|
|
356
|
+
<div
|
|
357
|
+
class="css-u3mic"
|
|
358
|
+
>
|
|
359
|
+
<div
|
|
360
|
+
class="css-38y4ob"
|
|
361
|
+
>
|
|
362
|
+
<div
|
|
363
|
+
class="css-1vjcmlt"
|
|
364
|
+
>
|
|
365
|
+
<a
|
|
366
|
+
class="nk-card-link css-1cq1vxv"
|
|
367
|
+
href="https://newskit-render.ceng-dev.newsuk.tech"
|
|
368
|
+
>
|
|
369
|
+
<section
|
|
370
|
+
class="css-zs57uu"
|
|
371
|
+
>
|
|
372
|
+
<h6
|
|
373
|
+
class="nk-headline-heading css-10swdqn"
|
|
374
|
+
>
|
|
375
|
+
TOUGH TIMES
|
|
376
|
+
</h6>
|
|
377
|
+
</section>
|
|
378
|
+
</a>
|
|
379
|
+
</div>
|
|
380
|
+
<div
|
|
381
|
+
class="css-1vjcmlt"
|
|
382
|
+
>
|
|
383
|
+
<p
|
|
384
|
+
class="css-14u46jx"
|
|
385
|
+
>
|
|
386
|
+
I only made £5k last year - I sold £801k villa for cash, says Claire Sweeney
|
|
387
|
+
</p>
|
|
388
|
+
</div>
|
|
389
|
+
</div>
|
|
390
|
+
</div>
|
|
391
|
+
</div>
|
|
392
|
+
</div>
|
|
393
|
+
</div>
|
|
394
|
+
<div
|
|
395
|
+
class="css-16in0m0"
|
|
396
|
+
data-testid="articleRec-2"
|
|
397
|
+
>
|
|
398
|
+
<div
|
|
399
|
+
class="css-1opc7jp"
|
|
400
|
+
>
|
|
401
|
+
<div
|
|
402
|
+
class="css-b5xivb"
|
|
403
|
+
>
|
|
404
|
+
<picture
|
|
405
|
+
class="css-1t36qhh"
|
|
406
|
+
>
|
|
407
|
+
<div
|
|
408
|
+
class="css-5pczz7"
|
|
409
|
+
/>
|
|
410
|
+
<img
|
|
411
|
+
alt="TOUGH TIME"
|
|
412
|
+
class="css-1qgqq71"
|
|
413
|
+
src="https://plchldr.co/i/150x100?bg=F0F0F0&fc=111111&text=img"
|
|
414
|
+
/>
|
|
415
|
+
</picture>
|
|
416
|
+
</div>
|
|
417
|
+
<div
|
|
418
|
+
class="css-1shocxe"
|
|
419
|
+
>
|
|
420
|
+
<div
|
|
421
|
+
class="css-u3mic"
|
|
422
|
+
>
|
|
423
|
+
<div
|
|
424
|
+
class="css-38y4ob"
|
|
425
|
+
>
|
|
426
|
+
<div
|
|
427
|
+
class="css-1vjcmlt"
|
|
428
|
+
>
|
|
429
|
+
<a
|
|
430
|
+
class="nk-card-link css-1cq1vxv"
|
|
431
|
+
href="https://newskit-render.ceng-dev.newsuk.tech"
|
|
432
|
+
>
|
|
433
|
+
<section
|
|
434
|
+
class="css-zs57uu"
|
|
435
|
+
>
|
|
436
|
+
<h6
|
|
437
|
+
class="nk-headline-heading css-10swdqn"
|
|
438
|
+
>
|
|
439
|
+
TOUGH TIME
|
|
440
|
+
</h6>
|
|
441
|
+
</section>
|
|
442
|
+
</a>
|
|
443
|
+
</div>
|
|
444
|
+
<div
|
|
445
|
+
class="css-1vjcmlt"
|
|
446
|
+
>
|
|
447
|
+
<p
|
|
448
|
+
class="css-14u46jx"
|
|
449
|
+
>
|
|
450
|
+
I only made £5k last year - I sold £801k villa for cash, says Claire Sweeney
|
|
451
|
+
</p>
|
|
452
|
+
</div>
|
|
453
|
+
</div>
|
|
454
|
+
</div>
|
|
455
|
+
</div>
|
|
456
|
+
</div>
|
|
457
|
+
</div>
|
|
458
|
+
</div>
|
|
459
|
+
</div>
|
|
460
|
+
</div>
|
|
461
|
+
</div>
|
|
462
|
+
</div>
|
|
463
|
+
</div>
|
|
464
|
+
<div
|
|
465
|
+
class="css-1p8e12n"
|
|
466
|
+
>
|
|
467
|
+
<div
|
|
468
|
+
class="css-8atxkm"
|
|
469
|
+
>
|
|
470
|
+
<div
|
|
471
|
+
class="css-1w88buo"
|
|
472
|
+
data-testid="PageLayout"
|
|
473
|
+
>
|
|
474
|
+
<div
|
|
475
|
+
class="css-18d6eiw"
|
|
476
|
+
data-testid="PageLayout"
|
|
477
|
+
>
|
|
478
|
+
<div
|
|
479
|
+
class="css-a1yn46"
|
|
480
|
+
>
|
|
481
|
+
<svg
|
|
482
|
+
class="css-kgdu16"
|
|
483
|
+
height="48px"
|
|
484
|
+
viewBox="0 0 244 40"
|
|
485
|
+
>
|
|
486
|
+
<title>
|
|
487
|
+
NewsKit Logo
|
|
488
|
+
</title>
|
|
489
|
+
<path
|
|
490
|
+
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"
|
|
491
|
+
fill="white"
|
|
492
|
+
/>
|
|
493
|
+
<path
|
|
494
|
+
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"
|
|
495
|
+
fill="white"
|
|
496
|
+
fill-opacity="0.4"
|
|
497
|
+
/>
|
|
498
|
+
<path
|
|
499
|
+
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"
|
|
500
|
+
fill="white"
|
|
501
|
+
fill-opacity="0.701961"
|
|
502
|
+
/>
|
|
503
|
+
</svg>
|
|
504
|
+
</div>
|
|
505
|
+
<div
|
|
506
|
+
class="css-a1yn46"
|
|
507
|
+
>
|
|
508
|
+
<hr
|
|
509
|
+
aria-hidden="true"
|
|
510
|
+
class="css-13iiewa"
|
|
511
|
+
data-testid="divider"
|
|
512
|
+
/>
|
|
513
|
+
</div>
|
|
514
|
+
<div
|
|
515
|
+
class="css-hx18jh"
|
|
516
|
+
>
|
|
517
|
+
<span
|
|
518
|
+
class="css-1v0p1qz"
|
|
519
|
+
>
|
|
520
|
+
<a
|
|
521
|
+
aria-label="NavLink One"
|
|
522
|
+
class="css-e43kyg"
|
|
523
|
+
href="/link-one"
|
|
524
|
+
>
|
|
525
|
+
<span
|
|
526
|
+
class="css-17x5lw"
|
|
527
|
+
>
|
|
528
|
+
<span
|
|
529
|
+
class="css-kxo08d"
|
|
530
|
+
>
|
|
531
|
+
NavLink One
|
|
532
|
+
</span>
|
|
533
|
+
</span>
|
|
534
|
+
</a>
|
|
535
|
+
</span>
|
|
536
|
+
<span
|
|
537
|
+
class="css-1v0p1qz"
|
|
538
|
+
>
|
|
539
|
+
<a
|
|
540
|
+
aria-label="NavLink Two"
|
|
541
|
+
class="css-e43kyg"
|
|
542
|
+
href="/link-two"
|
|
543
|
+
>
|
|
544
|
+
<span
|
|
545
|
+
class="css-17x5lw"
|
|
546
|
+
>
|
|
547
|
+
<span
|
|
548
|
+
class="css-kxo08d"
|
|
549
|
+
>
|
|
550
|
+
NavLink Two
|
|
551
|
+
</span>
|
|
552
|
+
</span>
|
|
553
|
+
</a>
|
|
554
|
+
</span>
|
|
555
|
+
<span
|
|
556
|
+
class="css-1v0p1qz"
|
|
557
|
+
>
|
|
558
|
+
<a
|
|
559
|
+
aria-label="NavLink Three"
|
|
560
|
+
class="css-e43kyg"
|
|
561
|
+
href="/link-three"
|
|
562
|
+
>
|
|
563
|
+
<span
|
|
564
|
+
class="css-17x5lw"
|
|
565
|
+
>
|
|
566
|
+
<span
|
|
567
|
+
class="css-kxo08d"
|
|
568
|
+
>
|
|
569
|
+
NavLink Three
|
|
570
|
+
</span>
|
|
571
|
+
</span>
|
|
572
|
+
</a>
|
|
573
|
+
</span>
|
|
574
|
+
<span
|
|
575
|
+
class="css-1v0p1qz"
|
|
576
|
+
>
|
|
577
|
+
<a
|
|
578
|
+
aria-label="NavLink Four"
|
|
579
|
+
class="css-e43kyg"
|
|
580
|
+
href="/link-four"
|
|
581
|
+
>
|
|
582
|
+
<span
|
|
583
|
+
class="css-17x5lw"
|
|
584
|
+
>
|
|
585
|
+
<span
|
|
586
|
+
class="css-kxo08d"
|
|
587
|
+
>
|
|
588
|
+
NavLink Four
|
|
589
|
+
</span>
|
|
590
|
+
</span>
|
|
591
|
+
</a>
|
|
592
|
+
</span>
|
|
593
|
+
<span
|
|
594
|
+
class="css-1v0p1qz"
|
|
595
|
+
>
|
|
596
|
+
<a
|
|
597
|
+
aria-label="NavLink Five"
|
|
598
|
+
class="css-e43kyg"
|
|
599
|
+
href="/link-five"
|
|
600
|
+
>
|
|
601
|
+
<span
|
|
602
|
+
class="css-17x5lw"
|
|
603
|
+
>
|
|
604
|
+
<span
|
|
605
|
+
class="css-kxo08d"
|
|
606
|
+
>
|
|
607
|
+
NavLink Five
|
|
608
|
+
</span>
|
|
609
|
+
</span>
|
|
610
|
+
</a>
|
|
611
|
+
</span>
|
|
612
|
+
<span
|
|
613
|
+
class="css-1v0p1qz"
|
|
614
|
+
>
|
|
615
|
+
<a
|
|
616
|
+
aria-label="NavLink Six"
|
|
617
|
+
class="css-e43kyg"
|
|
618
|
+
href="/link-six"
|
|
619
|
+
>
|
|
620
|
+
<span
|
|
621
|
+
class="css-17x5lw"
|
|
622
|
+
>
|
|
623
|
+
<span
|
|
624
|
+
class="css-kxo08d"
|
|
625
|
+
>
|
|
626
|
+
NavLink Six
|
|
627
|
+
</span>
|
|
628
|
+
</span>
|
|
629
|
+
</a>
|
|
630
|
+
</span>
|
|
631
|
+
</div>
|
|
632
|
+
<div
|
|
633
|
+
class="css-a1yn46"
|
|
634
|
+
>
|
|
635
|
+
<hr
|
|
636
|
+
aria-hidden="true"
|
|
637
|
+
class="css-13iiewa"
|
|
638
|
+
data-testid="divider"
|
|
639
|
+
/>
|
|
640
|
+
</div>
|
|
641
|
+
<p
|
|
642
|
+
class="css-1rn2unv"
|
|
643
|
+
>
|
|
644
|
+
Copyright © 2022 News Corp. All rights reserved.
|
|
645
|
+
</p>
|
|
646
|
+
</div>
|
|
647
|
+
</div>
|
|
648
|
+
</div>
|
|
649
|
+
</div>
|
|
650
|
+
</DocumentFragment>
|
|
651
|
+
`;
|