@newskit-render/core 0.0.0-d55b7d88

package/__tests__/pages/brightcove.test.tsx

@@ -0,0 +1,34 @@
+import { useRouter } from 'next/router'
+import { renderWithTheme } from '../../helpers/test-utils'
+import BrightcovePlayer from '../../pages/player/brightcove'
+
+jest.mock('next/router', () => {
+  return {
+    useRouter: jest.fn(),
+  }
+})
+
+const useRouterMock = useRouter as jest.Mock
+
+describe('Brightcove page tests', () => {
+  test('render page', () => {
+    useRouterMock.mockImplementationOnce(() => ({
+      query: {
+        account_id: 'account_id_test',
+        player_id: 'player_id_test',
+        post_id: 'post_id_test',
+        video_id: 'video_id_test',
+      },
+    }))
+
+    const { asFragment, getByTestId } = renderWithTheme(BrightcovePlayer)
+
+    const videoPlayer = getByTestId('bc-video-player')
+
+    expect(videoPlayer).toBeInTheDocument()
+    expect(videoPlayer.getAttribute('data-account')).toEqual('account_id_test')
+    expect(videoPlayer.getAttribute('data-video-id')).toEqual('video_id_test')
+
+    expect(asFragment()).toMatchSnapshot()
+  })
+})

package/__tests__/pages/empty.test.tsx

@@ -0,0 +1,10 @@
+import { renderWithTheme } from '../../helpers/test-utils'
+import Empty from '../../pages/empty'
+
+describe('Empty page tests', () => {
+  test('render page', () => {
+    const { getByText } = renderWithTheme(Empty)
+
+    expect(getByText('Hello World')).toBeInTheDocument()
+  })
+})

package/__tests__/pages/home.test.tsx

@@ -0,0 +1,16 @@
+import SectionPage from '../../components/section'
+import { renderWithTheme } from '../../helpers/test-utils'
+import { getPageMock } from '../../helpers/mocks'
+
+jest.mock('../../helpers/getYear', () => ({
+  getYear: jest.fn().mockReturnValue('YYYY'),
+}))
+
+describe('getServerSideProps', () => {
+  test('Homepage', () => {
+    const { asFragment } = renderWithTheme(SectionPage, {
+      page: getPageMock.page,
+    })
+    expect(asFragment()).toMatchSnapshot()
+  })
+})

package/app-context/InstrumentationContextProvider.tsx

@@ -0,0 +1,36 @@
+import React, { useMemo } from 'react'
+import {
+  instrumentationHandlers,
+  EventHandler,
+  InstrumentationProvider,
+  createEventInstrumentation,
+} from 'newskit'
+
+const defaultEventHandlers = {
+  console: instrumentationHandlers.createConsoleHandler(),
+  tealium: instrumentationHandlers.createTealiumHandler(),
+}
+
+interface InstrumentationContextProviderProps {
+  children?: React.ReactNode
+  handlers?: Record<keyof typeof defaultEventHandlers, EventHandler>
+}
+
+export const InstrumentationContextProvider: React.FC<
+  InstrumentationContextProviderProps
+> = ({ children, handlers = {} }) => {
+  const eventHandlers = useMemo(() => {
+    const uniqueHandlers = Object.values<EventHandler>({
+      ...defaultEventHandlers,
+      ...handlers,
+    })
+
+    return createEventInstrumentation(uniqueHandlers)
+  }, [handlers])
+
+  return (
+    <InstrumentationProvider {...eventHandlers}>
+      {children}
+    </InstrumentationProvider>
+  )
+}

package/assets/fontFamily.ts

@@ -0,0 +1,416 @@
+import localFont from 'next/font/local'
+
+const bitter = localFont({
+  src: [
+    {
+      path: './fonts/bitter-regular.woff2',
+      weight: '400',
+      style: 'normal',
+    },
+    {
+      path: './fonts/bitter-medium.woff2',
+      weight: '500',
+      style: 'normal',
+    },
+    {
+      path: './fonts/bitter-mediumitalic.woff2',
+      weight: '500',
+      style: 'italic',
+    },
+    {
+      path: './fonts/bitter-semibold.woff2',
+      weight: '600',
+      style: 'normal',
+    },
+  ],
+  fallback: ['serif'],
+  display: 'swap',
+})
+
+const poppins = localFont({
+  src: [
+    {
+      path: './fonts/poppins-bold-webfont.woff2',
+      weight: '700',
+      style: 'normal',
+    },
+    {
+      path: './fonts/poppins-bolditalic-webfont.woff2',
+      weight: 'normal',
+      style: 'italic',
+    },
+    {
+      path: './fonts/poppins-extrabold-webfont.woff2',
+      weight: '800',
+      style: 'normal',
+    },
+    {
+      path: './fonts/poppins-extrabolditalic-webfont.woff2',
+      weight: '800',
+      style: 'italic',
+    },
+    {
+      path: './fonts/poppins-italic-webfont.woff2',
+      weight: '400',
+      style: 'italic',
+    },
+    {
+      path: './fonts/poppins-light-webfont.woff2',
+      weight: '300',
+      style: 'normal',
+    },
+    {
+      path: './fonts/poppins-lightitalic-webfont.woff2',
+      weight: '300',
+      style: 'italic',
+    },
+    {
+      path: './fonts/poppins-medium-webfont.woff2',
+      weight: '500',
+      style: 'normal',
+    },
+    {
+      path: './fonts/poppins-mediumitalic-webfont.woff2',
+      weight: '500',
+      style: 'italic',
+    },
+    {
+      path: './fonts/poppins-regular-webfont.woff2',
+      weight: '400',
+      style: 'normal',
+    },
+    {
+      path: './fonts/poppins-semibold-webfont.woff2',
+      weight: '600',
+      style: 'normal',
+    },
+    {
+      path: './fonts/poppins-semibolditalic-webfont.woff2',
+      weight: '600',
+      style: 'italic',
+    },
+  ],
+  fallback: ['sans-serif'],
+  display: 'swap',
+})
+
+const dmSans = localFont({
+  src: [
+    {
+      path: './fonts/dmsans-regular-webfont.woff2',
+      weight: '400',
+      style: 'normal',
+    },
+    {
+      path: './fonts/dmsans-italic-webfont.woff2',
+      weight: '400',
+      style: 'italic',
+    },
+    {
+      path: './fonts/dmsans-medium-webfont.woff2',
+      weight: '500',
+      style: 'normal',
+    },
+    {
+      path: './fonts/dmsans-mediumitalic-webfont.woff2',
+      weight: '500',
+      style: 'italic',
+    },
+    {
+      path: './fonts/dmsans-bold-webfont.woff2',
+      weight: '700',
+      style: 'normal',
+    },
+    {
+      path: './fonts/dmsans-bolditalic-webfont.woff2',
+      weight: '700',
+      style: 'italic',
+    },
+  ],
+  fallback: ['sans-serif'],
+  display: 'swap',
+})
+
+const theSun = localFont({
+  src: [
+    {
+      path: './fonts/TheSun-Bold.ttf',
+      weight: '700',
+      style: 'normal',
+    },
+    {
+      path: './fonts/TheSun-Regular.ttf',
+      weight: '400',
+      style: 'normal',
+    },
+    {
+      path: './fonts/TheSun-Medium.ttf',
+      weight: '500',
+      style: 'normal',
+    },
+  ],
+  display: 'swap',
+})
+
+const roboto = localFont({
+  src: [
+    {
+      path: './fonts/Roboto-Regular.ttf',
+      weight: '400',
+      style: 'normal',
+    },
+    {
+      path: './fonts/Roboto-Medium.ttf',
+      weight: '500',
+      style: 'italic',
+    },
+    {
+      path: './fonts/Roboto-Bold.ttf',
+      weight: '700',
+      style: 'normal',
+    },
+  ],
+  display: 'swap',
+})
+
+const timesModern = localFont({
+  src: [
+    {
+      path: './fonts/TimesModern-Regular.otf',
+    },
+  ],
+  display: 'swap',
+})
+
+const timesDigital = localFont({
+  src: [
+    {
+      path: './fonts/TimesDigitalW04-Regular.ttf',
+    },
+  ],
+  display: 'swap',
+})
+
+const montserrat = localFont({
+  src: [
+    {
+      path: './fonts/Montserrat-Regular.ttf',
+    },
+  ],
+  display: 'swap',
+})
+
+const publicoHeadline = localFont({
+  src: [
+    {
+      path: './fonts/PublicoHeadline-Extrabold-App.ttf',
+      weight: '800',
+      style: 'normal',
+    },
+    {
+      path: './fonts/PublicoHeadline-ExtraboldItalic-App.ttf',
+      weight: '800',
+      style: 'italic',
+    },
+    {
+      path: './fonts/PublicoHeadline-Bold-Web.woff2',
+      weight: '700',
+      style: 'normal',
+    },
+    {
+      path: './fonts/PublicoHeadline-BoldItalic-App.ttf',
+      weight: '700',
+      style: 'italic',
+    },
+    {
+      path: './fonts/PublicoHeadline-Black-App.ttf',
+      weight: '600',
+      style: 'normal',
+    },
+    {
+      path: './fonts/PublicoHeadline-BlackItalic-App.ttf',
+      weight: '600',
+      style: 'italic',
+    },
+    {
+      path: './fonts/PublicoHeadline-Medium-App.ttf',
+      weight: '500',
+      style: 'normal',
+    },
+    {
+      path: './fonts/PublicoHeadline-MediumItalic-App.ttf',
+      weight: '500',
+      style: 'italic',
+    },
+    {
+      path: './fonts/PublicoHeadline-Roman-Web.woff2',
+      weight: '400',
+      style: 'normal',
+    },
+    {
+      path: './fonts/PublicoHeadline-Italic-App.ttf',
+      weight: '400',
+      style: 'italic',
+    },
+    {
+      path: './fonts/PublicoHeadline-Light-App.ttf',
+      weight: '300',
+      style: 'normal',
+    },
+    {
+      path: './fonts/PublicoHeadline-LightItalic-App.ttf',
+      weight: '300',
+      style: 'italic',
+    },
+  ],
+  fallback: ['sans-serif'],
+  display: 'swap',
+})
+
+const publicoText = localFont({
+  src: [
+    {
+      path: './fonts/PublicoText-Roman-Web.woff2',
+      weight: '400',
+      style: 'normal',
+    },
+    {
+      path: './fonts/PublicoText-Italic-Web.woff2',
+      weight: '400',
+      style: 'italic',
+    },
+    {
+      path: './fonts/PublicoText-Semibold-App.ttf',
+      weight: '500',
+      style: 'normal',
+    },
+    {
+      path: './fonts/PublicoText-SemiboldItalic-App.ttf',
+      weight: '500',
+      style: 'italic',
+    },
+    {
+      path: './fonts/PublicoText-Bold-App.ttf',
+      weight: '700',
+      style: 'normal',
+    },
+    {
+      path: './fonts/PublicoText-BoldItalic-App.ttf',
+      weight: '700',
+      style: 'italic',
+    },
+  ],
+  fallback: ['sans-serif'],
+  display: 'swap',
+})
+
+const graphik = localFont({
+  src: [
+    {
+      path: './fonts/Graphik-Super-App.ttf',
+      weight: '900',
+      style: 'normal',
+    },
+    {
+      path: './fonts/Graphik-SuperItalic-App.ttf',
+      weight: '900',
+      style: 'italic',
+    },
+    {
+      path: './fonts/Graphik-Black-App.ttf',
+      weight: '800',
+      style: 'normal',
+    },
+    {
+      path: './fonts/Graphik-BlackItalic-App.ttf',
+      weight: '800',
+      style: 'italic',
+    },
+    {
+      path: './fonts/Graphik-Bold-App.ttf',
+      weight: '700',
+      style: 'normal',
+    },
+    {
+      path: './fonts/Graphik-BoldItalic-App.ttf',
+      weight: '700',
+      style: 'italic',
+    },
+    {
+      path: './fonts/Graphik-Semibold-Web.woff2',
+      weight: '600',
+      style: 'normal',
+    },
+    {
+      path: './fonts/Graphik-SemiboldItalic-App.ttf',
+      weight: '600',
+      style: 'italic',
+    },
+    {
+      path: './fonts/Graphik-Medium-Web.woff2',
+      weight: '500',
+      style: 'normal',
+    },
+    {
+      path: './fonts/Graphik-MediumItalic-App.ttf',
+      weight: '500',
+      style: 'italic',
+    },
+    {
+      path: './fonts/Graphik-Regular-Web.woff2',
+      weight: '400',
+      style: 'normal',
+    },
+    {
+      path: './fonts/Graphik-RegularItalic-App.ttf',
+      weight: '400',
+      style: 'italic',
+    },
+    {
+      path: './fonts/Graphik-Light-App.ttf',
+      weight: '300',
+      style: 'normal',
+    },
+    {
+      path: './fonts/Graphik-LightItalic-App.ttf',
+      weight: '300',
+      style: 'italic',
+    },
+    {
+      path: './fonts/Graphik-Extralight-App.ttf',
+      weight: '200',
+      style: 'normal',
+    },
+    {
+      path: './fonts/Graphik-ExtralightItalic-App.ttf',
+      weight: '200',
+      style: 'italic',
+    },
+    {
+      path: './fonts/Graphik-Thin-App.ttf',
+      weight: '100',
+      style: 'normal',
+    },
+    {
+      path: './fonts/Graphik-ThinItalic-App.ttf',
+      weight: '100',
+      style: 'italic',
+    },
+  ],
+  fallback: ['serif'],
+  display: 'swap',
+})
+
+export {
+  bitter,
+  poppins,
+  dmSans,
+  theSun,
+  roboto,
+  timesModern,
+  timesDigital,
+  montserrat,
+  publicoHeadline,
+  publicoText,
+  graphik,
+}