import {render, html} from './instrumented/index.js';

const {body} = document;

const createList = (...args) => html`<div>${args}</div>`;
const testDiff = (a, b, c, d, e, f, g, h, i, j, k) => {
  render(body, createList());
  render(body, createList(b, c, d));
  render(body, createList(a, b, c, d));
  render(body, createList(d, c, b, a));
  render(body, createList(a, b, c, d));
  render(body, createList(a, b, c, d, e, f));
  render(body, createList(a, b, c, g, h, i, d, e, f));
  render(body, createList(a, b, c, g, h, i, d, e));
  render(body, createList(c, g, h, i, d, e));
  render(body, createList(c, g, d, e));
  render(body, createList());
  render(body, createList(a, b, c, d, e, f));
  render(body, createList(a, b, g, i, d, e, f));
  render(body, createList(a, b, c, d, e, f));
  render(body, createList(j, g, a, b, c, d, e, f, h, i));
  render(body, createList(a, b, c, d, e, f));
  render(body, createList(a, g, c, d, h, i));
  render(body, createList(i, g, a, d, h, c));
  render(body, createList(c, h, d, a, g, i));
  render(body, createList(d, f, g));
  render(body, createList(a, b, c, d, f, g));
  render(body, createList(a, b, c, d, e, f, g));
  render(body, createList(g, f, e, d, c, b, a));
  render(body, createList(f, d, b, a, e, g));
  render(body, createList(a, b, c, d, e, f));
  render(body, createList(a, b, c, d, e, f, h, i, j));
  render(body, createList(a, b, c, d, e, h, f, i, j));
  render(body, createList(a, b, i, d, e, h, f, c, j));
  render(body, createList(a, b, c, d, e, f, h, i, j));
  render(body, createList(a, b, c, d, e, f, g, h, i, j, k));
  render(body, createList(g, h, i));
  render(body, createList(a, b, c, d));
  render(body, createList(b, c, a, d));
  render(body, createList(a, b, c, d, e));
  render(body, createList(d, a, b, c, f));
  render(body, createList(a, d, e));
  render(body, createList(d, f));
  render(body, createList(b, d, c, k));
  render(body, createList(c, k, b, d));
  render(body, createList());
  render(body, createList(a, b, c, d));
  render(body, createList(a, b, d, e, c));
  render(body, createList(a, b, c));
  render(body, createList(c, a, b));
  render(body, createList());
};

testDiff(
  html`<p>a</p>`,
  html`<p>b</p>`,
  html`<p>c</p>`,
  html`<p>d</p>`,
  html`<p>e</p>`,
  html`<p>f</p>`,
  html`<p>g</p>`,
  html`<p>h</p>`,
  html`<p>i</p>`,
  html`<p>j</p>`,
  html`<p>k</p>`
);

testDiff(
  html`<p>a</p><p>a</p>`,
  html`<p>b</p><p>b</p>`,
  html`<p>c</p><p>c</p>`,
  html`<p>d</p><p>d</p>`,
  html`<p>e</p><p>e</p>`,
  html`<p>f</p><p>f</p>`,
  html`<p>g</p><p>g</p>`,
  html`<p>h</p><p>h</p>`,
  html`<p>i</p><p>i</p>`,
  html`<p>j</p><p>j</p>`,
  html`<p>k</p><p>k</p>`
);