cypress with vue3 => Cannot access 'testStore' before initialization

[devSeb]

My configuration

My configuration: "vue": "^3.2.47",
"cypress": "~13.2.0", 
"vite": "^4.3.2", 
"cypress-vite": "~1.4.2",
"@vue/test-utils": "~2.3.2",

My cypress configuration file ( cypress.config.js)

const { defineConfig } = require('cypress')
module.exports = defineConfig({
    component: {
        devServer: {
            framework: "vue",
            bundler: "vite",
        },
        indexHtmlFile: 'cypress/support/component-index.html',
        fixturesFolder: "cypress/fixtures",
        specPattern: "cypress/integration",
        supportFile: "cypress/support/index.js",
        slowTestThreshold: 10000,
        folders: {
            downloadsFolder: 'cypress/downloads',
            fixturesFolder: 'cypress/fixtures',
            screenshotsFolder: 'cypress/screenshots',
            videosFolder: 'cypress/videos',
            pageLoadTimeout: 100000,
        }
    },
})

I would like de test à store contains many imports but to reproduce the problem, my test file contains main.js mains.js contains configuration of vue ( store, router, components, etc ... )

 import { router } from '../../../main'
const state = {
    flag: false
}
const getters = {
    getFlag: state => state.flag,
}
const actions = {
    setActionFlag({ commit }, value) {
        commit('SET_FLAG', value)
    },
    resetFlag({commit}) {
        commit('SET_RESET_FLAG')
    },
    errorFlag({commit}) {
       commit('SET_RESET_FLAG')
       router.push('/404').catch(() => {})
    }
}
const mutations = {
    SET_FLAG(state, data) {
        state.flag = data
    },
    SET_RESET_FLAG(state) {
        state.flag = false
    }
}
export const testStore = { state, getters, actions, mutations }

my test file

    import Vuex from 'vuex'
    import {testStore} from "../../../../src/store/modules/testStore/test.js"
    let store = null
    
    describe('Unit Test VUEX STORE tags.js', function() {
        beforeEach(() => {
            console.log('beforeEach')
            console.log('beforeEach testStore', testStore)
            store = new Vuex.Store({
                modules: {
                    testStore
                }
            })
        })
    
        context('test 1: resetFlag', function() {
            it('resetTag', function() {
                store.dispatch('resetFlag')
                console.log('store.state', store.state)
                expect(store.state.testStore.flag).to.eq(false)
            })
        })
    })
 })

To just to reproduce the problem

if I comment my line import {router}, I don't have a problem

if i don't commentmy line import {router} the terminal show many Get on all files imported and I have this error on the client cypress

The following error originated from your test code, not from Cypress.

  > Cannot access 'testStore' before initialization

When Cypress detects uncaught errors originating from your test code it will automatically fail the current test.

Cypress could not associate this error to any specific test.

We dynamically generated a new test to display this failure.

A solution for the problem to import router or store in the test file ? A specific configuration in vite.config.js or other ?

Thanks for help

idea

When i used test-util 1 with vue2 I used this but now we can't because createLocalVue is not available in test-utils for vue3 This old test worked perfectly with multiple import

import Vuex from 'vuex'
import { createLocalVue } from '@vue/test-utils'
import {testStore} from "../../../../src/store/modules/testStore/test.js"
    let store = null
    describe('Unit Test', function() {
        beforeEach(() => {    
          const localVue = createLocalVue()
           localVue.use(Vuex)
            store = new Vuex.Store({
                modules: {
                    testStore
                }
            })
        })
        context('test 1: resetFlag', function() {
            it('resetTag', function() {
                store.dispatch('resetFlag')
                expect(store.state.testStore.flag).to.eq(false)
            })
        })
    })