third_party/jstemplate/jstemplate_example.js

// Copyright 2006 Google Inc.
//
// Licensed under the Apache License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
//
// http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
// implied. See the License for the specific language governing
// permissions and limitations under the License.
/**
 * @pageoverview Some logic for the jstemplates test pages.
 *
 * @author Steffen Meschkat (mesch@google.com)
 */


function elem(id) {
  return document.getElementById(id);
}

/**
 * Are we actively profiling JstProcessor?
 * @type boolean
 */
var profiling = false;

logHtml = function(html) {
  elem('log').innerHTML += html + '<br/>';
};


/**
 * Initializer for interactive test: copies the value from the actual
 * template HTML into a text area to make the HTML source visible.
 */
function jsinit() {
  elem('template').value = elem('tc').innerHTML;
}


/**
 * Interactive test.
 *
 * @param {boolean} reprocess If true, reprocesses the output of the
 * previous invocation.
 */
function jstest(reprocess) {
  var jstext = elem('js').value;
  var input = jsEval(jstext);
  var t;
  if (reprocess) {
    t = elem('out');
  } else {
    elem('tc').innerHTML = elem('template').value;
    t = jstGetTemplate('t');
    elem('out').innerHTML = '';
    elem('out').appendChild(t);
  }
  if (profiling) Profiler.reset();
  jstProcess(new JsEvalContext(input), t);
  if (profiling) Profiler.dump();
  elem('html').value = elem('out').innerHTML;
}


/**
 * Performance test: jst initial processing.
 *
 * @param {Object} data Test data to apply the template to.
 */
function perf1(data) {
  elem('out').innerHTML = '';
  var t = jstGetTemplate('t1');
  elem('out').appendChild(t);
  if (profiling) Profiler.reset();
  jstProcess(new JsEvalContext(data), t);
  if (profiling) Profiler.dump();
}


/**
 * Performance test: jst reprocessing or previous processing output.
 *
 * @param {Object} data Test data to apply the template to.
 */
function perf1a(data) {
  if (profiling) Profiler.reset();
  jstProcess(new JsEvalContext(data), elemOrDie('out'));
  if (profiling) Profiler.dump();
}


/**
 * Performance test: jst initial processing, with display:none during
 * processing.
 *
 * @param {Object} data Test data to apply the template to.
 */
function perf1b(data) {
  var o = elem('out');
  o.innerHTML = '';
  var t = jstGetTemplate('t1');
  o.appendChild(t);
  displayNone(o);
  if (profiling) Profiler.reset();
  jstProcess(new JsEvalContext(data), t);
  if (profiling) Profiler.dump();
  displayDefault(o);
}


/**
 * Performance test: create output procedurally as string and assign
 * to innerHTML.
 *
 * @param {Object} data Test data to apply the template to.
 */
function perf2(data) {
  var t = [];
  t.push("<table><tr><th>item</th><th>label</th><th>address</th></tr>");
  for (var i = 0; i < data.entries.length; ++i) {
    var e = data.entries[i];
    t.push("<tr><td>" + i + "</td><td>" + e.label + "</td><td>" +
           e.address + "</td></tr>");
  }
  t.push("</table>");
  elem("out").innerHTML = t.join('');
}


/**
 * A test runner for a test. Does the timing. @constructor
 *
 * @param {number} times number of iterations the test is executed.
 * @param {Function} test The test to execute.
 * @param {Function} result Function will be called with the execution
 * time as argument.
 */
function TestRun(times, test, result) {
  this.count_ = 0;
  this.times_ = times;
  this.test_ = test;
  this.result_ = result;
  this.start_ = (new Date).valueOf();
  this.run_();
}


/**
 * Executes the test run.
 */
TestRun.prototype.run_ = function() {
  if (this.count_ < this.times_) {
    this.test_(this.count_);
    this.count_ += 1;
    objectSetTimeout(this, this.run_, 0);
  } else {
    this.stop_ = (new Date).valueOf();
    this.result_(this.stop_ - this.start_);
  }
};


/**
 * Creates a testrun function for test count invocations of function
 * f, whose runtime will be output to the element with is given in
 * result.
 *
 * @param {Object} data The test data object.
 * @param {Function} f
 * @param {number} count
 * @param {string} result
*/
function createTestRun(count, test) {
  var data = {
    entries: []
  };
  for (var i = 0; i < count; ++i) {
    data.entries.push({ label: "label" + i, address: "address" + i });
  }
  // This function is passed to the TimeoutSequence, and receives the
  // TimeoutSequence as argument on invocation.
  return function(s) {
    new TestRun(1, function(i) {
      window[test](data);
    }, function(time) {
      elem(test + '-' + count).innerHTML = time + 'ms';
      s.run();
    });
  };
}

/**
 * Runs all tests the given number of times. Invoked from the HTML page.
 *
 * @param {number} count
 */
function jsperf(count) {
  elemOrDie('log').innerHTML = '';
  profiling = !!elemOrDie('profile').checked;
  if (profiling && !JstProcessor.profiling_) {
    JstProcessor.profiling_ = true;
    Profiler.monitorAll(proto(JstProcessor), false);
  }

  var s = new TimeoutSequence(null, null, true);

  s.add(createTestRun(count, "perf1"));
  s.add(createTestRun(count, "perf1b"));
  s.add(createTestRun(count, "perf1a"));
  s.add(createTestRun(count, "perf2"));

  s.run();
}

function run(test, count) {
  var data = {
    entries: []
  };
  for (var i = 0; i < count; ++i) {
    data.entries.push({ label: "label" + i, address: "address" + i });
  }
  new TestRun(1, function() {
    window[test](data);
  }, function(time) {
    elem(test + '-' + count).innerHTML = time + 'ms';
  });
}