@newskit-render/core 1.63.2 → 1.68.1-alpha.0

package/pages/help-hub/[id]/index.tsx

@@ -1,11 +1,24 @@
-import React from 'react'
-import { ResultsPage } from '@newskit-render/standalone-components'
-import Layout from '../../../components/layout'
+import React, { useContext } from 'react'
+import { ArticlePage } from '@newskit-render/standalone-components'
+import { createThemeDropdownObject } from '../../../helpers/createThemeDropdownObject'
+import { AppContext } from '../../../context'
 
-const HelpHubResultsPage = () => (
-  <Layout>
-    <ResultsPage />
-  </Layout>
-)
+const HelpHubArticlePage = (props) => {
+  const { theme, setTheme } = useContext(AppContext)
+  const themeDropdownObject = createThemeDropdownObject(setTheme)
 
-export default HelpHubResultsPage
+  return (
+    <ArticlePage
+      {...props}
+      contextName="articlePage"
+      customTheme={theme}
+      themeDropdownObject={themeDropdownObject}
+    />
+  )
+}
+
+export default HelpHubArticlePage
+
+// export const getServerSideProps = async (context) => {
+//   return getProviderProps({ ...context, provider: '' })
+// }

package/pages/help-hub/index.tsx

@@ -1,11 +1,24 @@
-import React from 'react'
-import { SearchPage } from '@newskit-render/standalone-components'
-import Layout from '../../components/layout'
+import React, { useContext } from 'react'
+import { LandingPage } from '@newskit-render/standalone-components'
+import { createThemeDropdownObject } from '../../helpers/createThemeDropdownObject'
+import { AppContext } from '../../context'
 
-const HelpHub = () => (
-  <Layout>
-    <SearchPage />
-  </Layout>
-)
+const HelpHubLandingPage = (props) => {
+  const { theme, setTheme } = useContext(AppContext)
+  const themeDropdownObject = createThemeDropdownObject(setTheme)
 
-export default HelpHub
+  return (
+    <LandingPage
+      {...props}
+      contextName="landingPage"
+      customTheme={theme}
+      themeDropdownObject={themeDropdownObject}
+    />
+  )
+}
+
+export default HelpHubLandingPage
+
+// export const getServerSideProps = async (context) => {
+//   return getProviderProps({ ...context, provider: '' })
+// }

package/pages/help-hub/results.tsx

@@ -0,0 +1,24 @@
+import React, { useContext } from 'react'
+import { ResultsPage } from '@newskit-render/standalone-components'
+import { createThemeDropdownObject } from '../../helpers/createThemeDropdownObject'
+import { AppContext } from '../../context'
+
+const HelpHubResultsPage = (props) => {
+  const { theme, setTheme } = useContext(AppContext)
+  const themeDropdownObject = createThemeDropdownObject(setTheme)
+
+  return (
+    <ResultsPage
+      {...props}
+      contextName="resultsPage"
+      customTheme={theme}
+      themeDropdownObject={themeDropdownObject}
+    />
+  )
+}
+
+export default HelpHubResultsPage
+
+// export const getServerSideProps = async (context) => {
+//   return getProviderProps({ ...context, provider: '' })
+// }

package/theme/strings/demo.ts

@@ -0,0 +1 @@
+export const demo = {}

package/theme/strings/index.ts

@@ -0,0 +1 @@
+export * from './demo'

package/components/header/index.test.tsx

@@ -1,73 +0,0 @@
-import { fireEvent } from '@testing-library/react'
-import { renderWithTheme } from '../../helpers/test-utils'
-import Header from '.'
-
-jest.mock('@newskit-render/shared-components', () => {
-  return {
-    // @ts-ignore
-    ...jest.requireActual('@newskit-render/shared-components'),
-    PastDueBannerExternal: 'PastDueBannerExternal',
-  }
-})
-
-describe('Header tests', () => {
-  test('should open and close mobile menu', () => {
-    const { getByTestId, queryByTestId } = renderWithTheme(Header)
-    expect(getByTestId('mobile-menu-btn')).toBeInTheDocument()
-    expect(queryByTestId('mobile-block-space')).not.toBeInTheDocument()
-    fireEvent.click(getByTestId('mobile-menu-btn'))
-    expect(getByTestId('mobile-block-space')).toBeInTheDocument()
-    fireEvent.click(getByTestId('mobile-menu-btn'))
-    expect(queryByTestId('mobile-block-space')).not.toBeInTheDocument()
-  })
-
-  test('should open and close mobile menu with keypress', () => {
-    const { getByTestId, queryByTestId } = renderWithTheme(Header)
-    expect(getByTestId('mobile-menu-btn')).toBeInTheDocument()
-    expect(queryByTestId('mobile-block-space')).not.toBeInTheDocument()
-    fireEvent.keyDown(getByTestId('mobile-menu-btn'), {
-      key: 'Enter',
-      code: 'Enter',
-    })
-    expect(getByTestId('mobile-block-space')).toBeInTheDocument()
-    fireEvent.keyDown(getByTestId('mobile-menu-btn'), {
-      key: 'Enter',
-      code: 'Enter',
-    })
-    expect(queryByTestId('mobile-block-space')).not.toBeInTheDocument()
-  })
-
-  test('render links', () => {
-    const { getByLabelText } = renderWithTheme(Header)
-    expect(getByLabelText('Logo Link')).toHaveAttribute('href', '/')
-    expect(getByLabelText('Section One Link')).toHaveAttribute(
-      'href',
-      '/section-one'
-    )
-    expect(getByLabelText('Section Two Link')).toHaveAttribute(
-      'href',
-      '/section-two'
-    )
-    expect(getByLabelText('Section Three Link')).toHaveAttribute(
-      'href',
-      '/section-three'
-    )
-  })
-
-  test('render Account link if there is user data', () => {
-    const user = {
-      firstName: '',
-      lastName: '',
-      cpn: '',
-      email: '',
-      hash: '',
-      mobile: '',
-      phoneNumber: '',
-      dateOfBirth: '',
-      subscriptions: [],
-      paymentFailure: { active: false },
-    }
-    const { getByTestId } = renderWithTheme(Header, { user })
-    expect(getByTestId('account-link')).toBeInTheDocument()
-  })
-})