DOM diff libraries test

dom-diff-test.js

// Uncomment only when you use it in test:

// import * as diffhtml from 'diffhtml';
// import morphdom from 'morphdom';

// You need a document with <div id="root"></div>
var rootEl = document.getElementById('root');

// Replace with big real HTML pice.
var tpl = `<div>Replace with real big HTML pice.</div>`;

console.profile("diffhtml.innerHTML()");
var start = window.performance.now();

for (var i=0,ln=1000; i<ln; i++) {
  // You can uncomment one of 3 following tests:

  // Test 1. Native innerHTML
  // rootEl.innerHTML = tpl//tpl.replace(/\{rnd\}/ig, fn);

  // Test 2. diffhtml.innerHTML
  // diffhtml.innerHTML(rootEl, tpl);

  // Test 3. morphdom
  // morphdom(rootEl, tpl);
}

console.profileEnd();
console.log(window.performance.now() - start);