add plugin to prettify svgs

memory-viz/jest.config.ts

@@ -147,7 +147,7 @@ const config: Config = {
     // slowTestThreshold: 5,
 
     // A list of paths to snapshot serializer modules Jest should use for snapshot testing
-    // snapshotSerializers: [],
+    snapshotSerializers: ["./src/plugins/pretty_svg.ts"],
 
     // The test environment that will be used for testing
     testEnvironment: "node",

memory-viz/package.json

@@ -57,6 +57,8 @@
         "csstype": "^3.1.3",
         "husky": "^9.1.5",
         "jest": "^29.7.0",
+        "node-html-parser": "^6.1.13",
+        "pretty": "^2.0.0",
         "tmp": "^0.2.3",
         "ts-loader": "^9.5.1",
         "ts-node": "^10.9.2",

memory-viz/src/plugins/pretty_svg.ts

@@ -0,0 +1,19 @@
+import type { NewPlugin, OldPlugin } from "pretty-format";
+import pretty from "pretty";
+import { parse } from "node-html-parser";
+
+export const serialize: NewPlugin["serialize"] = (val) => {
+    return pretty(val);
+};
+
+export const test: NewPlugin["test"] = (val: any) => {
+    const root = parse(val);
+    return root.firstChild.rawTagName === "svg";
+};
+
+export const plugin: NewPlugin = {
+    test,
+    serialize,
+};
+
+export default plugin;