refactor: rewrite entry for test

ui/.gitignore

@@ -24,4 +24,6 @@ dist-ssr
 *.sw?
 
 data.json
-gsa.wasm
+gsa.wasm
+
+coverage/

ui/common.ts

@@ -3,6 +3,7 @@ import {codecovVitePlugin} from "@codecov/vite-plugin";
 import * as path from "node:path";
 import react from "@vitejs/plugin-react-swc";
 import {execSync} from "node:child_process";
+import type { InlineConfig } from 'vitest';
 
 export function getSha(): string | undefined {
     const envs = process.env;
@@ -72,3 +73,22 @@ export function build(dir: string): BuildOptions {
         },
     }
 }
+
+export function testConfig(): InlineConfig {
+    return {
+        coverage: {
+            provider: "v8",
+            enabled: true,
+            exclude: [
+                "node_modules",
+                "dist",
+                "coverage",
+                "vite.config.ts",
+                "vite.config-explorer.ts",
+                "common.ts",
+                "src/tool/wasm_exec.js"
+            ]
+        }
+    }
+}
+

ui/package.json

@@ -10,7 +10,8 @@
     "dev:explorer": "vite -c vite.config-explorer.ts",
     "generate": "typia generate --input src/schema --output src/generated --project tsconfig.json",
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
-    "test": "vitest"
+    "test:ui": "vitest -c vite.config.ts",
+    "test:explorer": "vitest -c vite.config-explorer.ts"
   },
   "dependencies": {
     "@emotion/react": "^11.11.4",
@@ -39,6 +40,7 @@
     "@typescript-eslint/eslint-plugin": "^7.10.0",
     "@typescript-eslint/parser": "^7.10.0",
     "@vitejs/plugin-react-swc": "^3.7.0",
+    "@vitest/coverage-v8": "^1.6.0",
     "eslint": "^8.57.0",
     "eslint-plugin-react": "^7.34.1",
     "eslint-plugin-react-hooks": "^4.6.2",

ui/src/explorer/app.tsx

@@ -1,7 +1,7 @@
 import React, {ReactNode, useEffect, useMemo} from "react";
 import {useAsync} from "react-use";
 import gsa from "../../gsa.wasm?init";
-import {Entry} from "../tool/entry.ts";
+import {createEntry} from "../tool/entry.ts";
 import {Dialog, DialogContent, DialogContentText, DialogTitle} from "@mui/material";
 import {FileSelector} from "./file_selector.tsx";
 import TreeMap from "../TreeMap.tsx";
@@ -51,7 +51,7 @@ export const App: React.FC = () => {
             return null
         }
 
-        return new Entry(result)
+        return createEntry(result)
     }, [result])
 
     useEffect(() => {

ui/src/main.tsx

@@ -3,10 +3,10 @@ import ReactDOM from 'react-dom/client'
 
 import TreeMap from './TreeMap.tsx'
 import {loadDataFromEmbed} from "./tool/utils.ts";
-import {Entry} from "./tool/entry.ts";
+import {createEntry} from "./tool/entry.ts";
 
 ReactDOM.createRoot(document.getElementById('root')!).render(
     <React.StrictMode>
-        <TreeMap entry={new Entry(loadDataFromEmbed())}/>
+        <TreeMap entry={createEntry(loadDataFromEmbed())}/>
     </React.StrictMode>,
 )

ui/src/tool/aligner.ts

@@ -0,0 +1,23 @@
+import {max} from "d3-array";
+
+export class aligner {
+    private pre: string[] = [];
+    private post: string[] = [];
+
+    public add(pre: string, post: string): aligner {
+        this.pre.push(pre);
+        this.post.push(post);
+        return this;
+    }
+
+    public toString(): string {
+        // determine the maximum length of the pre-strings
+        const maxPreLength = max(this.pre, (d) => d.length) ?? 0;
+        let ret = "";
+        for (let i = 0; i < this.pre.length; i++) {
+            ret += this.pre[i].padEnd(maxPreLength + 1) + this.post[i] + "\n";
+        }
+        ret = ret.trimEnd();
+        return ret;
+    }
+}