How to stub vue-i18n within vue-test-utils

I’m trying to write a test for page that uses vue-i18n plugin. @eddyerburgh has show how to test with mocked plugin. https://github.com/kazupon/vue-i18n/issues/198#issuecomment-316692326 This works fine.

However in some tests I do not care about translations. Instead mocking translations, I’d like to stub them. What ever I do i get [Vue warn]: Error in render: "TypeError: _vm.$t is not a function".

[lmiller1990]

Hi @Mrkisha , I work on test utils a lot, and use i18n in my apps. You can just do

const wrapper = shallow(MyComponent, {
  mocks: {
    $t: () => {}
  }
})

and you should be fine, no warning.

If you want something to show you can do

const wrapper = shallow(MyComponent, {
  mocks: {
    $t: () => 'some specific text'
  }
})

[VictorCazanave]

@lmiller1990 Thanks for the new tip! However I think you made a typo in your example, it should be:

VueTestUtils.config.mocks["$t"] = () => {}

Sometimes it’s useful to check which wording is displayed (like for an error message), so in my projects I use:

VueTestUtils.config.mocks.$t = key => key