@newskit-render/core 1.45.0 → 1.49.0

package/components/section/layouts/__tests__/Lead.test.tsx

@@ -1,12 +1,37 @@
 import { renderWithTheme } from '../../../../helpers/test-utils'
-import { Lead } from '../Lead'
+import { Lead, LeadFullWidth } from '../Lead'
 import { getPageMock } from '../../../../helpers/mocks'
 import { ArticleSlice } from '../../../../helpers/global-types'
 
-test('Lead', () => {
-  const { asFragment } = renderWithTheme(Lead, {
-    slice: getPageMock.page.body[0].children[0] as ArticleSlice,
-    sectionURL: getPageMock.page.body[0].link.url,
+describe('Lead', () => {
+  test('should render Lead', () => {
+    const { asFragment } = renderWithTheme(Lead, {
+      slice: getPageMock.page.body[0].children[0] as ArticleSlice,
+    })
+    expect(asFragment()).toMatchSnapshot()
+  })
+
+  test('should render Lead with cells', () => {
+    const { getAllByTestId, queryByTestId } = renderWithTheme(Lead, {
+      slice: getPageMock.page.body[0].children[0] as ArticleSlice,
+    })
+
+    expect(
+      queryByTestId('SUPPLEMENT_LEAD_AND_4_STACK-Grid')
+    ).toBeInTheDocument()
+    expect(queryByTestId('featureVerticalCell')).toBeInTheDocument()
+    expect(getAllByTestId(/titleVerticalCell-/).length).toEqual(2)
+  })
+})
+
+describe('Lead full width', () => {
+  test('should render Lead full width', () => {
+    const { queryByTestId } = renderWithTheme(LeadFullWidth, {
+      slice: getPageMock.page.body[0].children[0] as ArticleSlice,
+    })
+
+    expect(
+      queryByTestId('SUPPLEMENT_LEAD_AND_4_STACK-Grid')
+    ).toBeInTheDocument()
   })
-  expect(asFragment()).toMatchSnapshot()
 })

package/components/section/layouts/__tests__/Rows.test.tsx

@@ -0,0 +1,28 @@
+import { renderWithTheme } from '../../../../helpers/test-utils'
+import { BasicRow, Row3 } from '../Rows'
+import { getPageMock } from '../../../../helpers/mocks'
+import { ArticleSlice } from '../../../../helpers/global-types'
+
+describe('Rows', () => {
+  test('should render a row with 2 columns', () => {
+    const slice = {
+      ...getPageMock.page.body[0].children[0],
+      children: getPageMock.page.body[0].children[0].children.slice(0, 2),
+    }
+    const { getAllByTestId } = renderWithTheme(BasicRow, {
+      slice: slice as ArticleSlice,
+      colums: { xs: '1fr', md: '1fr 1fr' },
+    })
+
+    expect(getAllByTestId(/titleTeaserVertical-/).length).toEqual(2)
+  })
+
+  test('should render a row with 3 columns', () => {
+    const { getAllByTestId } = renderWithTheme(Row3, {
+      slice: getPageMock.page.body[0].children[0] as ArticleSlice,
+      colums: { xs: '1fr', md: '1fr 1fr' },
+    })
+
+    expect(getAllByTestId(/titleTeaserVertical-/).length).toEqual(3)
+  })
+})

package/components/section/layouts/__tests__/SectionTitle.test.tsx

@@ -0,0 +1,36 @@
+import { renderWithTheme } from '../../../../helpers/test-utils'
+import { SectionTitle } from '../SectionTitle'
+import { getPageMock } from '../../../../helpers/mocks'
+import { ArticleSlice } from '../../../../helpers/global-types'
+
+describe('SectionTitle', () => {
+  test('SectionTitle with title', () => {
+    const { asFragment } = renderWithTheme(SectionTitle, {
+      slice: getPageMock.page.body[0].children[1] as ArticleSlice,
+      sectionURL: getPageMock.page.body[0].link.url,
+      title: getPageMock.page.body[0].title,
+    })
+    expect(asFragment()).toMatchSnapshot()
+  })
+
+  test('SectionTitle without extra space', () => {
+    const { asFragment } = renderWithTheme(SectionTitle, {
+      slice: getPageMock.page.body[0].children[1] as ArticleSlice,
+      sectionURL: getPageMock.page.body[0].link.url,
+      title: getPageMock.page.body[0].title,
+      addTopSpace: true,
+    })
+    expect(asFragment()).toMatchSnapshot()
+  })
+
+  test('SectionTitle alternative titlebar', () => {
+    const { asFragment } = renderWithTheme(SectionTitle, {
+      slice: getPageMock.page.body[0].children[1] as ArticleSlice,
+      sectionURL: getPageMock.page.body[0].link.url,
+      title: getPageMock.page.body[0].title,
+      titleBarStylePreset: 'inkContrast',
+      titleBarColour: 'transparent',
+    })
+    expect(asFragment()).toMatchSnapshot()
+  })
+})