import { MarkupReconciler } from "https://deno.land/x/dom_diff@1.0.0-beta.2/reconcilers/markup.ts";
Markup reconciler.
Examples
Example 1
Example 1
import { MarkupReconciler } from "https://deno.land/x/dom_diff/reconcilers/markup.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 MarkupReconciler();
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);