@newskit-render/core 1.66.0 → 1.68.0

package/__tests__/pages/relatedArticles.test.tsx

@@ -1,12 +1,21 @@
-import { recommendationsProvider } from '@newskit-render/standalone-components'
-import {
+import { act } from '@testing-library/react'
+import RelatedArticlesPage, {
   RelatedArticles,
   getServerSideProps,
 } from '../../pages/[section]/[articleId]/relatedArticles'
-import { mockArticles } from './mocks'
 
+import { renderWithTheme } from '../../helpers/test-utils'
+import { recomendationsMock } from '../../helpers/mocks/getRecommendationsMock'
+
+jest.mock('../../helpers/getRecommendations', () => {
+  return {
+    fetcher: jest.fn().mockImplementationOnce(() => {
+      return recomendationsMock
+    }),
+  }
+})
 const props: RelatedArticles = {
-  recommendations: mockArticles,
+  articleId: 'test-1',
 }
 
 const user = {
@@ -39,12 +48,6 @@ jest.mock('@newskit-render/api', () => ({
   },
 }))
 
-jest.mock('@newskit-render/standalone-components', () => {
-  return {
-    recommendationsProvider: jest.fn(),
-  }
-})
-
 describe('Article', () => {
   describe('getServerSideProps', () => {
     beforeAll(() => {
@@ -53,7 +56,6 @@ describe('Article', () => {
         TWITTER_USERNAME: 'D_Trump',
         GSC_ID: '4320982',
       })
-      recommendationsProvider.mockResolvedValueOnce(mockArticles)
     })
 
     it('should return props', async () => {
@@ -74,3 +76,13 @@ describe('Article', () => {
     })
   })
 })
+
+describe('Recommendation', () => {
+  it('render page', async () => {
+    let result
+    await act(async () => {
+      result = renderWithTheme(RelatedArticlesPage)
+    })
+    expect(result.asFragment()).toMatchSnapshot()
+  })
+})