tests.js

var testingInstanceGet = false;
var testingInstanceParent = false;
var testingData = false;

Template.noop.onCreated(function () {
  this._testTemplateFieldNoop = 50;
});

Template.testTemplate.onCreated(function () {
  this._testTemplateField = 42;
});

Template.testTemplate.helpers({
  data() {
    return _.extend({}, this, {data1: 'foo'});
  }
});

Template.testTemplate1.onCreated(function () {
  this._testTemplateField1 = 43;
});

Template.testTemplate1.helpers({
  data() {
    // We add data2, but remove data1.
    return _.omit(_.extend({}, this, {data2: 'bar'}), 'data1');
  }
});

Template.testTemplate2.onCreated(function () {
  this._testTemplateField3 = 44;
});

Template.testTemplate2.helpers({
  testInstanceGet() {
    if (testingInstanceGet) return EJSON.stringify(Template.instance().get(this.fieldName));
  },

  testInstanceParent() {
    if (!testingInstanceParent) return;

    var ancestors = [];
    var template = Template.instance();
    while (template) {
      // Only fields which start with _.
      ancestors.push(_.pick(template, _.filter(_.keys(template), function (key) {
        return key.substr(0, 1) === '_' &&
          key !== '_allSubsReadyDep' &&
          key !== '_allSubsReady' &&
          key !== '_subscriptionHandles' &&
          key !== '_globalCreated' &&
          key !== '_globalRendered' &&
          key !== '_globalDestroyed';
      })));
      template = template.parent(this.numLevels, this.includeBlockHelpers);
    }
    return EJSON.stringify(ancestors);
  },

  testData() {
    if (testingData) return EJSON.stringify(Template.parentData(this.numLevels));
  }
});

Template.testTemplate3.events({
  'click #button'() {
    return true;
  }
});

Template.testTemplate4.events({
  'mousemove .current'() {
    return true;
  }
});

Template.testTemplate8.hooks({
  rendered() {
    this._rendered8 = true;
  }
});

Template.testTemplate9.hooks({
  created() {
    this._created9 = true;
  }
});

Template.testTemplate9.helpers({
  copyAsHelper() {
    return 'copyAs';
  }
});

Template.testTemplate17.hooks({
  created() {
    this._created17 = true;
  },
  rendered() {
    this._rendered17 = true;
  },
  destroyed() {
    this._destroyed17 = true;
  },
});


Template.templateTier1.hooks({
  created() {
    this.children = [];
  },
  rendered() {
    this._renderedTemplateTier1 = true;
  }
});

Template.templateTier2.hooks({
  created() {
    this.children = [];
  },
  rendered() {
    this.parent().children.push(this);
    this._renderedTemplateTier2 = true;
  }
});

Template.templateTier3.hooks({
  rendered() {
    this.parent().children.push(this);
    this._renderedTemplateTier3 = true;
  }
});

Template.onCreated(function () {
  this._globalCreated = true;
});

Template.onRendered(function () {
  this._globalRendered = true;
});

Template.onDestroyed(function () {
  this._globalDestroyed = true;
});

Template.clearEventMaps.events({
  'click button'() {
    return false;
  }
});

Template.setTest.onCreated(function () {
  this.normalSet = 1;
  this.reactiveSet = new ReactiveVar(1);
});

Template.setTestChild.events({
  'click button'() {
    Template.instance().set('normalSet', 2);
    Template.instance().set('reactiveSet', 2);
  },
});

Tinytest.add('template-extension - get', function (test) {
  testingInstanceGet = true;
  try {
    test.equal(Blaze.toHTMLWithData(Template.testTemplate, {fieldName: '_testTemplateField'}), '42');
    test.equal(Blaze.toHTMLWithData(Template.testTemplate, {fieldName: '_testTemplateField1'}), '43');
    test.equal(Blaze.toHTMLWithData(Template.testTemplate, {fieldName: '_testTemplateField3'}), '44');
    test.equal(Blaze.toHTMLWithData(Template.testTemplate, {fieldName: '_testTemplateFieldNoop'}), '50');
    test.equal(Blaze.toHTMLWithData(Template.testTemplate, {fieldName: '_nonexistent'}), '');
  }
  finally {
    testingInstanceGet = false;
  }
});

Tinytest.add('template-extension - parent', function (test) {
  testingInstanceParent = true;
  try {
    test.equal(Blaze.toHTMLWithData(Template.testTemplate, {numLevels: 1, includeBlockHelpers: false}), '[{"_testTemplateField3":44},{"_testTemplateField1":43},{"_testTemplateField":42}]');
    test.equal(Blaze.toHTMLWithData(Template.testTemplate, {numLevels: 1, includeBlockHelpers: true}), '[{"_testTemplateField3":44},{"_testTemplateFieldNoop":50},{"_testTemplateField1":43},{"_testTemplateField":42}]');
    test.equal(Blaze.toHTMLWithData(Template.testTemplate, {includeBlockHelpers: false}), '[{"_testTemplateField3":44},{"_testTemplateField1":43},{"_testTemplateField":42}]');
    test.equal(Blaze.toHTMLWithData(Template.testTemplate, {includeBlockHelpers: true}), '[{"_testTemplateField3":44},{"_testTemplateFieldNoop":50},{"_testTemplateField1":43},{"_testTemplateField":42}]');
    test.equal(Blaze.toHTMLWithData(Template.testTemplate, {numLevels: undefined, includeBlockHelpers: false}), '[{"_testTemplateField3":44},{"_testTemplateField1":43},{"_testTemplateField":42}]');
    test.equal(Blaze.toHTMLWithData(Template.testTemplate, {numLevels: undefined, includeBlockHelpers: true}), '[{"_testTemplateField3":44},{"_testTemplateFieldNoop":50},{"_testTemplateField1":43},{"_testTemplateField":42}]');
    test.equal(Blaze.toHTMLWithData(Template.testTemplate, {numLevels: null, includeBlockHelpers: false}), '[{"_testTemplateField3":44},{"_testTemplateField1":43},{"_testTemplateField":42}]');
    test.equal(Blaze.toHTMLWithData(Template.testTemplate, {numLevels: null, includeBlockHelpers: true}), '[{"_testTemplateField3":44},{"_testTemplateFieldNoop":50},{"_testTemplateField1":43},{"_testTemplateField":42}]');
    test.equal(Blaze.toHTMLWithData(Template.testTemplate, {numLevels: 2, includeBlockHelpers: false}), '[{"_testTemplateField3":44},{"_testTemplateField":42}]');
    test.equal(Blaze.toHTMLWithData(Template.testTemplate, {numLevels: 2, includeBlockHelpers: true}), '[{"_testTemplateField3":44},{"_testTemplateField1":43}]');

    var multiTierView = Blaze.render(Template.templateTier1, $('body')[0]);
    Tracker.flush();
    test.isTrue(multiTierView._templateInstance._renderedTemplateTier1);
    test.equal(multiTierView._templateInstance.parent(() => false), null);  // Should have no parent template.
    test.equal(multiTierView._templateInstance.children.length, 2);
    Tracker.flush();
    test.isTrue(multiTierView._templateInstance.children[0]._renderedTemplateTier2);
    test.isTrue(multiTierView._templateInstance.children[1]._renderedTemplateTier2);
    Tracker.flush();
    test.isTrue(multiTierView._templateInstance.children[0].children[0]._renderedTemplateTier3);
    test.isTrue(multiTierView._templateInstance.children[0].children[1]._renderedTemplateTier3);
    test.isTrue(multiTierView._templateInstance.children[1].children[0]._renderedTemplateTier3);
    test.isTrue(multiTierView._templateInstance.children[1].children[1]._renderedTemplateTier3);
    test.equal(multiTierView._templateInstance.children[0].children.length, 2);
    test.equal(multiTierView._templateInstance.children[1].children.length, 2);

    var grandChild = multiTierView._templateInstance.children[1].children[0];
    test.equal(grandChild.parent((t) => t.view.name === "Template.templateTier2"),
        multiTierView._templateInstance.children[1]);

    var grandChild = multiTierView._templateInstance.children[1].children[0];
    test.equal(grandChild.parent((t) => t.view.name === "Template.templateTier1"),
        multiTierView._templateInstance);
  }
  finally {
    testingInstanceParent = false;
  }
});

Tinytest.add('template-extension - parentData', function (test) {
  testingData = true;
  try {
    // Testing default behavior.
    test.equal(Blaze.toHTMLWithData(Template.testTemplate, {}), '{"data1":"foo"}');
    test.equal(Blaze.toHTMLWithData(Template.testTemplate, {numLevels: undefined}), '{"data1":"foo"}');
    test.equal(Blaze.toHTMLWithData(Template.testTemplate, {numLevels: null}), '{"numLevels":null,"data1":"foo"}');
    test.equal(Blaze.toHTMLWithData(Template.testTemplate, {numLevels: 0}), '{"numLevels":0,"data2":"bar"}');
    test.equal(Blaze.toHTMLWithData(Template.testTemplate, {numLevels: 1}), '{"numLevels":1,"data1":"foo"}');
    test.equal(Blaze.toHTMLWithData(Template.testTemplate, {numLevels: 2}), '{"numLevels":2}');
    test.equal(Blaze.toHTMLWithData(Template.testTemplate, {numLevels: 3}), 'null');

    // Testing a function.
    var hasField = function (fieldName) {
      return function (data) {
        return fieldName in data;
      };
    };

    test.equal(Blaze.toHTMLWithData(Template.testTemplate, {numLevels: hasField('data1')}), '{"data1":"foo"}');
    test.equal(Blaze.toHTMLWithData(Template.testTemplate, {numLevels: hasField('data2')}), '{"data2":"bar"}');
    test.equal(Blaze.toHTMLWithData(Template.testTemplate, {numLevels: hasField('data3')}), 'null');
  }
  finally {
    testingData = false;
  }
});

Tinytest.add('template-extension - inheritsHelpersFrom', function (test) {
  Template.testTemplate3.inheritsHelpersFrom('testTemplate2');
  test.equal(Template.testTemplate2.__helpers[' testInstanceGet'], Template.testTemplate3.__helpers[' testInstanceGet']);
});

Tinytest.add('template-extension - inheritsHelpersFrom array', function (test) {
  Template.testTemplate4.inheritsHelpersFrom(['testTemplate1', 'testTemplate2']);
  test.equal(Template.testTemplate2.__helpers[' testInstanceGet'], Template.testTemplate4.__helpers[' testInstanceGet']);
  test.equal(Template.testTemplate1.__helpers[' data'], Template.testTemplate4.__helpers[' data']);
});

Tinytest.add('template-extension - inheritsEventsFrom', function (test) {
  Template.testTemplate5.inheritsEventsFrom('testTemplate3');
  test.equal(Template.testTemplate3.__eventMaps, Template.testTemplate5.__eventMaps);
});

Tinytest.add('template-extension - inheritsEventsFrom array', function (test) {
  Template.testTemplate6.inheritsEventsFrom(['testTemplate3', 'testTemplate4']);
  test.equal(Template.testTemplate3.__eventMaps[0], Template.testTemplate6.__eventMaps[0]);
  test.equal(Template.testTemplate4.__eventMaps[0], Template.testTemplate6.__eventMaps[1]);
});

Tinytest.add('template-extension - inheritsEventsFrom fires on the correct template', function (test) {
  let clickedOriginal = false;
  let clickedCopy = false;

  Template.eventsTest.clearEventMaps();

  Template.eventsTest.events({
    'click button'() {
      clickedOriginal = true;
      return false;
    },
  });

  delete Template.eventsTestCopy;
  Template.eventsTest.copyAs('eventsTestCopy');

  Template.eventsTestCopy.clearEventMaps();
  Template.eventsTestCopy.events({
    'click button'() {
      clickedCopy = true;
      return false;
    },
  });

  let view = Blaze.render(Template.eventsTest, $('body')[0]);
  view._templateInstance.$('button').click();

  test.isFalse(clickedCopy);
  test.isTrue(clickedOriginal);

  clickedOriginal = false;
  clickedCopy = false;
  view = Blaze.render(Template.eventsTestCopy, $('body')[0]);
  view._templateInstance.$('button').click();

  test.isTrue(clickedCopy);
  test.isFalse(clickedOriginal);
});

Tinytest.add('template-extension - inheritsHooksFrom', function (test) {
  Template.testTemplate7.inheritsHooksFrom('testTemplate');
  var view = Blaze.render(Template.testTemplate7, $('body')[0]);
  test.equal(view._templateInstance._testTemplateField, 42);
});

Tinytest.add('template-extension - inheritsHooksFrom array', function (test) {
  Template.testTemplate9.inheritsHooksFrom(['testTemplate', 'testTemplate8']);
  var view = Blaze.render(Template.testTemplate9, $('body')[0]);
  test.equal(view._templateInstance._testTemplateField, 42);
  Tracker.flush();
  test.isTrue(view._templateInstance._rendered8);
});

Tinytest.add('template-extension - copyAs', function (test) {
  Template.testTemplate9.copyAs('testTemplate10');
  test.equal(Blaze.toHTML(Template.testTemplate10),'<h1>copyAs</h1>');
  var view = Blaze.render(Template.testTemplate10, $('body')[0]);
  test.isTrue(view._templateInstance._created9);
});

Tinytest.add('template-extension - copyAs array', function (test) {
  Template.testTemplate9.copyAs(['testTemplate11', 'testTemplate12']);
  test.equal(Blaze.toHTML(Template.testTemplate11),'<h1>copyAs</h1>');
  test.equal(Blaze.toHTML(Template.testTemplate12),'<h1>copyAs</h1>');
  var view = Blaze.render(Template.testTemplate11, $('body')[0]);
  test.isTrue(view._templateInstance._created9);
  view = Blaze.render(Template.testTemplate12, $('body')[0]);
  test.isTrue(view._templateInstance._created9);
});

Tinytest.add('template-extension - copyAs returns newly created template', function (test) {
  var result = Template.testTemplate.copyAs('testTemplate3');
  test.instanceOf(result, Blaze.Template);
});

Tinytest.add('template-extension - copyAs returns newly created template array', function (test) {
  var result = Template.testTemplate.copyAs(['testTemplate3', 'testTemplate4']);
  test.instanceOf(result, Array);
  test.instanceOf(result[0], Blaze.Template);
  test.instanceOf(result[1], Blaze.Template);
});

Tinytest.add('template-extension - replaces', function (test) {
  Template.testTemplate9.replaces('testTemplate14');
  Template.testTemplate14.inheritsHelpersFrom('testTemplate9');
  test.equal(Blaze.toHTML(Template.testTemplate14),'<h1>copyAs</h1>');
});

Tinytest.add('template-extension - replaces array', function (test) {
  Template.testTemplate9.replaces(['testTemplate15', 'testTemplate16']);
  Template.testTemplate15.inheritsHelpersFrom('testTemplate9');
  Template.testTemplate16.inheritsHelpersFrom('testTemplate9');
  test.equal(Blaze.toHTML(Template.testTemplate15),'<h1>copyAs</h1>');
  test.equal(Blaze.toHTML(Template.testTemplate16),'<h1>copyAs</h1>');
});

Tinytest.add('template-extension - hooks', function (test) {
  var view = Blaze.render(Template.testTemplate17, $('body')[0]);
  test.isTrue(view._templateInstance._created17);
  Tracker.flush();
  test.isTrue(view._templateInstance._rendered17);
  Blaze.remove(view);
  test.isTrue(view._templateInstance._destroyed17);
});

Tinytest.add('template-extension - global hooks', function (test) {
  var view = Blaze.render(Template.testTemplate20, $('body')[0]);
  test.isTrue(view._templateInstance._globalCreated);
  Tracker.flush();
  test.isTrue(view._templateInstance._globalRendered);
  Blaze.remove(view);
  test.isTrue(view._templateInstance._globalDestroyed);
});

Tinytest.add('template-extension - clearEventMaps', function (test) {
  test.equal(Template.clearEventMaps.__eventMaps.length, 1);
  Template.clearEventMaps.clearEventMaps();
  test.equal(Template.clearEventMaps.__eventMaps.length, 0);
});

Tinytest.add('template-extension - registerHelpers', function(test) {
  Template.registerHelpers({
    testHelper1() {
      return 'test1';
    },
    testHelper2() {
      return 'test2';
    }
  });

  test.equal(Blaze._globalHelpers.testHelper1(), 'test1');
  test.equal(Blaze._globalHelpers.testHelper2(), 'test2');
});

Tinytest.add('template-extension - set', function(test) {
  let view = Blaze.render(Template.setTest, $('body')[0]);
  view._templateInstance.$('button').click();

  test.equal(view._templateInstance.normalSet, 2);
  test.equal(view._templateInstance.reactiveSet.get(), 2);
});