test: add component tests

tests/unit/components/text/TextConfig.test.ts

@@ -0,0 +1,31 @@
+import TextConfig from "$components/text/TextConfig.svelte";
+import { render, screen, cleanup } from "@testing-library/svelte";
+import { describe, expect, it, afterEach } from "vitest";
+
+afterEach(() => {
+  cleanup();
+});
+
+describe("TextConfig.svelte", () => {
+  it("should render with card title", () => {
+    render(TextConfig);
+    expect(screen.getByText("Настройки текста")).toBeInTheDocument();
+  });
+
+  it("should render all settings controls", () => {
+    render(TextConfig);
+
+    expect(screen.getByText("Размер")).toBeInTheDocument();
+    expect(screen.getByText("Шрифт")).toBeInTheDocument();
+    expect(screen.getByText("Цвет")).toBeInTheDocument();
+    expect(screen.getByText("Выравнивание")).toBeInTheDocument();
+    expect(screen.getByText("Отступы")).toBeInTheDocument();
+    expect(screen.getByText("Смещение")).toBeInTheDocument();
+  });
+
+  it("should have correct structure with SettingsGrid", () => {
+    render(TextConfig);
+    const settingsGrid = document.querySelector(".settings-grid");
+    expect(settingsGrid).toBeInTheDocument();
+  });
+});