add usage test

i18next · Feb 7, 2019 · 860d8d5 · 860d8d5
1 parent 19fdfd4
commit 860d8d5
Showing 1 changed file with 31 additions and 0 deletions.
diff --git a/test/typescript/I18nextProvider.test.tsx b/test/typescript/I18nextProvider.test.tsx
@@ -0,0 +1,31 @@
+import i18n from 'i18next';
+import * as React from 'react';
+import { I18nextProvider, initReactI18next } from 'react-i18next';
+
+i18n.use(initReactI18next).init({
+  fallbackLng: 'en',
+
+  // have a common namespace used around the full app
+  ns: ['translations'],
+  defaultNS: 'translations',
+
+  debug: true,
+
+  interpolation: {
+    escapeValue: false, // not needed for react!!
+  },
+
+  react: {
+    wait: true,
+  },
+});
+
+function test() {
+  return (
+    <React.Suspense fallback={<p>Loading</p>}>
+      <I18nextProvider i18n={i18n}>
+        <h1>Foo</h1>
+      </I18nextProvider>
+    </React.Suspense>
+  );
+}