diff --git a/src/pages/index/ClickCounter.test.ts b/src/pages/index/ClickCounter.test.ts index 181e7a1..774ca64 100644 --- a/src/pages/index/ClickCounter.test.ts +++ b/src/pages/index/ClickCounter.test.ts @@ -1,4 +1,4 @@ -import { mount } from '@vue/test-utils' +import { mount, config } from '@vue/test-utils' import { describe, it, expect } from 'vitest' import ClickCounter from './ClickCounter.vue' @@ -6,8 +6,17 @@ import ClickCounter from './ClickCounter.vue' describe('clickCounter', () => { const wrapper = mount(ClickCounter) + it('renders Button with a Counter of 0', () => { - expect(wrapper.find('v-btn').exists()).toBeTruthy() + expect(wrapper.find('.v-btn').exists()).toBeTruthy() expect(wrapper.text()).toBe("$t('counter') 0") }) + + it('has default Translation German', () => { + const $Backup = config.global.mocks.$t + config.global.mocks.$t = config.global.mocks.i18n$t + const wrapper = mount(ClickCounter) + expect(wrapper.text()).toBe('Zähler 0') + config.global.mocks.$t = $Backup + }) }) diff --git a/tests/unit.setup.ts b/tests/mock.$t.ts similarity index 84% rename from tests/unit.setup.ts rename to tests/mock.$t.ts index 7385d83..446d170 100644 --- a/tests/unit.setup.ts +++ b/tests/mock.$t.ts @@ -1,6 +1,6 @@ -// tests/unit.setup.ts import { config } from '@vue/test-utils' config.global.mocks = { + ...config.global.mocks, $t: (tKey: string) => "$t('" + tKey + "')", // just return translation key } diff --git a/tests/plugin.vuetify.ts b/tests/plugin.vuetify.ts new file mode 100644 index 0000000..c2235c0 --- /dev/null +++ b/tests/plugin.vuetify.ts @@ -0,0 +1,15 @@ +import { config } from '@vue/test-utils' + +// eslint-disable-next-line import/no-relative-parent-imports +import i18n from '../renderer/i18n' +// eslint-disable-next-line import/no-relative-parent-imports +import vuetify from '../renderer/vuetify' + +config.global.plugins.push(vuetify(i18n)) + +config.global.mocks = { + ...config.global.mocks, + i18n$t: i18n.global.t, + i18n$d: i18n.global.d, + i18n$n: i18n.global.n, +} diff --git a/vitest.config.ts b/vitest.config.ts index 79d846e..515c5aa 100644 --- a/vitest.config.ts +++ b/vitest.config.ts @@ -8,7 +8,7 @@ export default mergeConfig( test: { globals: true, environment: 'jsdom', - setupFiles: ['tests/unit.setup.ts'], + setupFiles: ['tests/mock.$t.ts', 'tests/plugin.vuetify.ts'] /* server: { deps: {