Component testing with vue and vite is not loading the viteConfig

[jeevananthank]

Component testing with vue and vite is not loading the viteConfig

Have recently update to Cypress 11 and have updated cypress.config.ts like below for component testing.

component: {
devServer: {
framework: 'vue',
bundler: 'vite',
viteConfig: {
...viteConfig,
server: {
https: false,
},
},
},
supportFile: 'tests/unit/cypress/support/component.ts',
indexHtmlFile: 'tests/unit/cypress/support/component-index.html',
specPattern: 'src/**/*.cy.{js,jsx,ts,tsx}',
},

But upon running the tests, the alias defined in viteConfig is not loaded and the component tests fails with message
failed to resolve import "@/style/global.scss"