improve addition churn test readability, and add removal tests as well.

Author: botandrose-machine

test/ops.js

@@ -63,53 +63,104 @@ describe("morphing operations", function () {
 
   it("gracefully handling shifting a new softmatchable node into the front", function () {
     assertOps(
-      "<section><div></div><div></div></section>",
-      "<section><div>New</div><div></div><div></div></section>",
+      "<section><a>A</a><a>B</a></section>",
+      "<section><a>New</a><a>A</a><a>B</a></section>",
       [
         [
           "Morphed",
-          "<section><div></div><div></div></section>",
-          "<section><div>New</div><div></div><div></div></section>",
+          "<section><a>A</a><a>B</a></section>",
+          "<section><a>New</a><a>A</a><a>B</a></section>",
         ],
-        ["Added", "<div>New</div>"],
-        ["Morphed", "<div></div>", "<div></div>"],
-        ["Morphed", "<div></div>", "<div></div>"],
+        ["Added", "<a>New</a>"],
+        ["Morphed", "<a>A</a>", "<a>A</a>"],
+        ["Morphed", "<a>B</a>", "<a>B</a>"],
       ],
     );
   });
 
   it("gracefully handling inserting a new softmatchable node into the middle", function () {
     assertOps(
-      "<section><div></div><div></div><div></div><div></div></section>",
-      "<section><div></div><div></div><div>New</div><div></div><div></div></section>",
+      "<section><a>A</a><a>B</a><a>C</a><a>D</a></section>",
+      "<section><a>A</a><a>B</a><a>New</a><a>C</a><a>D</a></section>",
       [
         [
           "Morphed",
-          "<section><div></div><div></div><div></div><div></div></section>",
-          "<section><div></div><div></div><div>New</div><div></div><div></div></section>",
+          "<section><a>A</a><a>B</a><a>C</a><a>D</a></section>",
+          "<section><a>A</a><a>B</a><a>New</a><a>C</a><a>D</a></section>",
         ],
-        ["Morphed", "<div></div>", "<div></div>"],
-        ["Morphed", "<div></div>", "<div></div>"],
-        ["Added", "<div>New</div>"],
-        ["Morphed", "<div></div>", "<div></div>"],
-        ["Morphed", "<div></div>", "<div></div>"],
+        ["Morphed", "<a>A</a>", "<a>A</a>"],
+        ["Morphed", "<a>B</a>", "<a>B</a>"],
+        ["Added", "<a>New</a>"],
+        ["Morphed", "<a>C</a>", "<a>C</a>"],
+        ["Morphed", "<a>D</a>", "<a>D</a>"],
       ],
     );
   });
 
   it("gracefully handling pushing a new softmatchable node onto the end", function () {
     assertOps(
-      "<section><div></div><div></div></section>",
-      "<section><div></div><div></div><div>New</div></section>",
+      "<section><a>A</a><a>B</a></section>",
+      "<section><a>A</a><a>B</a><a>New</a></section>",
+      [
+        [
+          "Morphed",
+          "<section><a>A</a><a>B</a></section>",
+          "<section><a>A</a><a>B</a><a>New</a></section>",
+        ],
+        ["Morphed", "<a>A</a>", "<a>A</a>"],
+        ["Morphed", "<a>B</a>", "<a>B</a>"],
+        ["Added", "<a>New</a>"],
+      ],
+    );
+  });
+
+  it("gracefully handling removing a softmatchable node from the front", function () {
+    assertOps(
+      "<section><a>A</a><a>B</a><a>C</a></section>",
+      "<section><a>B</a><a>C</a></section>",
+      [
+        [
+          "Morphed",
+          "<section><a>A</a><a>B</a><a>C</a></section>",
+          "<section><a>B</a><a>C</a></section>",
+        ],
+        ["Removed", "<a>A</a>"],
+        ["Morphed", "<a>B</a>", "<a>B</a>"],
+        ["Morphed", "<a>C</a>", "<a>C</a>"],
+      ],
+    );
+  });
+
+  it("gracefully handling removing a softmatchable node from the middle", function () {
+    assertOps(
+      "<section><a>A</a><a>B</a><a>C</a></section>",
+      "<section><a>A</a><a>C</a></section>",
+      [
+        [
+          "Morphed",
+          "<section><a>A</a><a>B</a><a>C</a></section>",
+          "<section><a>A</a><a>C</a></section>",
+        ],
+        ["Morphed", "<a>A</a>", "<a>A</a>"],
+        ["Removed", "<a>B</a>"],
+        ["Morphed", "<a>C</a>", "<a>C</a>"],
+      ],
+    );
+  });
+
+  it("gracefully handling removing a softmatchable node from the end", function () {
+    assertOps(
+      "<section><a>A</a><a>B</a><a>C</a></section>",
+      "<section><a>A</a><a>B</a></section>",
       [
         [
           "Morphed",
-          "<section><div></div><div></div></section>",
-          "<section><div></div><div></div><div>New</div></section>",
+          "<section><a>A</a><a>B</a><a>C</a></section>",
+          "<section><a>A</a><a>B</a></section>",
         ],
-        ["Morphed", "<div></div>", "<div></div>"],
-        ["Morphed", "<div></div>", "<div></div>"],
-        ["Added", "<div>New</div>"],
+        ["Morphed", "<a>A</a>", "<a>A</a>"],
+        ["Morphed", "<a>B</a>", "<a>B</a>"],
+        ["Removed", "<a>C</a>"],
       ],
     );
   });