test: refactor tests, format files

tests/unit/components/layout/AppHeader.test.ts

@@ -1,15 +1,13 @@
-import { render, screen, fireEvent } from "@testing-library/svelte";
-import { describe, expect, it, beforeEach } from "vitest";
-import { themeState } from "$states/theme.svelte";
 import AppHeader from "$components/layout/AppHeader.svelte";
+import { themeState } from "$states/theme.svelte";
+import { fireEvent, render } from "@testing-library/svelte";
+import { beforeEach, describe, expect, it } from "vitest";
 
 describe("AppHeader.svelte", () => {
   beforeEach(() => {
     themeState.theme = "dark";
   });
 
-
-
   it("should toggle theme on button click", async () => {
     const { container } = render(AppHeader);
 
@@ -23,6 +21,4 @@ describe("AppHeader.svelte", () => {
     await fireEvent.click(toggleButton);
     expect(themeState.theme).toBe("dark");
   });
-
-
 });

tests/unit/components/layout/Card.test.ts

@@ -1,4 +1,4 @@
-import { render, screen } from "@testing-library/svelte";
+import { render } from "@testing-library/svelte";
 import { describe, expect, it } from "vitest";
 import CardTest from "./CardTest.svelte";
 

tests/unit/components/layout/CardTest.svelte

@@ -1,4 +1,3 @@
-<!-- CardTest.svelte -->
 <script>
   import Card from "$components/layout/Card.svelte";
 </script>

tests/unit/components/layout/InputGroup.test.ts

@@ -1,4 +1,4 @@
-import { render, screen } from "@testing-library/svelte";
+import { render } from "@testing-library/svelte";
 import { describe, expect, it } from "vitest";
 import InputGroupTest from "./InputGroupTest.svelte";
 

tests/unit/components/layout/InputGroupTest.svelte

@@ -1,4 +1,3 @@
-<!-- InputGroupTest.svelte -->
 <script>
   import InputGroup from "$components/layout/InputGroup.svelte";
 </script>

tests/unit/components/layout/PanelBar.test.ts

@@ -7,6 +7,4 @@ describe("PanelBar.svelte", () => {
     const { container } = render(PanelBar);
     expect(container).toBeInTheDocument();
   });
-
-
 });

tests/unit/components/layout/SettingsGrid.test.ts

@@ -1,4 +1,4 @@
-import { render, screen } from "@testing-library/svelte";
+import { render } from "@testing-library/svelte";
 import { describe, expect, it } from "vitest";
 import SettingsGridTest from "./SettingsGridTest.svelte";
 

tests/unit/components/layout/SettingsGridTest.svelte

@@ -1,4 +1,3 @@
-<!-- SettingsGridTest.svelte -->
 <script>
   import SettingsGrid from "$components/layout/SettingsGrid.svelte";
 </script>

tests/unit/components/layout/SettingsRow.test.ts

@@ -1,4 +1,4 @@
-import { render, screen } from "@testing-library/svelte";
+import { render } from "@testing-library/svelte";
 import { describe, expect, it } from "vitest";
 import SettingsRowTest from "./SettingsRowTest.svelte";
 

tests/unit/components/layout/SettingsRowTest.svelte

@@ -1,4 +1,3 @@
-<!-- SettingsRowTest.svelte -->
 <script>
   import SettingsRow from "$components/layout/SettingsRow.svelte";
 </script>

tests/unit/components/layout/TextBar.test.ts

@@ -7,6 +7,4 @@ describe("TextBar.svelte", () => {
     const { container } = render(TextBar);
     expect(container).toBeInTheDocument();
   });
-
-
 });