select2/tests/options/translation-tests.js

var $ = require('jquery');
var Options = require('select2/options');
var Defaults = require('select2/defaults');

module('Options - Translations', {
  beforeEach: function () {
    Defaults.reset();
  },
  afterEach: function () {
    Defaults.reset();
  }
});

test('partial dictionaries are reset when default reset', function (assert) {
  Defaults.set('language', {
    test: 'testing'
  });

  Defaults.reset();

  assert.ok(
    !Defaults.defaults.language.test,
    'The partial dictionary should have been reset'
  );
});

test('default language chain is English', function (assert) {
  var $element = $('<select></select>');

  var options = new Options({}, $element);

  assert.deepEqual(
    options.get('language'),
    ['en']
  );
});

test(
  'default translation includes all of the required messages',
  function (assert) {
    var $element = $('<select></select>');

    var options = new Options({}, $element);

    assert.deepEqual(
      Object.keys(options.get('translations').all()),
      [
        'errorLoading',
        'inputTooLong',
        'inputTooShort',
        'loadingMore',
        'maximumSelected',
        'noResults',
        'searching',
        'removeAllItems',
        'removeItem',
        'search'
      ]
    );
  }
);

test('partial dictionaries can be passed', function (assert) {
  var $element = $('<select></select>');

  var options = new Options({
    language: {
      searching: function () {
        return 'Something';
      }
    }
  }, $element);

  var translations = options.get('translations');

  assert.equal(
    translations.get('searching')(),
    'Something',
    'The partial dictionary still overrides translations'
  );

  assert.equal(
    translations.get('noResults')(),
    'No results found',
    'You can still get English translations for keys not passed in'
  );
});

test('partial dictionaries can be combined with defaults', function (assert) {
  var $element = $('<select></select>');

  Defaults.set('language', {
    test: function () {
      return 'Testing';
    }
  });

  var options = new Options({
    language: {
      searching: function () {
        return 'Something';
      }
    }
  }, $element);

  var translations = options.get('translations');

  assert.equal(
    translations.get('searching')(),
    'Something',
    'The partial dictionary still overrides translations'
  );

  assert.equal(
    translations.get('test')(),
    'Testing',
    'The defaults were included in the fallback chain'
  );

  assert.equal(
    translations.get('noResults')(),
    'No results found',
    'You can still get English translations for keys not passed in'
  );
});

test('partial dictionaries can used in fallback chains', function (assert) {
  var $element = $('<select></select>');

  var options = new Options({
    language: [
      {
        searching: function () {
          return 'Something';
        }
      },
      {
        test: function () {
          return 'Testing';
        }
      }
    ]
  }, $element);

  var translations = options.get('translations');

  assert.equal(
    translations.get('searching')(),
    'Something',
    'The partial dictionary still overrides translations'
  );

  assert.equal(
    translations.get('test')(),
    'Testing',
    'The defaults were included in the fallback chain'
  );

  assert.equal(
    translations.get('noResults')(),
    'No results found',
    'You can still get English translations for keys not passed in'
  );
});

test('language can be set via the options', function (assert) {
  var $element = $('<select></select>');

  var options = new Options({
    language: 'es'
  }, $element);

  assert.deepEqual(
    options.get('language'),
    ['es', 'en']
  );
});

test('multi-part language is broken out', function (assert) {
  var $element = $('<select></select>');

  var options = new Options({
    language: 'pt-BR'
  }, $element);

  assert.deepEqual(
    options.get('language'),
    ['pt-BR', 'pt', 'en']
  );
});

test('default language can be set', function (assert) {
  var $element = $('<select></select>');

  Defaults.set('language', 'es');

  var options = new Options({}, $element);

  assert.deepEqual(
    options.get('language'),
    ['es', 'en']
  );
});

test('lanugage set via options adds to default chain', function (assert) {
  var $element = $('<select></select>');

  Defaults.set('language', 'es');

  var options = new Options({
    language: 'it'
  }, $element);

  assert.deepEqual(
    options.get('language'),
    ['it', 'es', 'en']
  );
});

test('default language chain can be set', function (assert) {
  var $element = $('<select></select>');

  Defaults.set('language', ['es', 'it', 'en']);

  var options = new Options({}, $element);

  assert.deepEqual(
    options.get('language'),
    ['es', 'it', 'en']
  );
});

test('language can be set by lang attr', function (assert) {
  var $element = $('<select lang="es"></select>');

  var options = new Options({}, $element);

  assert.deepEqual(
    options.get('language'),
    ['es', 'en']
  );
});

test('language can be inherited by lang attr', function (assert) {
  var $element = $('<div lang="es"><select></select></div>').find('select');

  var options = new Options({}, $element);

  assert.deepEqual(
    options.get('language'),
    ['es', 'en']
  );
});

test('multi-part language can be inherited by lang attr', function (assert) {
  var $element = $('<div lang="pt-BR"><select></select></div>').find('select');

  var options = new Options({}, $element);

  assert.deepEqual(
    options.get('language'),
    ['pt-BR', 'pt', 'en']
  );
});

test('lang attr overrides default language', function (assert) {
  var $element = $('<select lang="it"></select>');

  Defaults.set('language', 'es');

  var options = new Options({}, $element);

  assert.deepEqual(
    options.get('language'),
    ['it', 'es', 'en']
  );
});

test('default language overrides inherited lang attr', function (assert) {
  var $element = $('<div lang="it"><select></select></div>').find('select');

  Defaults.set('language', 'es');

  var options = new Options({}, $element);

  assert.deepEqual(
    options.get('language'),
    ['es', 'it', 'en']
  );
});