Cannot Alter values of Vi.Mock for different test cases

[shreyan1993]

Describe the bug

Hi Guys,

i am trying to use vi mock for the below code, but i am unable to alter the value of isProduction . It is always defaulting to the first case and i cannot mockresolvevalue as its not really a function.

`import { ThemeProvider } from '@mui/material/styles';
import { render, screen } from '@testing-library/react';
import React from 'react';
import { IEnvironment } from 'src/interfaces';
import { lang } from 'src/utils';
import { theme } from 'src/utils/theme';
import { vi } from 'vitest';

import { About } from './About';

describe('About Component', () => {
beforeEach(() => {
vi.mock('src/hooks', () => ({
useGetProjectConfig: () => ({
data: {
gcf: {
apps: {
player: {
version: '1.0.0',
},
cod: {
version: '2.0.0',
},
components: {
version: '3.0.0',
},
},
},
},
}),
}));

window.environment = {
  urls: {
    ccBeApi: 'https://cc-be-2-1-0-rc20240207-48f3e1c4-au.coates.io',
  },
} as IEnvironment;

});

afterEach(() => {
vi.clearAllMocks();
vi.resetModules();
});

it('renders about component with correct versions when isProduction is true', () => {
vi.mock('src/utils/environment', () => ({
isProduction: true,
SB_API_URL: '',
CCBE_API_URL: '',
}));

render(
  <ThemeProvider theme={theme}>
    <About />
  </ThemeProvider>,
);

expect(screen.getByText(lang.ccUI)).toBeInTheDocument();
expect(screen.getByText('1.0.0')).toBeInTheDocument();
expect(screen.getByText(lang.ccBE)).toBeInTheDocument();
expect(screen.getByText('2.1.0')).toBeInTheDocument();
expect(screen.getByText(lang.gcfPlayer)).toBeInTheDocument();
expect(screen.getByText('1.0.0')).toBeInTheDocument();
expect(screen.getByText(lang.gcfCOD)).toBeInTheDocument();
expect(screen.getByText('2.0.0')).toBeInTheDocument();
expect(screen.getByText(lang.gcfComponents)).toBeInTheDocument();
expect(screen.getByText('3.0.0')).toBeInTheDocument();

});

it('renders about component with correct versions when isProduction is false', () => {
vi.resetModules();
vi.mock('src/utils/environment', () => ({
isProduction: false,
SB_API_URL: '',
CCBE_API_URL: '',
}));

render(
  <ThemeProvider theme={theme}>
    <About />
  </ThemeProvider>,
);

expect(screen.getByText(lang.ccBE)).toBeInTheDocument();
expect(screen.getByText('2.1.0 RC 2024/02/07')).toBeInTheDocument();

});
});
`

Reproduction

`import { ThemeProvider } from '@mui/material/styles';
import { render, screen } from '@testing-library/react';
import React from 'react';
import { IEnvironment } from 'src/interfaces';
import { lang } from 'src/utils';
import { theme } from 'src/utils/theme';
import { vi } from 'vitest';

import { About } from './About';

describe('About Component', () => {
beforeEach(() => {
vi.mock('src/hooks', () => ({
useGetProjectConfig: () => ({
data: {
gcf: {
apps: {
player: {
version: '1.0.0',
},
cod: {
version: '2.0.0',
},
components: {
version: '3.0.0',
},
},
},
},
}),
}));

window.environment = {
  urls: {
    ccBeApi: 'https://cc-be-2-1-0-rc20240207-48f3e1c4-au.coates.io',
  },
} as IEnvironment;

});

afterEach(() => {
vi.clearAllMocks();
vi.resetModules();
});

it('renders about component with correct versions when isProduction is true', () => {
vi.mock('src/utils/environment', () => ({
isProduction: true,
SB_API_URL: '',
CCBE_API_URL: '',
}));

render(
  <ThemeProvider theme={theme}>
    <About />
  </ThemeProvider>,
);

expect(screen.getByText(lang.ccUI)).toBeInTheDocument();
expect(screen.getByText('1.0.0')).toBeInTheDocument();
expect(screen.getByText(lang.ccBE)).toBeInTheDocument();
expect(screen.getByText('2.1.0')).toBeInTheDocument();
expect(screen.getByText(lang.gcfPlayer)).toBeInTheDocument();
expect(screen.getByText('1.0.0')).toBeInTheDocument();
expect(screen.getByText(lang.gcfCOD)).toBeInTheDocument();
expect(screen.getByText('2.0.0')).toBeInTheDocument();
expect(screen.getByText(lang.gcfComponents)).toBeInTheDocument();
expect(screen.getByText('3.0.0')).toBeInTheDocument();

});

it('renders about component with correct versions when isProduction is false', () => {
vi.resetModules();
vi.mock('src/utils/environment', () => ({
isProduction: false,
SB_API_URL: '',
CCBE_API_URL: '',
}));

render(
  <ThemeProvider theme={theme}>
    <About />
  </ThemeProvider>,
);

expect(screen.getByText(lang.ccBE)).toBeInTheDocument();
expect(screen.getByText('2.1.0 RC 2024/02/07')).toBeInTheDocument();

});
});
`

System Info

Mac OS

Used Package Manager

yarn

Validations

• Follow our Code of Conduct
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.
• The provided reproduction is a minimal reproducible example of the bug.