Overleaf/services/web/test/frontend/features/project-list/helpers/render-with-context.js

// Disable prop type checks for test harnesses
/* eslint-disable react/prop-types */

import { render } from '@testing-library/react'
import fetchMock from 'fetch-mock'
import { ProjectListProvider } from '../../../../../frontend/js/features/project-list/context/project-list-context'
import { projectsData } from '../fixtures/projects-data'

export function renderWithProjectListContext(component) {
  fetchMock.post('express:/api/project', {
    status: 200,
    body: { projects: projectsData, totalSize: projectsData.length },
  })
  const ProjectListProviderWrapper = ({ children }) => (
    <ProjectListProvider>{children}</ProjectListProvider>
  )

  return render(component, {
    wrapper: ProjectListProviderWrapper,
  })
}

export function resetProjectListContextFetch() {
  fetchMock.reset()
}