jsxlate/test/test-free-variables.js

const {expect} = require('chai');

import freeVariablesInMessage from '../src/free-variables';
import parsing from '../src/parsing';


describe('freeVariables', function() {
    const examples = {
        '<I18N>{foo}</I18N>': ['foo'],
        '<I18N>{this.foo}</I18N>': [],
        '<I18N>{this.foo()}</I18N>': [],
        '<I18N><span foo>{foo}</span></I18N>': ['foo'],
        '<I18N><span foo={bar}>{foo}</span></I18N>': ['foo', 'bar'],
        '<I18N><span foo={bar} {...baz}>{foo}</span></I18N>': ['foo', 'bar', 'baz'],
        '<I18N><span foo={{one: 1, [two]: three, ...four}}>{foo}</span></I18N>': ['foo', 'two', 'three', 'four'],
        '<I18N><span i18n-id="stat" className="stat"><ReactIntl.FormattedNumber value={dailyVisitors}/></span>daily visitors</I18N>':
            ['ReactIntl', 'dailyVisitors'],
        '<I18N>Hello, world. {/* no variables here bruh */}<Component />{foo}<p>{bar.baz}</p></I18N>':
            ['Component', 'foo', 'bar'],
        '<I18N>Hello, world. <Component.SubComponent snoochie={boochies} />{this.bar.baz}</I18N>':
            ['Component', 'boochies'],
        '<I18N>Hello, world. <Component.SubComponent snoochie={{boochie: poochies, [foo]: bar}} />{this.bar.baz}</I18N>':
            ['Component', 'poochies', 'foo', 'bar'],
        '<I18N><Pluralize:items on={this.state.count}><Match when="=0">You have no items in your cart</Match><Match when="one">You have one item in your cart</Match><Match when="other">You have {this.state.count} items in your cart</Match></Pluralize:items></I18N>':
            ['Pluralize', 'Match'],
    };

    Object.keys(examples).forEach(src => {
        const expectedVariables = examples[src];
        it(`in ${src}`, function() {
            const expression = parsing.parse(src).program.body[0].expression;
            const variables = freeVariablesInMessage(expression);
            expect(variables).to.have.members(expectedVariables);
        });
    });
});