模拟路由器模块笑话

Question

In apiFile.js ,

import router from './router';

myFn(){
const url = router.app.$appSettings.redirectUrl 
}

./router file ,

import Vue from 'vue'
import VueRouter from 'vue-router'

Vue.use(VueRouter)

const routes = [{...}]

const router = new VueRouter({
  mode: 'history',
  base: process.env.BASE_URL,
  routes
})

export default router

in unit test, how do I mock router file, to mock value of router.app.$appSettings.redirectUrl

Answer 1

in jest you can mock a module in your directory using jest.mock(path, moduleFactory) .

In your case something like that will work.

 jest.mock('{`relativePath`/Router.js}', () => { return { router: { app: { $appSettings: { redirectUrl: `your mock value` } }; }); }

I hope this solves your issue.

Answer 2

You can create an object that mocks your route

const ROUTE_MOCK = {
  router: {
    app: {
      $appSettings: {
        redirectUrl: 'your url here'
      }
    }
  }
}

and then call jest to mock

jest.mock('./router', () => ROUTE_MOCK)