chore(use-i18n): move example tests file to json (#592)

Author: chambo-e

packages/use-i18n/src/__tests__/locales/en.js

@@ -0,0 +1,7 @@
+{
+  "plurals":
+    "You have {numPhotos, plural, =0 {no photos.} =1 {one photo.} other {# photos.}}",
+  "subtitle": "Here is a subtitle",
+  "tests.test.namespaces": "test",
+  "title": "Welcome on @scaelway/ui i18n hook"
+}

packages/use-i18n/src/__tests__/locales/en.json

@@ -0,0 +1,7 @@
+{
+  "plurals":
+    "You have {numPhotos, plural, =0 {no photos.} =1 {one photo.} other {# photos.}}",
+  "subtitle": "Aquí hay un subtítulo",
+  "tests.test.namespaces": "test",
+  "title": "Bienvenido @scaelway/ui i18n hook"
+}

packages/use-i18n/src/__tests__/locales/es.js

@@ -0,0 +1,7 @@
+{
+  "plurals":
+    "You have {numPhotos, plural, =0 {no photos.} =1 {one photo.} other {# photos.}}",
+  "subtitle": "Voici un sous-titre",
+  "tests.test.namespaces": "test",
+  "title": "Bienvenue sur @scaelway/ui i18n hook"
+}

packages/use-i18n/src/__tests__/locales/es.json

@@ -2,16 +2,16 @@ import { act, renderHook } from '@testing-library/react-hooks'
 import mockdate from 'mockdate'
 import React from 'react'
 import I18n, { useI18n, useTranslation } from '..'
-import en from './locales/en'
-import es from './locales/es'
-import fr from './locales/fr'
+import en from './locales/en.json'
+import es from './locales/es.json'
+import fr from './locales/fr.json'
 
 const LOCALE_ITEM_STORAGE = 'locales'
 
 const wrapper =
   ({
     loadDateLocale = async (locale: string) => import(`date-fns/locale/${locale}/index`),
-    defaultLoad = async ({ locale }: { locale: string }) => import(`./locales/${locale}`),
+    defaultLoad = async ({ locale }: { locale: string }) => import(`./locales/${locale}.json`),
     defaultLocale = 'en',
     defaultTranslations = {},
     enableDebugKey = false,

packages/use-i18n/src/__tests__/locales/fr.js

@@ -12,6 +12,7 @@
     "moduleResolution": "node",
     "esModuleInterop": true,
     "allowSyntheticDefaultImports": true,
+    "resolveJsonModule": true,
     "jsx": "preserve",
   },
   "include": ["**/*.ts", "**/*.js", "**/.*.js", "**/*.tsx"]