@zohodesk/i18n 1.0.0-beta.2 → 1.0.0-beta.20

package/src/components/__tests__/I18N.spec.js

@@ -0,0 +1,30 @@
+import I18N from '../I18N';
+import I18NProvider from '../I18NProvider';
+import React from 'react';
+import renderer from 'react-test-renderer';
+
+const defaultProps ={
+  i18NKey: 'key1'
+}; 
+describe('I18N component', () => {
+  it('Should display i18n value as html', () => { 
+    let ele=renderer.create(
+      <I18NProvider i18n={{ key1: 'vimal1<b>vimal</b>' }}>
+        <I18N {...defaultProps} isHtml />
+      </I18NProvider>
+    );
+    let tree=ele.toJSON();
+    expect(tree).toMatchSnapshot();
+  });
+
+  it('Should display i18n value', () => { 
+    let ele=renderer.create(
+      <I18NProvider i18n={{ key1: 'vimal1<b>vimal</b>' }}>
+        <I18N {...defaultProps} />
+      </I18NProvider>
+    );
+    let tree=ele.toJSON();
+    expect(tree).toMatchSnapshot();
+  });
+ 
+});

package/src/components/__tests__/I18NProvider.spec.js

@@ -0,0 +1,65 @@
+import I18NProvider, { i18NProviderUtils } from '../I18NProvider';
+import I18N from '../I18N';
+import React from 'react';
+import renderer from 'react-test-renderer';
+import { Provider } from 'react-redux';
+import configureStore from 'redux-mock-store';
+import thunk from 'redux-thunk';
+
+describe('I18NProvider component', () => {
+  it('Should display i18n value using i18n utils function without I18NProvider', () => {
+    expect(i18NProviderUtils.getI18NValue('key1')).toBe('key1');
+  });
+
+  it('Should display i18n value', () => {
+    let ele = renderer.create(
+      <I18NProvider i18n={{ key1: 'vimal' }} timeZone='Asia/Calcutta'>
+        <I18N i18NKey='key1' />
+      </I18NProvider>
+    );
+    let tree = ele.toJSON();
+    expect(tree).toMatchSnapshot();
+  });
+
+  it('Should display key not available case', () => {
+    let ele = renderer.create(
+      <I18NProvider i18n={{ key1: 'vimal' }} timeZone='Asia/Calcutta'>
+        <I18N i18NKey='key2' />
+      </I18NProvider>
+    );
+    let tree = ele.toJSON();
+    expect(tree).toMatchSnapshot();
+  });
+
+  it('Should display i18n value using i18n utils function', () => {
+    let ele = renderer.create(
+      <I18NProvider i18n={{ key1: 'vimal' }}>
+        <div>test</div>
+      </I18NProvider>
+    );
+    expect(i18NProviderUtils.getI18NValue('key1')).toBe('vimal');
+  });
+
+  it('Should display user date format using i18n utils function', () => {
+    let ele = renderer.create(
+      <I18NProvider i18n={{ key1: 'vimal' }} timeZone='Asia/Calcutta'>
+        <div>test</div>
+      </I18NProvider>
+    );
+    expect(
+      i18NProviderUtils.userDateFormat(
+        '2016-12-27T08:36:03.837Z',
+        {
+          today: 'DD-MM-YYYY[today]',
+          tomorrow: 'DD-MM-YYYY[tomorrow]',
+          yesterday: 'DD-MM-YYYY-[yesterday]',
+
+          others: () => 'DD-MM-YYYY-[others]'
+        },
+        '',
+        '',
+        true
+      )
+    ).toBe('27-12-2016tomorrow');
+  });
+});

package/src/components/__tests__/PluralFormat.spec.js

@@ -0,0 +1,28 @@
+import PluralFormat from '../PluralFormat';
+import I18NProvider from '../I18NProvider';
+import FormatText from '../FormatText';
+import React from 'react';
+import renderer from 'react-test-renderer';
+
+describe('PluralFormat component', () => {
+  it('Should display i18n value as html', () => { 
+    let ele=renderer.create(
+      <I18NProvider i18n={{ key1: 'vimal1<b>vimal</b>' }}>
+        <FormatText i18NKey='key1' isHtml />
+      </I18NProvider>
+    );
+    let tree=ele.toJSON();
+    expect(tree).toMatchSnapshot();
+  });
+
+  it('Should display i18n value', () => { 
+    let ele=renderer.create(
+      <I18NProvider i18n={{ key1: 'vimal1<b>vimal</b>' }}>
+        <FormatText i18NKey='key1' />
+      </I18NProvider>
+    );
+    let tree=ele.toJSON();
+    expect(tree).toMatchSnapshot();
+  });
+ 
+});