Disable Vitest web optimizer for browser tests in Vite templates

[Copilot]

Adds Vitest configuration to React and Web Components Vite templates to prevent browser test failures caused by dependency optimization issues during CodeGen end-to-end tests.

Changes

• Vitest browser mode optimization: Added test.deps.optimizer.web.enabled: false to disable web worker dependency optimization during browser-based tests

Configuration

export default defineConfig({
  base: './',
  test: {
    deps: {
      optimizer: {
        web: {
          enabled: false,
        },
      },
    },
    browser: {
      enabled: true,
      provider: 'playwright',
      // ...
    },
  },
  // ...
})

Complements the existing base: './' configuration for improved path handling in generated projects.

Original prompt

---

This section details on the original issue you should resolve

<issue_title>[React, WC]: Failing CodeGen End2End tests with errors in vitest</issue_title>
<issue_description>Currently, there are some failing apps when running CodeGen End2End tests

For React:

• Colors (with parameters)
• [WIP] Apex Charts
• [React] Grid Duplicate Columns - 31419
• User story 1 (with View container)
  Error: Failed to import test file; Vitest failed to find the current suite:
  https://github.com/IgniteUI/CodeGen/actions/runs/21430424883/job/61708262371

For React and Web Components:

• User Story 2 (HData repeated)
  Error: Failed to import test file; TypeError: Failed to fetch dynamically imported module:
  https://github.com/IgniteUI/CodeGen/actions/runs/21430356854/job/61708049989

• Grid + Form and User Story 0 (Combo/Select + Grid + Grid) (1)
  These apps failed because of timeout while running: https://github.com/IgniteUI/CodeGen/actions/runs/21430287462/job/61707831324

For Web Components:

• Master-detail side by side
  Error: [vitest] Browser connection was closed while running tests. Was the page closed unexpectedly: https://github.com/IgniteUI/CodeGen/actions/runs/21429568468/job/61727463017</issue_description>

<agent_instructions>The problems might be because of the spaces in the names of the apps. Probably changes in the vite configuration ?</agent_instructions>

Comments on the Issue (you are @copilot in this section)

• Fixes IgniteUI/CodeGen#2180

---

💬 We'd love your input! Share your thoughts on Copilot coding agent in our 2 minute survey.

[coveralls]

coverage: 70.369%. remained the same
when pulling 45c7661 on copilot/fix-codegen-end2end-tests
into 6370f0d on master.

[Copilot]

Pull request overview

This PR addresses failing CodeGen end-to-end tests in React and Web Components templates by adding Vite dependency optimization configurations to improve module resolution and prevent pre-bundling issues during testing.

Changes:

• Added optimizeDeps: { exclude: [] } configuration to control dependency pre-bundling behavior
• Disabled Vitest web optimizer (test.deps.optimizer.web.enabled: false) to prevent browser test failures
• Added base: './' for improved relative path resolution

Reviewed changes

Copilot reviewed 2 out of 2 changed files in this pull request and generated 2 comments.

File	Description
packages/cli/templates/webcomponents/igc-ts/projects/_base/files/vite.config.ts	Added base path, dependency optimization, and test optimizer configurations to Web Components Vite template
packages/cli/templates/react/igr-ts/projects/_base/files/vite.config.ts	Added base path, dependency optimization, and test optimizer configurations to React Vite template

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.