add some component tests

webui/package.json

@@ -23,7 +23,8 @@
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
     "graphql:generate": "graphql-codegen --config codegen.yml",
-    "test": "vitest --config vite.dev.config.ts"
+    "test": "vitest --config vite.dev.config.ts",
+    "coverage": "vitest run --config vite.dev.config.ts --coverage"
   },
   "dependencies": {
     "@apollo/client": "^3.9.4",

webui/src/Components/Header/Header.test.tsx

@@ -7,7 +7,7 @@ describe("Header", () => {
     const { container } = render(
       <Header
         id="1"
-        onRun={() => {}}
+        onRun={vi.fn()}
         breadcrumbs={[
           { title: "Projects", link: "/" },
           {

webui/src/Components/LogsViewer/LogsViewer.test.tsx

@@ -0,0 +1,10 @@
+import { render } from "@testing-library/react";
+import LogsViewer from "./LogsViewer";
+import { logs } from "./mocks";
+
+describe("LogsViewer", () => {
+  it("should render the component", () => {
+    const { container } = render(<LogsViewer logs={logs.split("\n")} />);
+    expect(container).toMatchSnapshot();
+  });
+});