test: fix tests and typescript typechecks

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

@@ -26,6 +26,7 @@ describe("AppHeader.svelte", () => {
     const { container } = render(AppHeader);
 
     const toggleButton = container.querySelector(".theme-toggle");
+    if (!toggleButton) throw new Error("Toggle button not found");
 
     themeState.theme = "dark";
     await fireEvent.click(toggleButton);

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

@@ -1,6 +1,6 @@
-import InputGroupTest from "$components/layout/InputGroupTest.svelte";
 import { render, screen } from "@testing-library/svelte";
 import { describe, expect, it } from "vitest";
+import InputGroupTest from "./InputGroupTest.svelte";
 
 describe("InputGroup.svelte", () => {
   it("should render multiple children using a wrapper component", () => {

tests/unit/components/layout/InputGroupTest.svelte

@@ -0,0 +1,10 @@
+<!-- InputGroupTest.svelte -->
+<script>
+  import InputGroup from "$components/layout/InputGroup.svelte";
+</script>
+
+<InputGroup>
+  <input type="text" data-testid="input1" />
+  <input type="text" data-testid="input2" />
+  <button data-testid="button">Кнопка</button>
+</InputGroup>

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

@@ -1,6 +1,6 @@
 import { render, screen } from "@testing-library/svelte";
 import { describe, expect, it } from "vitest";
-import SettingsGridTest from "$components/layout/SettingsGridTest.svelte";
+import SettingsGridTest from "./SettingsGridTest.svelte";
 
 describe("SettingsGrid.svelte", () => {
   it("should render multiple children using a wrapper component", () => {
@@ -8,12 +8,13 @@ describe("SettingsGrid.svelte", () => {
 
     const settingsGrid = document.querySelector(".settings-grid");
     expect(settingsGrid).toBeInTheDocument();
+    if (!settingsGrid) throw new Error("SettingsGrid element not found");
 
     expect(screen.getByTestId("item1")).toBeInTheDocument();
     expect(screen.getByTestId("item2")).toBeInTheDocument();
     expect(screen.getByTestId("item3")).toBeInTheDocument();
 
-    const items = settingsGrid.querySelectorAll('div[data-testid]');
+    const items = settingsGrid.querySelectorAll("div[data-testid]");
     expect(items.length).toBe(3);
   });
 });

tests/unit/components/layout/SettingsGridTest.svelte

@@ -0,0 +1,10 @@
+<!-- SettingsGridTest.svelte -->
+<script>
+  import SettingsGrid from "$components/layout/SettingsGrid.svelte";
+</script>
+
+<SettingsGrid>
+  <div data-testid="item1">Item 1</div>
+  <div data-testid="item2">Item 2</div>
+  <div data-testid="item3">Item 3</div>
+</SettingsGrid>

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

@@ -1,6 +1,6 @@
 import { render, screen } from "@testing-library/svelte";
 import { describe, expect, it } from "vitest";
-import SettingsRowTest from "$components/layout/SettingsRowTest.svelte";
+import SettingsRowTest from "./SettingsRowTest.svelte";
 
 describe("SettingsRow.svelte", () => {
   it("should render label and children using a wrapper component", () => {
@@ -8,16 +8,19 @@ describe("SettingsRow.svelte", () => {
 
     const settingRow = document.querySelector(".setting-row");
     expect(settingRow).toBeInTheDocument();
+    if (!settingRow) throw new Error("SettingRow element not found");
 
     expect(screen.getByText("Test Label")).toBeInTheDocument();
     expect(screen.getByTestId("test-input")).toBeInTheDocument();
 
     const label = settingRow.querySelector(".setting-label");
     expect(label).toBeInTheDocument();
+    if (!label) throw new Error("Label element not found");
     expect(label.textContent).toBe("Test Label");
 
     const control = settingRow.querySelector(".setting-control");
     expect(control).toBeInTheDocument();
+    if (!control) throw new Error("Control element not found");
     expect(control.querySelector('input[data-testid="test-input"]')).toBeInTheDocument();
   });
 });

tests/unit/components/layout/SettingsRowTest.svelte

@@ -0,0 +1,8 @@
+<!-- SettingsRowTest.svelte -->
+<script>
+  import SettingsRow from "$components/layout/SettingsRow.svelte";
+</script>
+
+<SettingsRow label="Test Label">
+  <input type="text" data-testid="test-input" />
+</SettingsRow>