@newskit-render/core 0.0.0-d55b7d88

package/helpers/mocks/getPageMock.ts

@@ -0,0 +1,369 @@
+const data = {
+  page: {
+    id: '123',
+    title: 'test homepage title',
+    slug: 'homepage',
+    body: [
+      {
+        id: '123a',
+        name: 'name',
+        type: 'collection',
+        title: 'Section 1',
+        link: {
+          url: '/section-one',
+        },
+        children: [
+          {
+            name: 'SUPPLEMENT_LEAD_AND_4_STACK',
+            type: 'slice',
+            children: [
+              {
+                type: 'article-block',
+                article: {
+                  id: 'demo-1',
+                  slug: 'some-location',
+                  headline: 'test headline',
+                  categories: [
+                    {
+                      slug: 'catagory-one',
+                    },
+                  ],
+                },
+              },
+              {
+                type: 'article-block',
+                article: {
+                  id: 'demo-2',
+                  slug: 'some-location',
+                  headline: 'test headline 2',
+                  categories: [
+                    {
+                      slug: 'catagory-two',
+                    },
+                  ],
+                },
+              },
+              {
+                type: 'article-block',
+                article: {
+                  id: 'demo-3',
+                  slug: 'some-location',
+                  headline: 'test headline 3',
+                  categories: [
+                    {
+                      slug: 'catagory-three',
+                    },
+                  ],
+                },
+              },
+            ],
+          },
+          {
+            name: 'SECONDARY_4',
+            type: 'slice',
+            children: [
+              {
+                type: 'article-block',
+                article: {
+                  id: 'demo-1',
+                  slug: 'some-location',
+                  headline: 'test headline',
+                  categories: [
+                    {
+                      slug: 'catagory-one',
+                    },
+                  ],
+                  summary: {
+                    children: [
+                      {
+                        text: 'teaser test text',
+                      },
+                    ],
+                  },
+                  media: {
+                    crops: [
+                      {
+                        url: 'https://www.thesun.co.uk/wp-content/uploads/2022/03/SPORT-PREVIEW-Amadou-Onana-to-WHU.jpg?strip=all&w=620&h=413&crop=1',
+                        alt: 'image alt',
+                      },
+                    ],
+                  },
+                },
+              },
+              {
+                type: 'article-block',
+                article: {
+                  id: 'demo-2',
+                  slug: 'some-location',
+                  headline: 'test headline 2',
+                  categories: [
+                    {
+                      slug: 'catagory-two',
+                    },
+                  ],
+                  summary: {
+                    children: [
+                      {
+                        text: 'teaser test text 2',
+                      },
+                    ],
+                  },
+                  media: {
+                    crops: [
+                      {
+                        url: 'https://www.thesun.co.uk/wp-content/uploads/2022/03/SPORT-PREVIEW-Amadou-Onana-to-WHU.jpg?strip=all&w=620&h=413&crop=1',
+                        alt: 'image alt 2',
+                      },
+                    ],
+                  },
+                },
+              },
+              {
+                type: 'article-block',
+                article: {
+                  id: 'demo-3',
+                  slug: 'some-location',
+                  headline: 'test headline 3',
+                  categories: [
+                    {
+                      slug: 'catagory-three',
+                    },
+                  ],
+                  summary: {
+                    children: [
+                      {
+                        text: 'teaser test text 3',
+                      },
+                    ],
+                  },
+                  media: [
+                    {
+                      crops: {
+                        url: 'https://www.thesun.co.uk/wp-content/uploads/2022/03/SPORT-PREVIEW-Amadou-Onana-to-WHU.jpg?strip=all&w=620&h=413&crop=1',
+                        alt: 'image alt 3',
+                      },
+                    },
+                  ],
+                },
+              },
+              {
+                type: 'article-block',
+                article: {
+                  id: 'demo-4',
+                  slug: 'some-location',
+                  headline: 'test headline 4',
+                  categories: [
+                    {
+                      slug: 'catagory-four',
+                    },
+                  ],
+                  summary: {
+                    children: [
+                      {
+                        text: 'teaser test text 4',
+                      },
+                    ],
+                  },
+                  media: {
+                    crops: [
+                      {
+                        url: 'https://www.thesun.co.uk/wp-content/uploads/2022/03/SPORT-PREVIEW-Amadou-Onana-to-WHU.jpg?strip=all&w=620&h=413&crop=1',
+                        alt: 'image alt 3',
+                      },
+                    ],
+                  },
+                },
+              },
+            ],
+          },
+          {
+            name: 'LEAD_1_AND_1',
+            type: 'slice',
+            children: [
+              {
+                type: 'article-block',
+                article: {
+                  id: 'demo-1',
+                  slug: 'some-location',
+                  headline: 'test headline',
+                  categories: [
+                    {
+                      slug: 'catagory-one',
+                    },
+                  ],
+                },
+              },
+              {
+                type: 'article-block',
+                article: {
+                  id: 'demo-2',
+                  slug: 'some-location',
+                  headline: 'test headline 2',
+                  categories: [
+                    {
+                      slug: 'catagory-two',
+                    },
+                  ],
+                },
+              },
+            ],
+          },
+          {
+            name: 'LEAD_1_AND_1',
+            type: 'slice',
+            children: [
+              {
+                type: 'external-reference',
+                article: {
+                  id: 'demo-1',
+                  slug: 'some-location',
+                  headline: 'test headline',
+                  categories: [
+                    {
+                      slug: 'catagory-one',
+                    },
+                  ],
+                },
+              },
+              {
+                type: 'video-brightcove',
+                article: {
+                  id: 'demo-2',
+                  slug: 'some-location',
+                  headline: 'test headline 2',
+                  categories: [
+                    {
+                      slug: 'catagory-two',
+                    },
+                  ],
+                },
+              },
+              {
+                type: 'something',
+                article: {
+                  id: 'demo-2',
+                  slug: 'some-location',
+                  headline: 'test headline 2',
+                  categories: [
+                    {
+                      slug: 'catagory-two',
+                    },
+                  ],
+                },
+              },
+            ],
+          },
+          {
+            name: 'SUPPLEMENT_LEAD_AND_4_STACK',
+            type: 'slice',
+            children: [
+              {
+                type: 'external-reference',
+                article: {
+                  id: 'demo-1',
+                  slug: 'some-location',
+                  headline: 'test headline',
+                  categories: [
+                    {
+                      slug: 'catagory-one',
+                    },
+                  ],
+                },
+              },
+              {
+                type: 'video-brightcove',
+                article: {
+                  id: 'demo-2',
+                  slug: 'some-location',
+                  headline: 'test headline 2',
+                  categories: [
+                    {
+                      slug: 'catagory-one',
+                    },
+                  ],
+                },
+              },
+              {
+                type: 'something',
+                article: {
+                  id: 'demo-2',
+                  slug: 'some-location',
+                  headline: 'test headline 2',
+                  categories: [
+                    {
+                      slug: 'catagory-three',
+                    },
+                  ],
+                },
+              },
+            ],
+          },
+          {
+            name: 'SECONDARY_2_AND_2',
+            type: 'slice',
+            children: [
+              {
+                type: 'article-block',
+                article: {
+                  id: 'demo-1',
+                  slug: 'some-location',
+                  headline: 'test headline',
+                  categories: [
+                    {
+                      slug: 'catagory-one',
+                    },
+                  ],
+                  summary: {
+                    children: [
+                      {
+                        text: 'teaser test text',
+                      },
+                    ],
+                  },
+                  media: {
+                    crops: [
+                      {
+                        url: 'https://www.thesun.co.uk/wp-content/uploads/2022/03/SPORT-PREVIEW-Amadou-Onana-to-WHU.jpg?strip=all&w=620&h=413&crop=1',
+                        alt: 'image alt',
+                      },
+                    ],
+                  },
+                },
+              },
+              {
+                type: 'article-block',
+                article: {
+                  id: 'demo-2',
+                  slug: 'some-location',
+                  headline: 'test headline 2',
+                  categories: [
+                    {
+                      slug: 'catagory-one',
+                    },
+                  ],
+                  summary: {
+                    children: [
+                      {
+                        text: 'teaser test text 2',
+                      },
+                    ],
+                  },
+                  media: {
+                    crops: [
+                      {
+                        url: 'https://www.thesun.co.uk/wp-content/uploads/2022/03/SPORT-PREVIEW-Amadou-Onana-to-WHU.jpg?strip=all&w=620&h=413&crop=1',
+                        alt: 'image alt 2',
+                      },
+                    ],
+                  },
+                },
+              },
+            ],
+          },
+        ],
+      },
+    ],
+  },
+}
+
+export default data

package/helpers/mocks/getRadioPostMock.ts

@@ -0,0 +1,71 @@
+/* eslint-disable import/no-anonymous-default-export */
+import { GET_RADIO_POST } from '../../queries'
+
+export default [
+  {
+    request: {
+      query: GET_RADIO_POST,
+      variables: {
+        id: '123',
+      },
+    },
+    result: {
+      data: {
+        radioPost: {
+          data: {
+            id: '123',
+            type: 'post',
+            dateCreated: '2020-08-12T06:25:16Z',
+            datePublished: '2020-08-12T06:25:16Z',
+            dateUpdated: '2020-08-12T06:28:48Z',
+            headline: 'Demo post',
+            body: [
+              {
+                type: 'paragraph',
+                dropCap: true,
+                children: [
+                  {
+                    type: 'text',
+                    bold: false,
+                    italic: false,
+                    underline: false,
+                    monospace: false,
+                    text: 'Proin eget tortor risus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; ',
+                  },
+                  {
+                    type: 'text',
+                    bold: true,
+                    italic: false,
+                    underline: false,
+                    monospace: false,
+                    text: 'Donec velit neque',
+                  },
+                  {
+                    type: 'text',
+                    bold: false,
+                    italic: false,
+                    underline: false,
+                    monospace: false,
+                    text: ', auctor sit amet aliquam vel, ullamcorper sit amet ligula. Donec rutrum congue leo eget malesuada. Proin eget tortor risus. Sed porttitor lectus nibh. Donec sollicitudin molestie malesuada.',
+                  },
+                ],
+              },
+              {
+                type: 'video-brightcove',
+                id: '6180118349001',
+                accountId: '5436121856001',
+                playerId: 'default',
+              },
+              {
+                type: 'image',
+                url: '//some-image-url',
+                caption: null,
+                alt: 'lovely image',
+              },
+            ],
+          },
+        },
+      },
+    },
+  },
+]

package/helpers/mocks/getRadioPostsMock.ts

@@ -0,0 +1,26 @@
+import { ContentType } from '../global-types'
+
+const data = {
+  radioPosts: [
+    {
+      id: 123,
+      headline: 'Test post',
+      body: [],
+      dateCreated: '2020-06-29T08:52:32Z',
+      datePublished: '2020-06-29T08:52:32Z',
+      dateUpdated: '2020-06-29T08:52:32Z',
+      type: ContentType.article,
+    },
+    {
+      id: 124,
+      headline: 'Test post two',
+      body: [],
+      dateCreated: '2020-06-29T08:52:32Z',
+      datePublished: '2020-06-29T08:52:32Z',
+      dateUpdated: '2020-06-29T08:52:32Z',
+      type: ContentType.article,
+    },
+  ],
+}
+
+export default data

package/helpers/mocks/getRecommendationsMock.ts

@@ -0,0 +1,20 @@
+export const recomendationsMock = [
+  {
+    href: 'https://www.thesun.co.uk/wp-content/uploads/2022/03/image-656eaa885d.jpg?strip=all&w=600&h=338&crop=1',
+    tag: 'FOOT ON THE GAZ',
+    text: 'Bale considering short deal with new club before RETIRING after World Cup',
+    title: 'FOOT ON THE GAZ',
+  },
+  {
+    href: 'https://www.thesun.co.uk/wp-content/uploads/2022/03/image-a21f115694-1.jpg?strip=all&w=600&h=338&crop=1',
+    tag: 'TOUGH TIMES',
+    text: 'I only made £5k last year - I sold £801k villa for cash, says Claire Sweeney',
+    title: 'TOUGH TIMES',
+  },
+  {
+    href: '',
+    tag: 'TOUGH TIMES',
+    text: 'I only made £5k last year - I sold £801k villa for cash, says Claire Sweeney',
+    title: 'TOUGH TIMES',
+  },
+]

package/helpers/mocks/index.ts

@@ -0,0 +1,7 @@
+import getRadioPosts from './getRadioPostsMock'
+import getRadioPost from './getRadioPostMock'
+import getPage from './getPageMock'
+
+export const getRadioPostsMock = getRadioPosts
+export const getRadioPostMock = getRadioPost
+export const getPageMock = getPage

package/helpers/multiTenancy.ts

@@ -0,0 +1,19 @@
+import { Publisher } from '@newskit-render/api'
+
+const demoTenantRegex = /(newskit-render|localhost)/
+const timesTenantRegex = /times/
+
+const isDemoTenant = (host: string) => demoTenantRegex.test(host)
+const isTimesTenant = (host: string) => timesTenantRegex.test(host)
+
+export const getTenant = (host: string): Publisher => {
+  switch (true) {
+    case isTimesTenant(host):
+      return Publisher.TIMES
+    case isDemoTenant(host):
+      return Publisher.DEMO
+
+    default:
+      return Publisher.DEMO
+  }
+}

package/helpers/setupTests.ts

@@ -0,0 +1,5 @@
+// jest-dom adds custom jest matchers for asserting on DOM nodes.
+// allows you to do things like:
+// expect(element).toHaveTextContent(/react/i)
+// learn more: https://github.com/testing-library/jest-dom
+import '@testing-library/jest-dom'

package/helpers/test-utils.tsx

@@ -0,0 +1,33 @@
+import React from 'react'
+import { render as renderer, RenderOptions } from '@testing-library/react'
+import { UncompiledTheme, ThemeProvider, newskitLightTheme } from 'newskit'
+import { MockedProvider, MockedResponse } from '@apollo/react-testing'
+
+export const renderWithTheme = <T extends {}>(
+  Component: React.ComponentType<T>,
+  props?: T & { children?: React.ReactNode },
+  theme: UncompiledTheme = newskitLightTheme,
+  options?: Omit<RenderOptions, 'wrapper'>
+) =>
+  renderer(<Component {...(props as T)} />, {
+    ...options,
+    wrapper: ({ children }) => (
+      <ThemeProvider theme={theme}>{children}</ThemeProvider>
+    ),
+  })
+
+export const renderWithQuery = <T extends {}>(
+  Component: React.ComponentType<T>,
+  mockedQuery: ReadonlyArray<MockedResponse>,
+  props?: T & { children?: React.ReactNode },
+  theme: UncompiledTheme = newskitLightTheme,
+  options?: Omit<RenderOptions, 'wrapper'>
+) =>
+  renderer(<Component {...(props as T)} />, {
+    ...options,
+    wrapper: ({ children }) => (
+      <MockedProvider mocks={mockedQuery} addTypename={false}>
+        <ThemeProvider theme={theme}>{children}</ThemeProvider>
+      </MockedProvider>
+    ),
+  })

package/helpers/useThemeDropdownObject.tsx

@@ -0,0 +1,73 @@
+import React, { useState } from 'react'
+import { UncompiledTheme } from 'newskit'
+import {
+  sharedTheme,
+  sharedThemeDark,
+  timesTheme,
+  virginRadioTheme,
+  theSunTheme,
+  tlsTheme,
+  ThemeDropdownObject,
+  ThemeDropdown,
+} from '@newskit-render/shared-components'
+
+const clientHeaderImages = {
+  'The-Sun': 'display-personalDetails-header-sun.svg',
+  'Virgin-Radio': 'display-personalDetails-header-vr.svg',
+  'The-Times': 'display-personalDetails-header-times.svg',
+}
+
+const clientNavigationLogos = {
+  'The-Sun': {
+    src: '/assets/navigationPrimary-brandMark-sun.svg',
+    width: '140px',
+    height: '48px',
+    top: '0',
+  },
+  'Virgin-Radio': {
+    src: '/assets/navigationPrimary-brandMark-vr.svg',
+    width: '150px',
+    height: '41px',
+    top: '0',
+  },
+  'The-Times': {
+    src: '/assets/navigationPrimary-brandMark-times.svg',
+    width: '150px',
+    height: '40px',
+    top: '0',
+  },
+  TLS: {
+    src: '/assets/tls-logo-white.svg',
+    width: '150px',
+    height: '40px',
+    top: '0',
+  },
+}
+
+export const useThemeDropdownObject = (
+  setTheme: (T: UncompiledTheme) => void
+): ThemeDropdownObject => {
+  const [themeDropdownOpen, setThemeDropdownOpen] = useState(false)
+  const themeDropdownObject = {
+    clientHeaderImages,
+    clientNavigationLogos,
+    themeDropdownOpen,
+    options: {
+      sharedTheme,
+      sharedThemeDark,
+      timesTheme,
+      tlsTheme,
+      virginRadioTheme,
+      theSunTheme,
+    },
+    dropdown: (opts, customTheme) => (
+      <ThemeDropdown
+        options={opts}
+        theme={customTheme}
+        setTheme={setTheme}
+        setThemeDropdownVisibility={setThemeDropdownOpen}
+      />
+    ),
+  }
+  return themeDropdownObject
+}