test: Cleanup

Author: xiCO2k

jest.config.js

@@ -11,5 +11,6 @@ module.exports = {
   transform: {
     '^.+\\js$': 'babel-jest'
   },
-  moduleFileExtensions: ['vue', 'js', 'json', 'jsx', 'ts', 'tsx', 'node']
+  moduleFileExtensions: ['vue', 'js', 'json', 'jsx', 'ts', 'tsx', 'node'],
+  setupFiles: [path.resolve(__dirname, './test/setup.ts')]
 }

package.json

@@ -1,10 +1,11 @@
 {
   "name": "laravel-vue-i18n",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "author": {
     "name": "Francisco Madeira",
     "email": "[email protected]"
   },
+  "keywords": "laravel, vue, vue3, inertiajs",
   "repository": "https://github.com/xico2k/laravel-vue-i18n",
   "license": "MIT",
   "description": "allows to connect your `Laravel` Framework localization files with `Vue`.",

test/plugin.spec.ts

@@ -2,101 +2,47 @@ import { mount } from '@vue/test-utils'
 import { i18nVue, trans, loadLanguageAsync } from '../src'
 
 it('translates with $t mixin', async () => {
-  const wrapper = mount({ template: `<h1>{{ $t('Welcome!') }}</h1>` }, {
-    global: {
-      plugins: [[i18nVue, {
-        lang: 'pt',
-        resolve: lang => import(`./fixtures/lang/${lang}.json`),
-      }]]
-    }
-  });
+  const wrapper = await global.mountPlugin(`<h1 v-text="$t('Welcome!')" />`);
 
-  await new Promise(resolve => setTimeout(resolve))
   expect(wrapper.html()).toBe('<h1>Bem-vindo!</h1>')
 })
 
 it('translates with "trans" helper', async () => {
-  const wrapper = mount({ template: '<div />' }, {
-    global: {
-      plugins: [[i18nVue, {
-        lang: 'pt',
-        resolve: lang => import(`./fixtures/lang/${lang}.json`),
-      }]]
-    }
-  });
+  const wrapper = await global.mountPlugin();
 
-  await new Promise(resolve => setTimeout(resolve))
   expect(trans('Welcome!')).toBe('Bem-vindo!');
 })
 
 it('returns the same string given if it is not found on the lang file', async () => {
-  const wrapper = mount({ template: `<h1>{{ $t('This has no translation') }}</h1>` }, {
-    global: {
-      plugins: [[i18nVue, {
-        lang: 'pt',
-        resolve: lang => import(`./fixtures/lang/${lang}.json`),
-      }]]
-    }
-  });
+  const wrapper = await global.mountPlugin(`<h1>{{ $t('This has no translation') }}</h1>`);
 
-  await new Promise(resolve => setTimeout(resolve))
   expect(wrapper.html()).toBe('<h1>This has no translation</h1>')
 })
 
 it('returns the given key if the key is not available on the lang', async () => {
-  const wrapper = mount({ template: `<div />` }, {
-    global: {
-      plugins: [[i18nVue, {
-        lang: 'en',
-        resolve: lang => import(`./fixtures/lang/${lang}.json`),
-      }]]
-    }
-  });
+  const wrapper = await global.mountPlugin(`<div />`, 'en');
 
-  await new Promise(resolve => setTimeout(resolve))
   expect(trans('Only Available on EN')).toBe('Only Available on EN');
 
   await loadLanguageAsync('pt');
   expect(trans('Only Available on EN')).toBe('Only Available on EN');
 })
 
 it('translates key with values with $t mixin', async () => {
-  const wrapper = mount({ template: `<h1>{{ $t('Welcome, :name!', { name: 'Francisco' }) }}</h1>` }, {
-    global: {
-      plugins: [[i18nVue, {
-        lang: 'pt',
-        resolve: lang => import(`./fixtures/lang/${lang}.json`),
-      }]]
-    }
-  });
+  const wrapper = await global.mountPlugin(`<h1>{{ $t('Welcome, :name!', { name: 'Francisco' }) }}</h1>`);
 
-  await new Promise(resolve => setTimeout(resolve))
   expect(wrapper.html()).toBe('<h1>Bem-vindo, Francisco!</h1>')
 })
 
 it('translates key with values with "trans" helper', async () => {
-  const wrapper = mount({ template: '<div />' }, {
-    global: {
-      plugins: [[i18nVue, {
-        lang: 'pt',
-        resolve: lang => import(`./fixtures/lang/${lang}.json`),
-      }]]
-    }
-  });
+  const wrapper = await global.mountPlugin();
 
-  await new Promise(resolve => setTimeout(resolve))
   expect(trans('Welcome, :name!', { name: 'Francisco' }))
     .toBe('Bem-vindo, Francisco!')
 })
 
 it('loads a lang', async () => {
-  const wrapper = mount({ template: `<h1>{{ $t('Welcome, :name!', { name: 'Francisco' }) }}</h1>` }, {
-    global: {
-      plugins: [[i18nVue, {
-        resolve: lang => import(`./fixtures/lang/${lang}.json`),
-      }]]
-    }
-  });
+  const wrapper = await global.mountPlugin(`<h1>{{ $t('Welcome, :name!', { name: 'Francisco' }) }}</h1>`, 'en');
 
   await loadLanguageAsync('pt');
   expect(wrapper.html()).toBe('<h1>Bem-vindo, Francisco!</h1>')

test/setup.ts

@@ -0,0 +1,17 @@
+import { mount } from '@vue/test-utils'
+import { i18nVue } from '../src'
+
+global.mountPlugin = async (template = '<div />', lang = 'pt') => {
+  const wrapper = mount({ template }, {
+    global: {
+      plugins: [[i18nVue, {
+        lang,
+        resolve: lang => import(`./fixtures/lang/${lang}.json`),
+      }]]
+    }
+  });
+
+  await new Promise(resolve => setTimeout(resolve))
+
+  return wrapper;
+}