Benchmark.js

by Jeremy Armstrong

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/benchmark/1.0.0/benchmark.min.js"></script>
<ul id='cycleResults'>

</ul>
<div id="result">

</div>
<br>
<button id="btn">
Run Tests
</button>

JavaScript

function test1() {

}

function test2() {

}

function __mapDeep(obj, iteratee, filter) {
  filter = (
    filter !== undefined &&
    filter.constructor === Function
  ) ? filter : filterFunc;

  const queue = [obj];
  const outp = [];
  var cur, result;

  while (queue.length > 0) {
    cur = queue.shift();

    let newNodes = filter(cur);
    if (newNodes.length > 0) {
      queue.push(...newNodes);

      for (let [node, nodeKey] of newNodes) {
        result = iteratee(node, nodeKey, obj);
        if (result !== undefined) outp.push(result);
      }
    }
  }

  return outp;

  // eslint-disable-next-line require-jsdoc
  function filterFunc(curNode) {
    return Object.keys(curNode).map((nodeKey) => {
      const node = curNode[nodeKey];

      if (
        typeof node === 'object' &&
        Object.getPrototypeOf(node) !== Object.prototype &&
        !(node instanceof Array)
      ) return;

      return [node, nodeKey];
    }, this);
  }
}

var cycleResults = document.getElementById('cycleResults');
var result = document.getElementById('result');
var btn = document.getElementById('btn');

// BENCHMARK ====================
btn.onclick = function runTests() {

  btn.setAttribute('disable', true);
  cycleResults.innerHTML = '';
  result.textContent = 'Tests running...';

  var suite = new Benchmark.Suite;

  // add tests
  suite
    .add('test1', test1)
    .add('test2', test2)
    // add listeners
    .on('cycle', function(event) {
      var result = document.createElement('li');
      result.textContent = String(event.target);

      document.getElementById('cycleResults')
        .appendChild(result);
    })
    .on('complete', function() {
      result.textContent = 'Fastest is ' + this.filter('fastest').pluck('name');
      btn.setAttribute('disable', false);
    })
    // run async
    .run({
      'async': true
    });
};