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

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

@@ -0,0 +1,618 @@
+import DateTimeDiffFormat from '../DateTimeDiffFormat';
+import I18NProvider from '../I18NProvider';
+import React from 'react';
+import renderer from 'react-test-renderer';
+
+let tzData = {
+  offsets: [154, 180],
+  untils: [1013911200000, null]
+};
+
+let fromTzData = tzData,
+  toTzData = tzData;
+
+describe('DateTimeDiffFormat component', () => {
+  it('Should display yesterday - with same time', () => {
+    let ele = renderer.create(
+      <I18NProvider i18n={{ today: 'today', yesterday: 'yesterday' }}>
+        <DateTimeDiffFormat
+          from='2016-10-25T06:55:28.000Z'
+          fromTzData={fromTzData}
+          to='2016-10-24T05:55:28.000Z'
+          toTzData={toTzData}
+          today={{ key: 'today', params: ['hh', 'mm', 'ss'] }}
+          yesterday={{ key: 'yesterday', params: ['hh', 'mm', 'ss'] }}
+          tomorrow={{ key: 'tomorrow', params: ['hh', 'mm', 'ss'] }}
+          others={({ years, days, hours, minutes }) => {
+            if (days > 7) {
+              return 'DD-MM-YYYY';
+            }
+            return getDateKeyWithParam(years, days, hours, minutes);
+          }}
+          ago='ago'
+          later='later'
+        />
+      </I18NProvider>
+    );
+    let tree = ele.toJSON();
+    expect(tree).toMatchSnapshot();
+  });
+  it('Should display yesterday - less than 24 hour', () => {
+    let ele = renderer.create(
+      <I18NProvider i18n={{ today: 'today', yesterday: 'yesterday' }}>
+        <DateTimeDiffFormat
+          from='2016-10-25T05:55:28.000Z'
+          fromTzData={fromTzData}
+          to='2016-10-24T06:55:28.000Z'
+          toTzData={toTzData}
+          today={{ key: 'today', params: ['hh', 'mm', 'ss'] }}
+          yesterday={{ key: 'yesterday', params: ['hh', 'mm', 'ss'] }}
+          tomorrow={{ key: 'tomorrow', params: ['hh', 'mm', 'ss'] }}
+          others={({ years, days, hours, minutes }) => {
+            if (days > 7) {
+              return 'DD-MM-YYYY';
+            }
+            return getDateKeyWithParam(years, days, hours, minutes);
+          }}
+          ago='ago'
+          later='later'
+        />
+      </I18NProvider>
+    );
+    let tree = ele.toJSON();
+    expect(tree).toMatchSnapshot();
+  });
+  it('Should display yesterday - greater than 24 hour', () => {
+    let ele = renderer.create(
+      <I18NProvider i18n={{ today: 'today', yesterday: 'yesterday' }}>
+        <DateTimeDiffFormat
+          from='2016-10-25T05:55:28.000Z'
+          fromTzData={fromTzData}
+          to='2016-10-24T04:55:28.000Z'
+          toTzData={toTzData}
+          today={{ key: 'today', params: ['hh', 'mm', 'ss'] }}
+          yesterday={{ key: 'yesterday', params: ['hh', 'mm', 'ss'] }}
+          tomorrow={{ key: 'tomorrow', params: ['hh', 'mm', 'ss'] }}
+          others={({ years, days, hours, minutes }) => {
+            if (days > 7) {
+              return 'DD-MM-YYYY';
+            }
+            return getDateKeyWithParam(years, days, hours, minutes);
+          }}
+          ago='ago'
+          later='later'
+        />
+      </I18NProvider>
+    );
+    let tree = ele.toJSON();
+    expect(tree).toMatchSnapshot();
+  });
+  it('Should display today key - same time', () => {
+    let ele = renderer.create(
+      <I18NProvider i18n={{ today: 'today', yesterday: 'yesterday' }}>
+        <DateTimeDiffFormat
+          from='2016-10-25T05:55:28.000Z'
+          fromTzData={fromTzData}
+          to='2016-10-25T05:55:28.000Z'
+          toTzData={toTzData}
+          today={{ key: 'today', params: ['hh', 'mm', 'ss'] }}
+          yesterday={{ key: 'yesterday', params: ['hh', 'mm', 'ss'] }}
+          tomorrow={{ key: 'tomorrow', params: ['hh', 'mm', 'ss'] }}
+          others={({ years, days, hours, minutes }) => {
+            if (days > 7) {
+              return 'DD-MM-YYYY';
+            }
+            return getDateKeyWithParam(years, days, hours, minutes);
+          }}
+          ago='ago'
+          later='later'
+        />
+      </I18NProvider>
+    );
+    let tree = ele.toJSON();
+    expect(tree).toMatchSnapshot();
+  });
+
+  it('Should display today key - less than 24 hour', () => {
+    let ele = renderer.create(
+      <I18NProvider i18n={{ today: 'today', yesterday: 'yesterday' }}>
+        <DateTimeDiffFormat
+          from='2016-10-25T05:55:28.000Z'
+          fromTzData={fromTzData}
+          to='2016-10-25T04:55:28.000Z'
+          toTzData={toTzData}
+          today={{ key: 'today', params: ['hh', 'mm', 'ss'] }}
+          yesterday={{ key: 'yesterday', params: ['hh', 'mm', 'ss'] }}
+          tomorrow={{ key: 'tomorrow', params: ['hh', 'mm', 'ss'] }}
+          others={({ years, days, hours, minutes }) => {
+            if (days > 7) {
+              return 'DD-MM-YYYY';
+            }
+            return getDateKeyWithParam(years, days, hours, minutes);
+          }}
+          ago='ago'
+          later='later'
+        />
+      </I18NProvider>
+    );
+    let tree = ele.toJSON();
+    expect(tree).toMatchSnapshot();
+  });
+  it('Should display today key -  greater than 24 hour', () => {
+    let ele = renderer.create(
+      <I18NProvider i18n={{ today: 'today', yesterday: 'yesterday' }}>
+        <DateTimeDiffFormat
+          from='2016-10-25T05:55:28.000Z'
+          fromTzData={fromTzData}
+          to='2016-10-25T06:55:28.000Z'
+          toTzData={toTzData}
+          today={{ key: 'today', params: ['hh', 'mm', 'ss'] }}
+          yesterday={{ key: 'yesterday', params: ['hh', 'mm', 'ss'] }}
+          tomorrow={{ key: 'tomorrow', params: ['hh', 'mm', 'ss'] }}
+          others={({ years, days, hours, minutes }) => {
+            if (days > 7) {
+              return 'DD-MM-YYYY';
+            }
+            return getDateKeyWithParam(years, days, hours, minutes);
+          }}
+          ago='ago'
+          later='later'
+        />
+      </I18NProvider>
+    );
+    let tree = ele.toJSON();
+    expect(tree).toMatchSnapshot();
+  });
+  it('Should display tomorrow key - same time', () => {
+    let ele = renderer.create(
+      <I18NProvider i18n={{ today: 'today', yesterday: 'yesterday' }}>
+        <DateTimeDiffFormat
+          from='2016-10-25T05:55:28.000Z'
+          fromTzData={fromTzData}
+          to='2016-10-26T05:55:28.000Z'
+          toTzData={toTzData}
+          today={{ key: 'today', params: ['hh', 'mm', 'ss'] }}
+          yesterday={{ key: 'yesterday', params: ['hh', 'mm', 'ss'] }}
+          tomorrow={{ key: 'tomorrow', params: ['hh', 'mm', 'ss'] }}
+          others={({ years, days, hours, minutes }) => {
+            if (days > 7) {
+              return 'DD-MM-YYYY';
+            }
+            return getDateKeyWithParam(years, days, hours, minutes);
+          }}
+          ago='ago'
+          later='later'
+        />
+      </I18NProvider>
+    );
+    let tree = ele.toJSON();
+    expect(tree).toMatchSnapshot();
+  });
+  it('Should display tomorrow key - less than 24 hour', () => {
+    let ele = renderer.create(
+      <I18NProvider i18n={{ today: 'today', yesterday: 'yesterday' }}>
+        <DateTimeDiffFormat
+          from='2016-10-25T05:55:28.000Z'
+          fromTzData={fromTzData}
+          to='2016-10-26T04:55:28.000Z'
+          toTzData={toTzData}
+          today={{ key: 'today', params: ['hh', 'mm', 'ss'] }}
+          yesterday={{ key: 'yesterday', params: ['hh', 'mm', 'ss'] }}
+          tomorrow={{ key: 'tomorrow', params: ['hh', 'mm', 'ss'] }}
+          others={({ years, days, hours, minutes }) => {
+            if (days > 7) {
+              return 'DD-MM-YYYY';
+            }
+            return getDateKeyWithParam(years, days, hours, minutes);
+          }}
+          ago='ago'
+          later='later'
+        />
+      </I18NProvider>
+    );
+    let tree = ele.toJSON();
+    expect(tree).toMatchSnapshot();
+  });
+  it('Should display tomorrow key -  greater than 24 hour', () => {
+    let ele = renderer.create(
+      <I18NProvider i18n={{ today: 'today', yesterday: 'yesterday' }}>
+        <DateTimeDiffFormat
+          from='2016-10-25T05:55:28.000Z'
+          fromTzData={fromTzData}
+          to='2016-10-26T06:55:28.000Z'
+          toTzData={toTzData}
+          today={{ key: 'today', params: ['hh', 'mm', 'ss'] }}
+          yesterday={{ key: 'yesterday', params: ['hh', 'mm', 'ss'] }}
+          tomorrow={{ key: 'tomorrow', params: ['hh', 'mm', 'ss'] }}
+          others={({ years, days, hours, minutes }) => {
+            if (days > 7) {
+              return 'DD-MM-YYYY';
+            }
+            return getDateKeyWithParam(years, days, hours, minutes);
+          }}
+          ago='ago'
+          later='later'
+        />
+      </I18NProvider>
+    );
+    let tree = ele.toJSON();
+    expect(tree).toMatchSnapshot();
+  });
+  it('Should display other - same time', () => {
+    let ele = renderer.create(
+      <I18NProvider i18n={{ today: 'today', yesterday: 'yesterday' }}>
+        <DateTimeDiffFormat
+          from='2016-10-25T05:55:28.000Z'
+          fromTzData={fromTzData}
+          to='2016-10-23T05:55:28.000Z'
+          toTzData={toTzData}
+          today={{ key: 'today', params: ['hh', 'mm', 'ss'] }}
+          yesterday={{ key: 'yesterday', params: ['hh', 'mm', 'ss'] }}
+          tomorrow={{ key: 'tomorrow', params: ['hh', 'mm', 'ss'] }}
+          others={({ years, days, hours, minutes, suffix }) => {
+            if (days > 7) {
+              return 'DD-MM-YYYY';
+            }
+            return '[less 7] DD-MM-YYYY';
+          }}
+          ago='ago'
+          later='later'
+        />
+      </I18NProvider>
+    );
+    let tree = ele.toJSON();
+    expect(tree).toMatchSnapshot();
+  });
+  it('Should display other - greater time', () => {
+    let ele = renderer.create(
+      <I18NProvider i18n={{ today: 'today', yesterday: 'yesterday' }}>
+        <DateTimeDiffFormat
+          from='2016-10-25T05:55:28.000Z'
+          fromTzData={fromTzData}
+          to='2016-10-23T06:55:28.000Z'
+          toTzData={toTzData}
+          today={{ key: 'today', params: ['hh', 'mm', 'ss'] }}
+          yesterday={{ key: 'yesterday', params: ['hh', 'mm', 'ss'] }}
+          tomorrow={{ key: 'tomorrow', params: ['hh', 'mm', 'ss'] }}
+          others={({ years, days, hours, minutes, suffix }) => {
+            if (days > 7) {
+              return 'DD-MM-YYYY';
+            }
+            return '[less 7] DD-MM-YYYY';
+          }}
+          ago='ago'
+          later='later'
+        />
+      </I18NProvider>
+    );
+    let tree = ele.toJSON();
+    expect(tree).toMatchSnapshot();
+  });
+  it('Should display other - less time', () => {
+    let ele = renderer.create(
+      <I18NProvider i18n={{ today: 'today', yesterday: 'yesterday' }}>
+        <DateTimeDiffFormat
+          from='2016-10-25T05:55:28.000Z'
+          fromTzData={fromTzData}
+          to='2016-10-23T04:55:28.000Z'
+          toTzData={toTzData}
+          today={{ key: 'today', params: ['hh', 'mm', 'ss'] }}
+          yesterday={{ key: 'yesterday', params: ['hh', 'mm', 'ss'] }}
+          tomorrow={{ key: 'tomorrow', params: ['hh', 'mm', 'ss'] }}
+          others={({ years, days, hours, minutes, suffix }) => {
+            if (days > 7) {
+              return 'DD-MM-YYYY';
+            }
+            return '[less 7] DD-MM-YYYY';
+          }}
+          ago='ago'
+          later='later'
+        />
+      </I18NProvider>
+    );
+    let tree = ele.toJSON();
+    expect(tree).toMatchSnapshot();
+  });
+  it('Should display other later- same time', () => {
+    let ele = renderer.create(
+      <I18NProvider i18n={{ today: 'today', yesterday: 'yesterday' }}>
+        <DateTimeDiffFormat
+          from='2016-10-25T05:55:28.000Z'
+          fromTzData={fromTzData}
+          to='2016-10-27T05:55:28.000Z'
+          toTzData={toTzData}
+          today={{ key: 'today', params: ['hh', 'mm', 'ss'] }}
+          yesterday={{ key: 'yesterday', params: ['hh', 'mm', 'ss'] }}
+          tomorrow={{ key: 'tomorrow', params: ['hh', 'mm', 'ss'] }}
+          others={({ years, days, hours, minutes, suffix, isWithInAWeek }) => {
+            if (days > 7) {
+              return 'DD-MM-YYYY';
+            }
+            return '[less 7] DD-MM-YYYY';
+          }}
+          ago='ago'
+          later='later'
+        />
+      </I18NProvider>
+    );
+    let tree = ele.toJSON();
+    expect(tree).toMatchSnapshot();
+  });
+  it('Should display other later- less time', () => {
+    let ele = renderer.create(
+      <I18NProvider i18n={{ today: 'today', yesterday: 'yesterday' }}>
+        <DateTimeDiffFormat
+          from='2016-10-25T05:55:28.000Z'
+          fromTzData={fromTzData}
+          to='2016-10-27T06:55:28.000Z'
+          toTzData={toTzData}
+          today={{ key: 'today', params: ['hh', 'mm', 'ss'] }}
+          yesterday={{ key: 'yesterday', params: ['hh', 'mm', 'ss'] }}
+          tomorrow={{ key: 'tomorrow', params: ['hh', 'mm', 'ss'] }}
+          others={({ years, days, hours, minutes, suffix }) => {
+            if (days > 7) {
+              return 'DD-MM-YYYY';
+            }
+            return '[less 7] DD-MM-YYYY';
+          }}
+          ago='ago'
+          later='later'
+        />
+      </I18NProvider>
+    );
+    let tree = ele.toJSON();
+    expect(tree).toMatchSnapshot();
+  });
+  it('Should display other later- less time', () => {
+    let ele = renderer.create(
+      <I18NProvider i18n={{ today: 'today', yesterday: 'yesterday' }}>
+        <DateTimeDiffFormat
+          from='2016-10-25T05:55:28.000Z'
+          fromTzData={fromTzData}
+          to='2016-10-27T04:55:28.000Z'
+          toTzData={toTzData}
+          today={{ key: 'today', params: ['hh', 'mm', 'ss'] }}
+          yesterday={{ key: 'yesterday', params: ['hh', 'mm', 'ss'] }}
+          tomorrow={{ key: 'tomorrow', params: ['hh', 'mm', 'ss'] }}
+          others={({ years, days, hours, minutes, suffix }) => {
+            if (days > 7) {
+              return 'DD-MM-YYYY';
+            }
+            return '[less 7] DD-MM-YYYY';
+          }}
+          ago='ago'
+          later='later'
+        />
+      </I18NProvider>
+    );
+    let tree = ele.toJSON();
+    expect(tree).toMatchSnapshot();
+  });
+  it('Should display others', () => {
+    let ele = renderer.create(
+      <I18NProvider i18n={{ today: 'today', yesterday: 'yesterday' }}>
+        <DateTimeDiffFormat
+          from='2016-10-25T05:55:28.000Z'
+          fromTzData={fromTzData}
+          to='2016-11-27T05:55:28.000Z'
+          toTzData={toTzData}
+          today={{ key: 'today', params: ['hh', 'mm', 'ss'] }}
+          yesterday={{ key: 'yesterday', params: ['hh', 'mm', 'ss'] }}
+          tomorrow={{ key: 'tomorrow', params: ['hh', 'mm', 'ss'] }}
+          others={({ years, days, hours, minutes, suffix, isWithInAWeek }) => {
+            if (days > 7) {
+              return 'DD-MM-YYYY';
+            }
+            return '[less 7] DD-MM-YYYY';
+          }}
+          ago='ago'
+          later='later'
+        />
+      </I18NProvider>
+    );
+    let tree = ele.toJSON();
+    expect(tree).toMatchSnapshot();
+  });
+
+  it('Should display today1', () => {
+    let toDates = [
+      '2016-10-24T05:55:28.000Z',
+      '2016-10-24T06:55:28.000Z',
+      '2016-10-24T04:55:28.000Z',
+      '2016-10-25T05:55:28.000Z',
+      '2016-10-25T04:55:28.000Z',
+      '2016-10-25T06:55:28.000Z',
+      '2016-10-26T05:55:28.000Z',
+      '2016-10-26T04:55:28.000Z',
+      '2016-10-26T06:55:28.000Z',
+      '2016-10-23T05:55:28.000Z',
+      '2016-10-23T04:55:28.000Z',
+      '2016-10-23T06:55:28.000Z'
+    ];
+    let ele = renderer.create(
+      <I18NProvider
+        i18n={{
+          today: 'today',
+          yesterday: 'yesterday',
+          now: 'noooow',
+          'support.1day.ago': '1day ago',
+          'support.1day.nhours.ago': 'one day {0} hours ago',
+          'support.1min.ago': '1min ago',
+          'support.nmins.ago': '{0} mins ago'
+        }}
+      >
+        <div>
+          {toDates.map((to, i) => (
+            <DateTimeDiffFormat
+              key={i}
+              from='2016-10-25T05:55:28.000Z'
+              fromTzData={fromTzData}
+              to={to}
+              toTzData={toTzData}
+              format={({ years, days, months, hours }, pattern) => {
+                switch (pattern) {
+                  case '000000':
+                  case '000001':
+                  case '000002':
+                    return {
+                      key: 'now'
+                    };
+                    break;
+                  case '000010':
+                    return {
+                      key: 'support.1min'
+                    };
+                    break;
+                  case '000020':
+                    return {
+                      key: 'support.nmins',
+                      params: ['m']
+                    };
+                    break;
+                  case '001000':
+                  case '001100':
+                    return {
+                      key: 'support.1day'
+                    };
+                    break;
+                  case '001200':
+                  case '001201':
+                    return {
+                      key: 'support.1day.nhours',
+                      params: ['h']
+                    };
+                    break;
+                }
+              }}
+              ago='ago'
+              later='later'
+            />
+          ))}
+        </div>
+      </I18NProvider>
+    );
+    let tree = ele.toJSON();
+    expect(tree).toMatchSnapshot();
+  });
+  it('Should display today later', () => {
+    let ele = renderer.create(
+      <I18NProvider
+        i18n={{
+          today: 'today',
+          yesterday: 'yesterday',
+          'today.later': '{0}:{1}:{2} later'
+        }}
+      >
+        <DateTimeDiffFormat
+          from='2016-10-25T05:55:28.000Z'
+          fromTzData={fromTzData}
+          to='2016-10-25T05:55:29.000Z'
+          toTzData={toTzData}
+          today={{ key: 'today', params: ['hh', 'mm', 'ss'] }}
+          yesterday={{ key: 'yesterday', params: ['hh', 'mm', 'ss'] }}
+          tomorrow={{ key: 'tomorrow', params: ['hh', 'mm', 'ss'] }}
+          others={({ years, days, hours, minutes }) => {
+            if (days > 7) {
+              return 'DD-MM-YYYY';
+            }
+            return getDateKeyWithParam(years, days, hours, minutes);
+          }}
+          ago='ago'
+          later='later'
+        />
+      </I18NProvider>
+    );
+    let tree = ele.toJSON();
+    expect(tree).toMatchSnapshot();
+  });
+  it('Should display today ago', () => {
+    let ele = renderer.create(
+      <I18NProvider
+        i18n={{
+          today: 'today',
+          yesterday: 'yesterday',
+          'today.later': '{0}:{1}:{2} later',
+          'today.ago': '{0}:{1}:{2} ago'
+        }}
+      >
+        <DateTimeDiffFormat
+          from='2016-10-25T05:55:30.000Z'
+          fromTzData={fromTzData}
+          to='2016-10-25T05:55:29.000Z'
+          toTzData={toTzData}
+          today={{ key: 'today', params: ['hh', 'mm', 'ss'] }}
+          yesterday={{ key: 'yesterday', params: ['hh', 'mm', 'ss'] }}
+          tomorrow={{ key: 'tomorrow', params: ['hh', 'mm', 'ss'] }}
+          others={({ years, days, hours, minutes }) => {
+            if (days > 7) {
+              return 'DD-MM-YYYY';
+            }
+            return getDateKeyWithParam(years, days, hours, minutes);
+          }}
+          ago='ago'
+          later='later'
+        />
+      </I18NProvider>
+    );
+    let tree = ele.toJSON();
+    expect(tree).toMatchSnapshot();
+  });
+  it('Should display years and days', () => {
+    let ele = renderer.create(
+      <I18NProvider
+        i18n={{
+          'nyear.ndays.ago': '{0} years {1} days ago',
+          yesterday: 'yesterday'
+        }}
+      >
+        <DateTimeDiffFormat
+          from='2017-10-25T05:55:28.000Z'
+          fromTzData={fromTzData}
+          to='2015-08-25T05:55:28.000Z'
+          toTzData={toTzData}
+          format={({ years, days, months, hours }, pattern) => {
+            if (years > 1) {
+              return {
+                key: 'nyear.ndays',
+                params: ['y', 'days']
+              };
+            }
+          }}
+          ago='ago'
+          later='later'
+        />
+      </I18NProvider>
+    );
+    let tree = ele.toJSON();
+    expect(tree).toMatchSnapshot();
+  });
+  it('Should display years and days1', () => {
+    let ele = renderer.create(
+      <I18NProvider
+        i18n={{
+          'nyear.ndays.later': '{0} years {1} days later',
+          yesterday: 'yesterday'
+        }}
+      >
+        <DateTimeDiffFormat
+          from='2015-08-25T05:55:28.000Z'
+          fromTzData={fromTzData}
+          to='2017-10-25T05:55:28.000Z'
+          toTzData={toTzData}
+          format={({ years, days, months, hours }, pattern) => {
+            if (years > 1) {
+              return {
+                key: 'nyear.ndays',
+                params: ['y', 'days']
+              };
+            }
+          }}
+          ago='ago'
+          later='later'
+        />
+      </I18NProvider>
+    );
+    let tree = ele.toJSON();
+    expect(tree).toMatchSnapshot();
+  });
+});

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

@@ -0,0 +1,27 @@
+import FormatText from '../FormatText';
+import I18NProvider from '../I18NProvider';
+import React from 'react';
+import renderer from 'react-test-renderer';
+
+describe('FormatText 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();
+  });
+ 
+});

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

@@ -0,0 +1,33 @@
+import HOCI18N from '..//HOCI18N';
+import I18NProvider from '../I18NProvider';
+import PropTypes from 'prop-types';
+import React from 'react';
+import renderer from 'react-test-renderer';
+
+let Test = props => <div>test{props.placeHolder}</div>;
+Test.propTypes = {
+  placeHolder: PropTypes.string
+};
+const defaultProps = {
+  i18NKey: 'key1<b>vimal</b>'
+};
+
+describe('I18N component', () => {
+  it('Should display i18n value', () => {
+    Test = HOCI18N(['placeHolder'])(Test);
+    let ele = renderer.create(
+      <I18NProvider i18n={{ key1: 'vimal1' }}>
+        <Test placeHolder='key1' />
+      </I18NProvider>
+    );
+    let tree = ele.toJSON();
+    expect(tree).toMatchSnapshot();
+  });
+
+  it('Should display i18n key', () => {
+    Test = HOCI18N(['placeHolder'])(Test);
+    let ele = renderer.create(<Test placeHolder='key1' />);
+    let tree = ele.toJSON();
+    expect(tree).toMatchSnapshot();
+  });
+});