k.backbone.marionette/spec/javascripts/normalizeUI.spec.js

Make your Backbone.js apps dance!

describe('normalizeUI* utility functions', function() {
  'use strict';

  beforeEach(function() {
    this.ui = {
      foo: '.foo'
    };
  });

  describe('normalizeUIString', function() {
    describe('when passed a @ui. syntax string and ui hash', function() {
      it('should return a matching UI selector string', function() {
        expect(Marionette.normalizeUIString('@ui.foo', this.ui)).to.equal('.foo');
      });
    });
    describe('when passed a normal selector string', function() {
      it('should return the original string', function() {
        expect(Marionette.normalizeUIString('.baz', this.ui)).to.equal('.baz');
      });
    });
  });

  describe('normalizeUIKeys', function() {
    beforeEach(function() {
      this.uiKeysHash = {
        '@ui.foo': 'fooValue',
        'bar': 'barValue'
      };
    });
    describe('when passed a hash containing @ui. syntax keys', function() {
      beforeEach(function() {
        this.normalizedUIKeys = Marionette.normalizeUIKeys(this.uiKeysHash, this.ui);
      });
      it('should return a normalized hash of selector keys', function() {
        expect(this.normalizedUIKeys['.foo']).to.equal('fooValue');
      });
      it('should not modify non-@ui. syntax keys', function() {
        expect(this.normalizedUIKeys.bar).to.equal('barValue');
      });
      it('should remove the @ui. syntax key once normalized', function() {
        expect(this.normalizedUIKeys['@ui.foo']).to.not.exist;
      });
    });
  });

  describe('normalizeUIValues', function() {
    beforeEach(function() {
      this.uiValuesHash = {
        foo: '@ui.foo',
        bar: '.bar'
      };
      this.normalizedUIValues = Marionette.normalizeUIValues(this.uiValuesHash, this.ui);
    });
    describe('when passed a hash containing @ui. syntax values', function() {
      it('should return a normalized hash of selector values', function() {
        expect(this.normalizedUIValues.foo).to.equal(this.ui.foo);
      });
      it('should not modify non-@ui. syntax values', function() {
        expect(this.normalizedUIValues.bar).to.equal('.bar');
      });
    });
  });

});