wip

demo/jest.config.ts

@@ -176,9 +176,9 @@ const config: Config = {
     // testRunner: "jest-circus/runner",
 
     // A map from regular expressions to paths to transformers
-    transform: {
-        "^.+\\.(ts|tsx|js|jsx)$": "babel-jest",
-    },
+    // transform: {
+    //     "^.+\\.(ts|tsx|js|jsx)$": "babel-jest",
+    // },
 
     // An array of regexp pattern strings that are matched against all source file paths, matched files will skip transformation
     // transformIgnorePatterns: [

demo/package.json

@@ -31,6 +31,7 @@
         "css-loader": "^6.8.1",
         "html-webpack-plugin": "^5.6.0",
         "jest-canvas-mock": "^2.5.2",
+        "jest-environment-jsdom": "^29.7.0",
         "style-loader": "^3.3.3",
         "typescript": "^5.3.3",
         "webpack": "^5.89.0",

demo/src/SvgDisplay.tsx

@@ -13,14 +13,11 @@ export default function SvgDisplay(props) {
     }, [props.jsonResult]);
 
     return (
-        <>
-            <canvas
-                data-testid="memory-models-canvas"
-                ref={canvasRef}
-                width={1000}
-                height={1000}
-            />
-            ;
-        </>
+        <canvas
+            data-testid="memory-models-canvas"
+            ref={canvasRef}
+            width={1000}
+            height={1000}
+        />
     );
 }

demo/src/__tests__/SvgDisplay.spec.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { render, screen } from "@testing-library/react";
+import { cleanup, render, screen } from "@testing-library/react";
 import SvgDisplay from "../SvgDisplay";
 import mem from "../../../src/index";
 const { draw } = mem;
@@ -36,6 +36,8 @@ describe("SvgDisplay", () => {
             render(<SvgDisplay jsonResult={jsonResult} />);
         });
 
+        afterEach(cleanup);
+
         it("renders canvas element with specified dimensions", () => {
             const canvasElement = screen.getByTestId("memory-models-canvas");
             expect(canvasElement.getAttribute("width")).toEqual("1000");
@@ -49,11 +51,9 @@ describe("SvgDisplay", () => {
         });
     });
 
-    it("does not render anything if jsonResult is null", () => {
+    it("does not render anything when jsonResult is null", () => {
         render(<SvgDisplay jsonResult={null} />);
         const canvasElement = screen.getByTestId("memory-models-canvas");
         expect(canvasElement.getAttribute("ref")).toBeNull();
     });
-
-    // Add more tests as needed
 });