vitest fails to recognize webpack module federation components because of which the tests fail

[sumeetgodse]

Describe the bug

vitest fails to recognize webpack module federation components from remote applications because of which the tests fail

I am currently using vitest (0.33.0) in my application for testing the code. When I tried to upgrade to the latest version (2.0.5) , I encountered the below problem. I am not able to find a good way to fix this and proceed so creating this report.

Any help to resolve the issue appreciated. Thanks!

Reproduction

This is a very simple & minimal reproduction for the issue I am facing -

https://github.com/sumeetgodse/testing-microfes-1

Clone the repo

app1

• cd app1
• npm install
• npm start

Tests for app1 (tests for apps that do not import any module federation components PASS)

• npm test

container

• cd container
• npm install
• npm start

Tests for container (FAILS)

Any help appreciated, Thanks!

System Info

System:
    OS: Windows 11 10.0.22631
    CPU: (12) x64 12th Gen Intel(R) Core(TM) i7-1265U
    Memory: 5.26 GB / 15.44 GB
  Binaries:
    Node: 18.14.0 - C:\Program Files\nodejs\node.EXE
    Yarn: 1.22.19 - ~\AppData\Roaming\npm\yarn.CMD
    npm: 9.3.1 - C:\Program Files\nodejs\npm.CMD
    pnpm: 8.10.0 - ~\AppData\Roaming\npm\pnpm.CMD
  Browsers:
    Edge: Chromium (127.0.2651.74)
    Internet Explorer: 11.0.22621.3527
  npmPackages:
    vitest: ^2.0.5 => 2.0.5

Used Package Manager

npm

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.

[sheremet-va]

Vitest doesn't know what module federation and app1 is. To fix this, you can add aliases to your vitest.config, for example:

import { defineConfig } from 'vitest/config'
import { fileURLToPath } from 'node:url'

export default defineConfig({
  resolve: {
    alias: [
      { find: /^app1/, replacement: fileURLToPath(new URL('../app1/src/components', import.meta.url)) }
    ],
  },
})