import { AttributeReconciler } from "https://deno.land/x/dom_diff/reconcilers/attribute.ts";
import { assertEquals } from "https://deno.land/std/testing/asserts.ts";
const parser = new DOMParser();
const oldNode = `<div></div>`;
const newNode = `<div title="test"></div>`;
const oldRoot = parser.parseFromString(oldNode, "text/html");
const newRoot = parser.parseFromString(newNode, "text/html");
const reconciler = new AttributeReconciler();
const patches = reconciler.diff(
  oldRoot.body.firstChild!,
  newRoot.body.firstChild!,
);

for (const patch of patches) {
  reconciler.update(oldRoot.body.firstChild!, patch);
}

assertEquals(oldRoot.body.innerHTML, newNode);