wip

package.json

@@ -54,25 +54,26 @@
   "devDependencies": {
     "@babel/cli": "^7.23.4",
     "@babel/core": "^7.23.7",
-    "@babel/preset-env": "^7.23.7",
-    "@types/jest": "^27.5.2",
+    "@babel/preset-env": "^7.23.8",
+    "@types/jest": "^29.5.11",
+    "@vitejs/plugin-vue": "^5.0.2",
     "@vue/babel-plugin-jsx": "^1.1.5",
     "@vue/test-utils": "^2.4.3",
-    "babel-jest": "^27.5.1",
+    "babel-jest": "^29.7.0",
     "babel-plugin-transform-vite-meta-env": "^1.0.3",
-    "jest": "^27.5.1",
     "laravel-mix": "^6.0.49",
-    "prettier": "^2.8.8",
+    "prettier": "^3.1.1",
     "rimraf": "^5.0.5",
     "source-map": "^0.7.4",
-    "ts-jest": "^27.1.5",
     "ts-loader": "^9.5.1",
     "tsc-multi": "^1.1.0",
-    "typescript": "^4.9.5",
-    "vite": "^4.5.1"
+    "typescript": "^5.3.3",
+    "vite": "^5.0.11",
+    "vite-tsconfig-paths": "^4.2.3",
+    "vitest": "^1.1.3"
   },
   "dependencies": {
-    "php-parser": "3.1.3",
+    "php-parser": "3.1.5",
     "vue": "^3.2.45"
   },
   "lint-staged": {

test/class.test.ts

@@ -70,7 +70,7 @@ it('allows resetting all data', async () => {
 })
 
 it('calls onLoad when loaded', async () => {
-    const onLoadFunction = jest.fn()
+    const onLoadFunction = vi.fn()
 
     const i18n = new I18n({
         lang: 'pt',
@@ -86,7 +86,7 @@ it('calls onLoad when loaded', async () => {
 })
 
 it('can override missing translations with fallback language translations', async () => {
-    const onLoadFunction = jest.fn()
+    const onLoadFunction = vi.fn()
     const i18n = new I18n({
         fallbackLang: 'en',
         fallbackMissingTranslations: true,
@@ -101,4 +101,4 @@ it('can override missing translations with fallback language translations', asyn
     expect(i18n.trans('Welcome!')).toBe('Bem-vindo!')
 
     expect(i18n.trans('English only.')).toBe('English only.')
-})
+})

test/setup.ts

@@ -1,4 +1,4 @@
-import { mount } from '@vue/test-utils'
+import {mount} from "@vue/test-utils";
 import { i18nVue } from '../src'
 import { generateFiles, parseAll } from '../src/loader'
 
@@ -9,7 +9,10 @@ global.mountPlugin = async (template = '<div />', lang = 'pt', fallbackLang = 'p
         lang,
         fallbackLang,
         fallbackMissingTranslations,
-        resolve: lang => import(`./fixtures/lang/${lang}.json`),
+        resolve: async lang => {
+            const langs = import.meta.glob('./fixtures/lang/*.json');
+            return await langs[`./fixtures/lang/${lang}.json`]();
+        },
       }]]
     }
   });
@@ -25,7 +28,10 @@ global.mountPluginWithRequire = async (template = '<div />', lang = 'pt', fallba
       plugins: [[i18nVue, {
         lang,
         fallbackLang,
-        resolve: (lang) => require(`./fixtures/lang/${lang}.json`),
+        resolve: (lang) => {
+          const langs = import.meta.glob('./fixtures/lang/*.json', { eager: true });
+          return langs[`./fixtures/lang/${lang}.json`].default;
+        },
       }]]
     }
   });
@@ -37,9 +43,8 @@ global.mountPluginWithRequire = async (template = '<div />', lang = 'pt', fallba
 
 global.mixLoader = () => {
   const langPath = __dirname + '/fixtures/lang/';
+
   generateFiles(langPath, parseAll(langPath));
 
-  process.env = Object.assign(process.env, {
-    LARAVEL_VUE_I18N_HAS_PHP: 'true',
-  });
+  process.env.LARAVEL_VUE_I18N_HAS_PHP = true;
 }

test/translate.test.ts

@@ -242,6 +242,7 @@ it('translates a possible nested item, and if not exists check on the root level
 });
 
 it('translates a nested file item while using "/" and "." at the same time as a delimiter', async () => {
+  global.mixLoader();
   await global.mountPlugin()
 
   expect(trans('nested/cars/car.is_electric')).toBe('É elétrico?');

vite.config.js

@@ -0,0 +1,12 @@
+import { defineConfig } from 'vite';
+import vue from '@vitejs/plugin-vue';
+import viteTsconfigPaths from 'vite-tsconfig-paths';
+
+export default defineConfig({
+  plugins: [vue(), viteTsconfigPaths()],
+  test: {
+    globals: true,
+    environment: 'jsdom',
+    setupFiles: './test/setup.ts',
+  },
+});