import assert from 'assert' import React from 'react' import { shallow } from 'enzyme' import { getMessage } from './i18n-helper' describe('i18n helper', function () { const TEST_LOCALE_CODE = 'TEST_LOCALE_CODE' const TEST_KEY_1 = 'TEST_KEY_1' const TEST_KEY_2 = 'TEST_KEY_2' const TEST_KEY_3 = 'TEST_KEY_3' const TEST_KEY_4 = 'TEST_KEY_4' const TEST_KEY_5 = 'TEST_KEY_5' const TEST_KEY_6 = 'TEST_KEY_6' const TEST_KEY_6_HELPER = 'TEST_KEY_6_HELPER' const TEST_KEY_7 = 'TEST_KEY_7' const TEST_KEY_7_HELPER_1 = 'TEST_KEY_7_HELPER_1' const TEST_KEY_7_HELPER_2 = 'TEST_KEY_7_HELPER_2' const TEST_KEY_8 = 'TEST_KEY_8' const TEST_KEY_8_HELPER_1 = 'TEST_KEY_8_HELPER_1' const TEST_KEY_8_HELPER_2 = 'TEST_KEY_8_HELPER_2' const TEST_SUBSTITUTION_1 = 'TEST_SUBSTITUTION_1' const TEST_SUBSTITUTION_2 = 'TEST_SUBSTITUTION_2' const TEST_SUBSTITUTION_3 = 'TEST_SUBSTITUTION_3' const TEST_SUBSTITUTION_4 = 'TEST_SUBSTITUTION_4' const TEST_SUBSTITUTION_5 = 'TEST_SUBSTITUTION_5' const testLocaleMessages = { [TEST_KEY_1]: { message: 'This is a simple message.', expectedResult: 'This is a simple message.', }, [TEST_KEY_2]: { message: 'This is a message with a single non-react substitution $1.', }, [TEST_KEY_3]: { message: 'This is a message with two non-react substitutions $1 and $2.', }, [TEST_KEY_4]: { message: '$1 - $2 - $3 - $4 - $5', }, [TEST_KEY_5]: { message: '$1 - $2 - $3', }, [TEST_KEY_6]: { message: 'Testing a react substitution $1.', }, [TEST_KEY_6_HELPER]: { message: TEST_SUBSTITUTION_1, }, [TEST_KEY_7]: { message: 'Testing a react substitution $1 and another $2.', }, [TEST_KEY_7_HELPER_1]: { message: TEST_SUBSTITUTION_1, }, [TEST_KEY_7_HELPER_2]: { message: TEST_SUBSTITUTION_2, }, [TEST_KEY_8]: { message: 'Testing a mix $1 of react substitutions $2 and string substitutions $3 + $4.', }, [TEST_KEY_8_HELPER_1]: { message: TEST_SUBSTITUTION_3, }, [TEST_KEY_8_HELPER_2]: { message: TEST_SUBSTITUTION_4, }, } const t = getMessage.bind(null, TEST_LOCALE_CODE, testLocaleMessages) const TEST_SUBSTITUTION_6 = (
{t(TEST_KEY_6_HELPER)}
) const TEST_SUBSTITUTION_7_1 = (
{t(TEST_KEY_7_HELPER_1)}
) const TEST_SUBSTITUTION_7_2 = (
{t(TEST_KEY_7_HELPER_2)}
) const TEST_SUBSTITUTION_8_1 = (
{t(TEST_KEY_8_HELPER_1)}
) const TEST_SUBSTITUTION_8_2 = (
{t(TEST_KEY_8_HELPER_2)}
) describe('getMessage', function () { it('should return the exact message paired with key if there are no substitutions', function () { const result = t(TEST_KEY_1) assert.strictEqual(result, 'This is a simple message.') }) it('should return the correct message when a single non-react substitution is made', function () { const result = t(TEST_KEY_2, [TEST_SUBSTITUTION_1]) assert.strictEqual( result, `This is a message with a single non-react substitution ${TEST_SUBSTITUTION_1}.`, ) }) it('should return the correct message when two non-react substitutions are made', function () { const result = t(TEST_KEY_3, [TEST_SUBSTITUTION_1, TEST_SUBSTITUTION_2]) assert.strictEqual( result, `This is a message with two non-react substitutions ${TEST_SUBSTITUTION_1} and ${TEST_SUBSTITUTION_2}.`, ) }) it('should return the correct message when multiple non-react substitutions are made', function () { const result = t(TEST_KEY_4, [ TEST_SUBSTITUTION_1, TEST_SUBSTITUTION_2, TEST_SUBSTITUTION_3, TEST_SUBSTITUTION_4, TEST_SUBSTITUTION_5, ]) assert.strictEqual( result, `${TEST_SUBSTITUTION_1} - ${TEST_SUBSTITUTION_2} - ${TEST_SUBSTITUTION_3} - ${TEST_SUBSTITUTION_4} - ${TEST_SUBSTITUTION_5}`, ) }) it('should correctly render falsey substitutions', function () { const result = t(TEST_KEY_4, [0, -0, '', false, NaN]) assert.strictEqual(result, '0 - 0 - - false - NaN') }) it('should render nothing for "null" and "undefined" substitutions', function () { const result = t(TEST_KEY_5, [null, TEST_SUBSTITUTION_2]) assert.strictEqual(result, ` - ${TEST_SUBSTITUTION_2} - `) }) it('should return the correct message when a single react substitution is made', function () { const result = t(TEST_KEY_6, [TEST_SUBSTITUTION_6]) assert.strictEqual( shallow(result).html(), ' Testing a react substitution
TEST_SUBSTITUTION_1
.
', ) }) it('should return the correct message when two react substitutions are made', function () { const result = t(TEST_KEY_7, [ TEST_SUBSTITUTION_7_1, TEST_SUBSTITUTION_7_2, ]) assert.strictEqual( shallow(result).html(), ' Testing a react substitution
TEST_SUBSTITUTION_1
and another
TEST_SUBSTITUTION_2
.
', ) }) it('should return the correct message when substituting a mix of react elements and strings', function () { const result = t(TEST_KEY_8, [ TEST_SUBSTITUTION_1, TEST_SUBSTITUTION_8_1, TEST_SUBSTITUTION_2, TEST_SUBSTITUTION_8_2, ]) assert.strictEqual( shallow(result).html(), ' Testing a mix TEST_SUBSTITUTION_1 of react substitutions
TEST_SUBSTITUTION_3
and string substitutions TEST_SUBSTITUTION_2 +
TEST_SUBSTITUTION_4
.
', ) }) }) })