Skip to content

How can I configure react-scripts jest to mock the return of an endpoint? #12730

Open
@caio-borghi-yapi

Description

@caio-borghi-yapi

I'm trying to use a custom configuration for jest by running this command

react-scripts test -- --config=jest.config.js

jest.config.js
/* eslint-disable no-undef */
module.exports = {
 setupFilesAfterEnv: ['<rootDir>/jestSetup.js'],
 preset: 'ts-jest',
  testEnvironment: 'node',
  transform: {
    '^.+\\.ts?$': 'ts-jest',
  },
  transformIgnorePatterns: ['<rootDir>/node_modules/'],
}
jestSetup.js

const { server } = require('./src/app/mocks/api/server')
const AbortController = require('abort-controller')
const { fetch, Headers, Request, Response } = require('cross-fetch')

// Establish API mocking before all tests.
beforeAll(() => {
  server.listen()
})

// Reset any request handlers that we may add during the tests,
// so they don't affect other tests.
afterEach(() => server.resetHandlers())

// Clean up after the tests are finished.
afterAll(() => server.close())

global.fetch = fetch
global.Headers = Headers
global.Request = Request
global.Response = Response
global.AbortController = AbortController

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions