test: test against entry stringer

Zxilly · Jun 10, 2024 · e7bda91 · e7bda91
1 parent 79b2cab
commit e7bda91
Show file tree

Hide file tree

Showing 17 changed files with 2,011 additions and 58 deletions.
diff --git a/ui/.eslintrc.cjs b/ui/.eslintrc.cjs
@@ -8,10 +8,13 @@ module.exports = {
         'plugin:react/jsx-runtime',
         'plugin:@typescript-eslint/recommended-type-checked',
         'plugin:react-hooks/recommended',
+        'plugin:import/recommended',
+        'plugin:import/typescript'
     ],
     ignorePatterns: [
         'dist',
         '.eslintrc.cjs',
+        'coverage',
         'src/generated/schema.ts',
         'src/tool/wasm_exec.js',
     ],
@@ -21,6 +24,7 @@ module.exports = {
     ],
     rules: {
         'sort-imports': ['warn', {ignoreDeclarationSort: true}],
+        'import/no-unresolved': 'off',
         'react-refresh/only-export-components': [
             'warn',
             {allowConstantExport: true},

diff --git a/ui/package.json b/ui/package.json
@@ -10,6 +10,7 @@
     "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",
+    "lint:fix": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0 --fix",
     "test": "vitest run"
   },
   "dependencies": {
@@ -43,6 +44,7 @@
     "@vitejs/plugin-react-swc": "^3.7.0",
     "@vitest/coverage-istanbul": "^1.6.0",
     "eslint": "^8.57.0",
+    "eslint-plugin-import": "^2.29.1",
     "eslint-plugin-react": "^7.34.1",
     "eslint-plugin-react-hooks": "^4.6.2",
     "eslint-plugin-react-refresh": "^0.4.7",

diff --git a/ui/pnpm-lock.yaml b/ui/pnpm-lock.yaml
diff --git a/ui/src/Tooltip.test.tsx b/ui/src/Tooltip.test.tsx
@@ -1,16 +1,14 @@
 import {fireEvent, render} from '@testing-library/react';
-import {Tooltip} from './Tooltip.tsx';
 import {assert, expect, test} from 'vitest';
+import {Tooltip} from './Tooltip.tsx';
 import {Entry, EntryChildren, type EntryType} from "./tool/entry.ts";
 
 function getTestNode(): Entry {
     return {
         getChildren(): EntryChildren[EntryType] {
             return [];
         },
-        getType(): EntryType {
-            return "unknown";
-        }, getID(): number {
+        getID(): number {
             return 1;
         }, getName(): string {
             return "test";
@@ -31,14 +29,14 @@ test('Tooltip should render correctly when visible', () => {
 
 test('Tooltip should not render when not visible', () => {
     const r = render(<Tooltip visible={false}
-                                          node={getTestNode()}/>);
+                              node={getTestNode()}/>);
     // should have tooltip-hidden class
     expect(r.container.querySelector('.tooltip-hidden')).not.toBeNull();
 });
 
 test('Tooltip should update position on mouse move', () => {
-    const { getByText } = render(<Tooltip visible={true} node={getTestNode()} />);
-    fireEvent.mouseMove(document, { clientX: 100, clientY: 100 });
+    const {getByText} = render(<Tooltip visible={true} node={getTestNode()}/>);
+    fireEvent.mouseMove(document, {clientX: 100, clientY: 100});
     const tooltip = getByText('test').parentElement;
     if (!tooltip) {
         assert.isNotNull(tooltip);

diff --git a/ui/src/Treemap.test.tsx b/ui/src/Treemap.test.tsx
@@ -1,12 +1,10 @@
-// @vitest-environment jsdom
-
-import {expect, test} from "vitest";
 import {readFileSync} from "fs";
 import path from "node:path";
+import {expect, test} from "vitest";
+import {render} from '@testing-library/react'
 import {parseResult} from "./generated/schema.ts";
 import {createEntry} from "./tool/entry.ts";
 import TreeMap from "./TreeMap.tsx";
-import {render} from '@testing-library/react'
 
 test("Treemap", () => {
     const data = readFileSync(path.join(__dirname, 'testdata', 'testdata.json')).toString();

diff --git a/ui/src/explorer/Explorer.tsx b/ui/src/explorer/Explorer.tsx
@@ -1,10 +1,10 @@
 import React, {ReactNode, useEffect, useMemo} from "react";
 import {useAsync} from "react-use";
+import {Dialog, DialogContent, DialogContentText, DialogTitle} from "@mui/material";
 import gsa from "../../gsa.wasm?init";
 import {createEntry} from "../tool/entry.ts";
-import {Dialog, DialogContent, DialogContentText, DialogTitle} from "@mui/material";
-import {FileSelector} from "./FileSelector.tsx";
 import TreeMap from "../TreeMap.tsx";
+import {FileSelector} from "./FileSelector.tsx";
 
 type ModalState = {
     isOpen: false

diff --git a/ui/src/explorer/FileSelector.test.tsx b/ui/src/explorer/FileSelector.test.tsx
@@ -1,6 +1,6 @@
 import {fireEvent, render} from '@testing-library/react';
-import {FileSelector} from './FileSelector.tsx';
 import {expect, test, vi} from 'vitest';
+import {FileSelector} from './FileSelector.tsx';
 
 test('FileSelector should render correctly', () => {
     const mockHandler = vi.fn();