xmlui 0.11.4 → 0.11.7

package/dist/scripts/src/components/TimeInput/TimeInput.spec.js

@@ -1,1236 +0,0 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const component_test_helpers_1 = require("../../testing/component-test-helpers");
-const fixtures_1 = require("../../testing/fixtures");
-// =============================================================================
-// BASIC FUNCTIONALITY TESTS
-// =============================================================================
-fixtures_1.test.describe("Basic Functionality", () => {
-    (0, fixtures_1.test)("component renders with default flags", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver }) {
-        yield initTestBed(`<TimeInput testId="timeInput" />`);
-        const driver = yield createTimeInputDriver("timeInput");
-        yield (0, fixtures_1.expect)(driver.component).toBeVisible();
-        yield (0, fixtures_1.expect)(driver.hourInput).toBeVisible();
-        yield (0, fixtures_1.expect)(driver.minuteInput).toBeVisible();
-        yield (0, fixtures_1.expect)(driver.secondInput).not.toBeVisible();
-        yield (0, fixtures_1.expect)(driver.amPmInput).not.toBeVisible();
-        yield (0, fixtures_1.expect)(driver.clearButton).not.toBeVisible();
-    }));
-    (0, fixtures_1.test)("component renders with label", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver }) {
-        yield initTestBed(`<TimeInput testId="timeInput" label="Select time" />`);
-        const driver = yield createTimeInputDriver("timeInput");
-        yield (0, fixtures_1.expect)(driver.component).toBeVisible();
-        yield (0, fixtures_1.expect)(driver.hourInput).toBeVisible();
-        yield (0, fixtures_1.expect)(driver.minuteInput).toBeVisible();
-        yield (0, fixtures_1.expect)(driver.secondInput).not.toBeVisible();
-        yield (0, fixtures_1.expect)(driver.amPmInput).not.toBeVisible();
-        yield (0, fixtures_1.expect)(driver.clearButton).not.toBeVisible();
-        yield (0, fixtures_1.expect)(driver.label).toContainText("Select time");
-    }));
-    fixtures_1.test.describe("initialValue property", () => {
-        (0, fixtures_1.test)("renders with initialValue", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver }) {
-            yield initTestBed(`<TimeInput testId="timeInput" initialValue="14:30" />`);
-            const driver = yield createTimeInputDriver("timeInput");
-            yield (0, fixtures_1.expect)(driver.component).toBeVisible();
-            yield (0, fixtures_1.expect)(driver.hourInput).toHaveValue("14");
-            yield (0, fixtures_1.expect)(driver.minuteInput).toHaveValue("30");
-            yield (0, fixtures_1.expect)(driver.secondInput).not.toBeVisible();
-            yield (0, fixtures_1.expect)(driver.amPmInput).not.toBeVisible();
-            yield (0, fixtures_1.expect)(driver.clearButton).not.toBeVisible();
-        }));
-        (0, fixtures_1.test)("handles null initialValue", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver }) {
-            yield initTestBed(`<TimeInput testId="timeInput" initialValue="{null}" />`);
-            const driver = yield createTimeInputDriver("timeInput");
-            yield (0, fixtures_1.expect)(driver.component).toBeVisible();
-            yield (0, fixtures_1.expect)(driver.hourInput).toHaveValue("");
-            yield (0, fixtures_1.expect)(driver.minuteInput).toHaveValue("");
-            yield (0, fixtures_1.expect)(driver.secondInput).not.toBeVisible();
-            yield (0, fixtures_1.expect)(driver.amPmInput).not.toBeVisible();
-            yield (0, fixtures_1.expect)(driver.clearButton).not.toBeVisible();
-        }));
-        (0, fixtures_1.test)("handles undefined initialValue", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver }) {
-            yield initTestBed(`<TimeInput testId="timeInput" initialValue="{undefined}" />`);
-            const driver = yield createTimeInputDriver("timeInput");
-            yield (0, fixtures_1.expect)(driver.component).toBeVisible();
-            yield (0, fixtures_1.expect)(driver.hourInput).toHaveValue("");
-            yield (0, fixtures_1.expect)(driver.minuteInput).toHaveValue("");
-            yield (0, fixtures_1.expect)(driver.secondInput).not.toBeVisible();
-            yield (0, fixtures_1.expect)(driver.amPmInput).not.toBeVisible();
-            yield (0, fixtures_1.expect)(driver.clearButton).not.toBeVisible();
-        }));
-        (0, fixtures_1.test)("handles invalid time string", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver }) {
-            yield initTestBed(`<TimeInput testId="timeInput" initialValue="invalid" />`);
-            const driver = yield createTimeInputDriver("timeInput");
-            yield (0, fixtures_1.expect)(driver.component).toBeVisible();
-            yield (0, fixtures_1.expect)(driver.hourInput).toHaveValue("00");
-            yield (0, fixtures_1.expect)(driver.minuteInput).toHaveValue("00");
-            yield (0, fixtures_1.expect)(driver.secondInput).not.toBeVisible();
-            yield (0, fixtures_1.expect)(driver.amPmInput).not.toBeVisible();
-            yield (0, fixtures_1.expect)(driver.clearButton).not.toBeVisible();
-        }));
-        (0, fixtures_1.test)("handles time with seconds", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver }) {
-            yield initTestBed(`<TimeInput testId="timeInput" initialValue="14:30:45" seconds="true" />`);
-            const driver = yield createTimeInputDriver("timeInput");
-            yield (0, fixtures_1.expect)(driver.component).toBeVisible();
-            yield (0, fixtures_1.expect)(driver.hourInput).toHaveValue("14");
-            yield (0, fixtures_1.expect)(driver.minuteInput).toHaveValue("30");
-            yield (0, fixtures_1.expect)(driver.secondInput).toHaveValue("45");
-            yield (0, fixtures_1.expect)(driver.amPmInput).not.toBeVisible();
-            yield (0, fixtures_1.expect)(driver.clearButton).not.toBeVisible();
-        }));
-        (0, fixtures_1.test)("falls back to ISO time format when standard parsing fails", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver, }) {
-            yield initTestBed(`<TimeInput testId="timeInput" initialValue="15:30:00" />`);
-            const driver = yield createTimeInputDriver("timeInput");
-            yield (0, fixtures_1.expect)(driver.component).toBeVisible();
-            yield (0, fixtures_1.expect)(driver.hourInput).toHaveValue("15");
-            yield (0, fixtures_1.expect)(driver.minuteInput).toHaveValue("30");
-            yield (0, fixtures_1.expect)(driver.secondInput).not.toBeVisible();
-            yield (0, fixtures_1.expect)(driver.amPmInput).not.toBeVisible();
-            yield (0, fixtures_1.expect)(driver.clearButton).not.toBeVisible();
-        }));
-        (0, fixtures_1.test)("falls back to ISO time format with seconds", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver, }) {
-            yield initTestBed(`<TimeInput testId="timeInput" initialValue="09:15:30" seconds="true" />`);
-            const driver = yield createTimeInputDriver("timeInput");
-            yield (0, fixtures_1.expect)(driver.component).toBeVisible();
-            yield (0, fixtures_1.expect)(driver.hourInput).toHaveValue("09");
-            yield (0, fixtures_1.expect)(driver.minuteInput).toHaveValue("15");
-            yield (0, fixtures_1.expect)(driver.secondInput).toHaveValue("30");
-            yield (0, fixtures_1.expect)(driver.amPmInput).not.toBeVisible();
-            yield (0, fixtures_1.expect)(driver.clearButton).not.toBeVisible();
-        }));
-        (0, fixtures_1.test)("handles boolean initialValue gracefully", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver, }) {
-            yield initTestBed(`<TimeInput testId="timeInput" initialValue="{true}" />`);
-            const driver = yield createTimeInputDriver("timeInput");
-            yield (0, fixtures_1.expect)(driver.component).toBeVisible();
-            yield (0, fixtures_1.expect)(driver.hourInput).toHaveValue("");
-            yield (0, fixtures_1.expect)(driver.minuteInput).toHaveValue("");
-            yield (0, fixtures_1.expect)(driver.secondInput).not.toBeVisible();
-            yield (0, fixtures_1.expect)(driver.amPmInput).not.toBeVisible();
-            yield (0, fixtures_1.expect)(driver.clearButton).not.toBeVisible();
-        }));
-        (0, fixtures_1.test)("handles numeric initialValue gracefully", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver, }) {
-            yield initTestBed(`<TimeInput testId="timeInput" initialValue="{123}" />`);
-            const driver = yield createTimeInputDriver("timeInput");
-            yield (0, fixtures_1.expect)(driver.component).toBeVisible();
-            yield (0, fixtures_1.expect)(driver.hourInput).toHaveValue("");
-            yield (0, fixtures_1.expect)(driver.minuteInput).toHaveValue("");
-            yield (0, fixtures_1.expect)(driver.secondInput).not.toBeVisible();
-            yield (0, fixtures_1.expect)(driver.amPmInput).not.toBeVisible();
-            yield (0, fixtures_1.expect)(driver.clearButton).not.toBeVisible();
-        }));
-        (0, fixtures_1.test)("handles array initialValue gracefully", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver, }) {
-            yield initTestBed(`<TimeInput testId="timeInput" initialValue="{['14', '30']}" />`);
-            const driver = yield createTimeInputDriver("timeInput");
-            yield (0, fixtures_1.expect)(driver.component).toBeVisible();
-            yield (0, fixtures_1.expect)(driver.hourInput).toHaveValue("");
-            yield (0, fixtures_1.expect)(driver.minuteInput).toHaveValue("");
-            yield (0, fixtures_1.expect)(driver.secondInput).not.toBeVisible();
-            yield (0, fixtures_1.expect)(driver.amPmInput).not.toBeVisible();
-            yield (0, fixtures_1.expect)(driver.clearButton).not.toBeVisible();
-        }));
-        (0, fixtures_1.test)("handles object initialValue gracefully", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver, }) {
-            yield initTestBed(`<TimeInput testId="timeInput" initialValue="{{ hour: 14, minute: 30 }}" />`);
-            const driver = yield createTimeInputDriver("timeInput");
-            yield (0, fixtures_1.expect)(driver.component).toBeVisible();
-            yield (0, fixtures_1.expect)(driver.hourInput).toHaveValue("");
-            yield (0, fixtures_1.expect)(driver.minuteInput).toHaveValue("");
-            yield (0, fixtures_1.expect)(driver.secondInput).not.toBeVisible();
-            yield (0, fixtures_1.expect)(driver.amPmInput).not.toBeVisible();
-            yield (0, fixtures_1.expect)(driver.clearButton).not.toBeVisible();
-        }));
-        (0, fixtures_1.test)("handles function initialValue gracefully", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver, }) {
-            yield initTestBed(`<TimeInput testId="timeInput" initialValue="{() => '14:30'}" />`);
-            const driver = yield createTimeInputDriver("timeInput");
-            yield (0, fixtures_1.expect)(driver.component).toBeVisible();
-            yield (0, fixtures_1.expect)(driver.hourInput).toHaveValue("");
-            yield (0, fixtures_1.expect)(driver.minuteInput).toHaveValue("");
-            yield (0, fixtures_1.expect)(driver.secondInput).not.toBeVisible();
-            yield (0, fixtures_1.expect)(driver.amPmInput).not.toBeVisible();
-            yield (0, fixtures_1.expect)(driver.clearButton).not.toBeVisible();
-        }));
-        (0, fixtures_1.test)("handles Date object initialValue gracefully", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver, }) {
-            yield initTestBed(`<TimeInput testId="timeInput" initialValue="{getDate()}" />`);
-            const driver = yield createTimeInputDriver("timeInput");
-            yield (0, fixtures_1.expect)(driver.component).toBeVisible();
-            yield (0, fixtures_1.expect)(driver.hourInput).toHaveValue("");
-            yield (0, fixtures_1.expect)(driver.minuteInput).toHaveValue("");
-            yield (0, fixtures_1.expect)(driver.secondInput).not.toBeVisible();
-            yield (0, fixtures_1.expect)(driver.amPmInput).not.toBeVisible();
-            yield (0, fixtures_1.expect)(driver.clearButton).not.toBeVisible();
-        }));
-        (0, fixtures_1.test)("handles Symbol initialValue gracefully", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver, }) {
-            yield initTestBed(`<TimeInput testId="timeInput" initialValue="{Symbol('time')}" />`);
-            const driver = yield createTimeInputDriver("timeInput");
-            yield (0, fixtures_1.expect)(driver.component).toBeVisible();
-            yield (0, fixtures_1.expect)(driver.hourInput).toHaveValue("");
-            yield (0, fixtures_1.expect)(driver.minuteInput).toHaveValue("");
-            yield (0, fixtures_1.expect)(driver.secondInput).not.toBeVisible();
-            yield (0, fixtures_1.expect)(driver.amPmInput).not.toBeVisible();
-            yield (0, fixtures_1.expect)(driver.clearButton).not.toBeVisible();
-        }));
-        (0, fixtures_1.test)("handles BigInt initialValue gracefully", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver, }) {
-            yield initTestBed(`<TimeInput testId="timeInput" initialValue="{BigInt(1430)}" />`);
-            const driver = yield createTimeInputDriver("timeInput");
-            yield (0, fixtures_1.expect)(driver.component).toBeVisible();
-            yield (0, fixtures_1.expect)(driver.hourInput).toHaveValue("");
-            yield (0, fixtures_1.expect)(driver.minuteInput).toHaveValue("");
-            yield (0, fixtures_1.expect)(driver.secondInput).not.toBeVisible();
-            yield (0, fixtures_1.expect)(driver.amPmInput).not.toBeVisible();
-            yield (0, fixtures_1.expect)(driver.clearButton).not.toBeVisible();
-        }));
-        (0, fixtures_1.test)("handles zero numeric initialValue gracefully", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver, }) {
-            yield initTestBed(`<TimeInput testId="timeInput" initialValue="{0}" />`);
-            const driver = yield createTimeInputDriver("timeInput");
-            yield (0, fixtures_1.expect)(driver.component).toBeVisible();
-            yield (0, fixtures_1.expect)(driver.hourInput).toHaveValue("");
-            yield (0, fixtures_1.expect)(driver.minuteInput).toHaveValue("");
-            yield (0, fixtures_1.expect)(driver.secondInput).not.toBeVisible();
-            yield (0, fixtures_1.expect)(driver.amPmInput).not.toBeVisible();
-            yield (0, fixtures_1.expect)(driver.clearButton).not.toBeVisible();
-        }));
-        (0, fixtures_1.test)("handles negative numeric initialValue gracefully", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver, }) {
-            yield initTestBed(`<TimeInput testId="timeInput" initialValue="{-1}" />`);
-            const driver = yield createTimeInputDriver("timeInput");
-            yield (0, fixtures_1.expect)(driver.component).toBeVisible();
-            yield (0, fixtures_1.expect)(driver.hourInput).toHaveValue("");
-            yield (0, fixtures_1.expect)(driver.minuteInput).toHaveValue("");
-            yield (0, fixtures_1.expect)(driver.secondInput).not.toBeVisible();
-            yield (0, fixtures_1.expect)(driver.amPmInput).not.toBeVisible();
-            yield (0, fixtures_1.expect)(driver.clearButton).not.toBeVisible();
-        }));
-        (0, fixtures_1.test)("handles empty string initialValue gracefully", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver, }) {
-            yield initTestBed(`<TimeInput testId="timeInput" initialValue="" />`);
-            const driver = yield createTimeInputDriver("timeInput");
-            yield (0, fixtures_1.expect)(driver.component).toBeVisible();
-            yield (0, fixtures_1.expect)(driver.hourInput).toHaveValue("");
-            yield (0, fixtures_1.expect)(driver.minuteInput).toHaveValue("");
-            yield (0, fixtures_1.expect)(driver.secondInput).not.toBeVisible();
-            yield (0, fixtures_1.expect)(driver.amPmInput).not.toBeVisible();
-            yield (0, fixtures_1.expect)(driver.clearButton).not.toBeVisible();
-        }));
-        (0, fixtures_1.test)("handles whitespace-only initialValue gracefully", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver, }) {
-            yield initTestBed(`<TimeInput testId="timeInput" initialValue="   " />`);
-            const driver = yield createTimeInputDriver("timeInput");
-            yield (0, fixtures_1.expect)(driver.component).toBeVisible();
-            yield (0, fixtures_1.expect)(driver.hourInput).toHaveValue("00");
-            yield (0, fixtures_1.expect)(driver.minuteInput).toHaveValue("00");
-            yield (0, fixtures_1.expect)(driver.secondInput).not.toBeVisible();
-            yield (0, fixtures_1.expect)(driver.amPmInput).not.toBeVisible();
-            yield (0, fixtures_1.expect)(driver.clearButton).not.toBeVisible();
-        }));
-    });
-    fixtures_1.test.describe("hour24 and seconds properties", () => {
-        (0, fixtures_1.test)("displays 24-hour format without seconds", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver, }) {
-            yield initTestBed(`<TimeInput testId="timeInput" hour24="true" seconds="false" initialValue="14:30" />`);
-            const driver = yield createTimeInputDriver("timeInput");
-            yield (0, fixtures_1.expect)(driver.component).toBeVisible();
-            yield (0, fixtures_1.expect)(driver.hourInput).toHaveValue("14");
-            yield (0, fixtures_1.expect)(driver.minuteInput).toHaveValue("30");
-            yield (0, fixtures_1.expect)(driver.secondInput).not.toBeVisible();
-            yield (0, fixtures_1.expect)(driver.amPmInput).not.toBeVisible();
-            yield (0, fixtures_1.expect)(driver.clearButton).not.toBeVisible();
-        }));
-        (0, fixtures_1.test)("displays 24-hour format with seconds", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver }) {
-            yield initTestBed(`<TimeInput testId="timeInput" hour24="true" seconds="true" initialValue="14:30:15" />`);
-            const driver = yield createTimeInputDriver("timeInput");
-            yield (0, fixtures_1.expect)(driver.component).toBeVisible();
-            yield (0, fixtures_1.expect)(driver.hourInput).toHaveValue("14");
-            yield (0, fixtures_1.expect)(driver.minuteInput).toHaveValue("30");
-            yield (0, fixtures_1.expect)(driver.secondInput).toHaveValue("15");
-            yield (0, fixtures_1.expect)(driver.amPmInput).not.toBeVisible();
-            yield (0, fixtures_1.expect)(driver.clearButton).not.toBeVisible();
-        }));
-        (0, fixtures_1.test)("displays 12-hour format without seconds", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver, }) {
-            yield initTestBed(`<TimeInput testId="timeInput" hour24="false" seconds="false" initialValue="14:30" />`);
-            const driver = yield createTimeInputDriver("timeInput");
-            yield (0, fixtures_1.expect)(driver.hourInput).toHaveValue("02");
-            yield (0, fixtures_1.expect)(driver.minuteInput).toHaveValue("30");
-            yield (0, fixtures_1.expect)(driver.secondInput).not.toBeVisible();
-            yield (0, fixtures_1.expect)(driver.amPmInput).toBeVisible();
-        }));
-        (0, fixtures_1.test)("displays 12-hour format with seconds", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver }) {
-            yield initTestBed(`<TimeInput testId="timeInput" hour24="false" seconds="true" initialValue="14:30:15" />`);
-            const driver = yield createTimeInputDriver("timeInput");
-            yield (0, fixtures_1.expect)(driver.hourInput).toHaveValue("02");
-            yield (0, fixtures_1.expect)(driver.minuteInput).toHaveValue("30");
-            yield (0, fixtures_1.expect)(driver.secondInput).toHaveValue("15");
-            yield (0, fixtures_1.expect)(driver.amPmInput).toBeVisible();
-        }));
-        (0, fixtures_1.test)("handles null hour24 property", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver }) {
-            yield initTestBed(`<TimeInput testId="timeInput" hour24="{null}" initialValue="14:30" />`);
-            const driver = yield createTimeInputDriver("timeInput");
-            // Should default to 24-hour format
-            yield (0, fixtures_1.expect)(driver.hourInput).toHaveValue("14");
-            yield (0, fixtures_1.expect)(driver.minuteInput).toHaveValue("30");
-            yield (0, fixtures_1.expect)(driver.amPmInput).not.toBeVisible();
-        }));
-        (0, fixtures_1.test)("handles null seconds property", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver }) {
-            yield initTestBed(`<TimeInput testId="timeInput" seconds="{null}" initialValue="14:30" />`);
-            const driver = yield createTimeInputDriver("timeInput");
-            // Should default to no seconds
-            yield (0, fixtures_1.expect)(driver.hourInput).toHaveValue("14");
-            yield (0, fixtures_1.expect)(driver.minuteInput).toHaveValue("30");
-            yield (0, fixtures_1.expect)(driver.secondInput).not.toBeVisible();
-        }));
-    });
-    fixtures_1.test.describe("enabled property", () => {
-        (0, fixtures_1.test)("renders enabled by default", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver }) {
-            yield initTestBed(`<TimeInput testId="timeInput" />`);
-            const driver = yield createTimeInputDriver("timeInput");
-            yield (0, fixtures_1.expect)(driver.hourInput).toBeEnabled();
-        }));
-        (0, fixtures_1.test)("disables component when enabled is false", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver, }) {
-            yield initTestBed(`<TimeInput testId="timeInput" enabled="false" initialValue="14:30" />`);
-            const driver = yield createTimeInputDriver("timeInput");
-            yield (0, fixtures_1.expect)(driver.hourInput).toBeDisabled();
-            yield (0, fixtures_1.expect)(driver.minuteInput).toBeDisabled();
-        }));
-        (0, fixtures_1.test)("handles null enabled property", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver }) {
-            yield initTestBed(`<TimeInput testId="timeInput" enabled="{null}" />`);
-            const driver = yield createTimeInputDriver("timeInput");
-            yield (0, fixtures_1.expect)(driver.hourInput).toBeEnabled();
-        }));
-    });
-    fixtures_1.test.describe("readOnly property", () => {
-        (0, fixtures_1.test)("makes component readonly", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver }) {
-            yield initTestBed(`<TimeInput testId="timeInput" readOnly="true" initialValue="14:30" />`);
-            const driver = yield createTimeInputDriver("timeInput");
-            yield (0, fixtures_1.expect)(driver.hourInput).toHaveAttribute("readonly");
-            yield (0, fixtures_1.expect)(driver.minuteInput).toHaveAttribute("readonly");
-        }));
-        (0, fixtures_1.test)("allows editing when readOnly is false", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver, }) {
-            yield initTestBed(`<TimeInput testId="timeInput" readOnly="false" initialValue="14:30" />`);
-            const driver = yield createTimeInputDriver("timeInput");
-            yield (0, fixtures_1.expect)(driver.hourInput).not.toHaveAttribute("readonly");
-            yield (0, fixtures_1.expect)(driver.minuteInput).not.toHaveAttribute("readonly");
-        }));
-    });
-    fixtures_1.test.describe("clearable property", () => {
-        (0, fixtures_1.test)("shows clear button when clearable is true", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver, }) {
-            yield initTestBed(`<TimeInput testId="timeInput" clearable="true" initialValue="14:30" />`);
-            const driver = yield createTimeInputDriver("timeInput");
-            yield (0, fixtures_1.expect)(driver.clearButton).toBeVisible();
-        }));
-        (0, fixtures_1.test)("hides clear button when clearable is false", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver, }) {
-            yield initTestBed(`<TimeInput testId="timeInput" clearable="false" initialValue="14:30" />`);
-            const driver = yield createTimeInputDriver("timeInput");
-            yield (0, fixtures_1.expect)(driver.clearButton).not.toBeVisible();
-        }));
-        (0, fixtures_1.test)("clears value when clear button is clicked (clearToInitialValue is true)", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver, }) {
-            yield initTestBed(`<TimeInput testId="timeInput" clearable="true" initialValue="14:30" />`);
-            const driver = yield createTimeInputDriver("timeInput");
-            yield driver.hourInput.fill("05");
-            yield driver.clearButton.click();
-            yield (0, fixtures_1.expect)(driver.hourInput).toHaveValue("14");
-            yield (0, fixtures_1.expect)(driver.minuteInput).toHaveValue("30");
-        }));
-        (0, fixtures_1.test)("clears value when clear button is clicked (clearToInitialValue is false)", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver, }) {
-            yield initTestBed(`
-          <TimeInput testId="timeInput" clearable="true"
-            clearToInitialValue="false" initialValue="14:30" />
-      `);
-            const driver = yield createTimeInputDriver("timeInput");
-            yield driver.hourInput.fill("05");
-            yield driver.clearButton.click();
-            yield (0, fixtures_1.expect)(driver.hourInput).toHaveValue("");
-            yield (0, fixtures_1.expect)(driver.minuteInput).toHaveValue("");
-        }));
-    });
-    fixtures_1.test.describe("clearIcon property", () => {
-        (0, fixtures_1.test)("displays custom clear icon", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver }) {
-            yield initTestBed(`<TimeInput testId="timeInput" clearable="true" clearIcon="trash" initialValue="14:30" />`);
-            const driver = yield createTimeInputDriver("timeInput");
-            yield (0, fixtures_1.expect)(driver.clearButton).toBeVisible();
-            // Icon presence would be tested via the icon's specific attributes
-        }));
-    });
-    fixtures_1.test.describe("required property", () => {
-        (0, fixtures_1.test)("makes component required", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver }) {
-            yield initTestBed(`<TimeInput testId="timeInput" required="true" />`);
-            const driver = yield createTimeInputDriver("timeInput");
-            yield (0, fixtures_1.expect)(driver.hourInput).toHaveAttribute("required");
-        }));
-        (0, fixtures_1.test)("component is not required by default", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver }) {
-            yield initTestBed(`<TimeInput testId="timeInput" />`);
-            const driver = yield createTimeInputDriver("timeInput");
-            yield (0, fixtures_1.expect)(driver.hourInput).not.toHaveAttribute("required");
-        }));
-    });
-    fixtures_1.test.describe("minTime and maxTime properties", () => {
-        (0, fixtures_1.test)("accepts minTime constraint", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver }) {
-            yield initTestBed(`<TimeInput testId="timeInput" minTime="10:00" initialValue="14:30" />`);
-            const driver = yield createTimeInputDriver("timeInput");
-            yield (0, fixtures_1.expect)(driver.hourInput).toHaveValue("14");
-            yield (0, fixtures_1.expect)(driver.minuteInput).toHaveValue("30");
-        }));
-        (0, fixtures_1.test)("accepts maxTime constraint", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver }) {
-            yield initTestBed(`<TimeInput testId="timeInput" maxTime="18:00" initialValue="14:30" />`);
-            const driver = yield createTimeInputDriver("timeInput");
-            yield (0, fixtures_1.expect)(driver.hourInput).toHaveValue("14");
-            yield (0, fixtures_1.expect)(driver.minuteInput).toHaveValue("30");
-        }));
-        (0, fixtures_1.test)("handles null minTime", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver }) {
-            yield initTestBed(`<TimeInput testId="timeInput" minTime="{null}" initialValue="14:30" />`);
-            const driver = yield createTimeInputDriver("timeInput");
-            yield (0, fixtures_1.expect)(driver.hourInput).toHaveValue("14");
-            yield (0, fixtures_1.expect)(driver.minuteInput).toHaveValue("30");
-        }));
-        (0, fixtures_1.test)("handles null maxTime", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver }) {
-            yield initTestBed(`<TimeInput testId="timeInput" maxTime="{null}" initialValue="14:30" />`);
-            const driver = yield createTimeInputDriver("timeInput");
-            yield (0, fixtures_1.expect)(driver.hourInput).toHaveValue("14");
-            yield (0, fixtures_1.expect)(driver.minuteInput).toHaveValue("30");
-        }));
-    });
-    fixtures_1.test.describe("adornment properties", () => {
-        (0, fixtures_1.test)("displays startText", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver }) {
-            yield initTestBed(`<TimeInput testId="timeInput" startText="Start" />`);
-            const driver = yield createTimeInputDriver("timeInput");
-            yield (0, fixtures_1.expect)(driver.component).toContainText("Start");
-        }));
-        (0, fixtures_1.test)("displays endText", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver }) {
-            yield initTestBed(`<TimeInput testId="timeInput" endText="End" />`);
-            const driver = yield createTimeInputDriver("timeInput");
-            yield (0, fixtures_1.expect)(driver.component).toContainText("End");
-        }));
-        (0, fixtures_1.test)("displays startIcon", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver }) {
-            yield initTestBed(`<TimeInput testId="timeInput" startIcon="trash" />`);
-            const driver = yield createTimeInputDriver("timeInput");
-            yield (0, fixtures_1.expect)(driver.component.getByRole("img")).toBeVisible();
-        }));
-        (0, fixtures_1.test)("displays endIcon", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver }) {
-            yield initTestBed(`<TimeInput testId="timeInput" endIcon="trash" />`);
-            const driver = yield createTimeInputDriver("timeInput");
-            yield (0, fixtures_1.expect)(driver.component.getByRole("img")).toBeVisible();
-        }));
-        (0, fixtures_1.test)("displays multiple adornments together", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver, }) {
-            yield initTestBed(`<TimeInput testId="timeInput" startText="Start" endText="End" startIcon="phone" endIcon="email" />`);
-            const driver = yield createTimeInputDriver("timeInput");
-            yield (0, fixtures_1.expect)(driver.component).toContainText("Start");
-            yield (0, fixtures_1.expect)(driver.component).toContainText("End");
-            yield (0, fixtures_1.expect)(driver.component.getByRole("img").first()).toBeVisible();
-            yield (0, fixtures_1.expect)(driver.component.getByRole("img").last()).toBeVisible();
-        }));
-    });
-    fixtures_1.test.describe("gap property", () => {
-        (0, fixtures_1.test)("applies custom gap", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver }) {
-            yield initTestBed(`<TimeInput testId="timeInput" gap="20px" startText="Start" />`);
-            const driver = yield createTimeInputDriver("timeInput");
-            yield (0, fixtures_1.expect)(driver.component).toContainText("Start");
-        }));
-        (0, fixtures_1.test)("handles null gap", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver }) {
-            yield initTestBed(`<TimeInput testId="timeInput" gap="{null}" startText="Start" />`);
-            const driver = yield createTimeInputDriver("timeInput");
-            yield (0, fixtures_1.expect)(driver.component).toContainText("Start");
-        }));
-    });
-    fixtures_1.test.describe("autoFocus property", () => {
-        (0, fixtures_1.test)("focuses component when autoFocus is true", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver, }) {
-            yield initTestBed(`<TimeInput testId="timeInput" autoFocus="true" />`);
-            const driver = yield createTimeInputDriver("timeInput");
-            yield (0, fixtures_1.expect)(driver.hourInput).toBeFocused();
-        }));
-        (0, fixtures_1.test)("does not focus when autoFocus is false", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver, }) {
-            yield initTestBed(`<TimeInput testId="timeInput" autoFocus="false" />`);
-            const driver = yield createTimeInputDriver("timeInput");
-            yield (0, fixtures_1.expect)(driver.hourInput).not.toBeFocused();
-        }));
-    });
-    fixtures_1.test.describe("emptyCharacter property", () => {
-        (0, fixtures_1.test)("uses default '--' placeholder when no emptyCharacter is specified", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver, }) {
-            yield initTestBed(`<TimeInput testId="timeInput" />`);
-            const driver = yield createTimeInputDriver("timeInput");
-            yield (0, fixtures_1.expect)(driver.hourInput).toHaveAttribute("placeholder", "--");
-            yield (0, fixtures_1.expect)(driver.minuteInput).toHaveAttribute("placeholder", "--");
-        }));
-        (0, fixtures_1.test)("uses custom emptyCharacter for placeholders", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver, }) {
-            yield initTestBed(`<TimeInput testId="timeInput" emptyCharacter="*" />`);
-            const driver = yield createTimeInputDriver("timeInput");
-            yield (0, fixtures_1.expect)(driver.hourInput).toHaveAttribute("placeholder", "**");
-            yield (0, fixtures_1.expect)(driver.minuteInput).toHaveAttribute("placeholder", "**");
-        }));
-        (0, fixtures_1.test)("applies emptyCharacter to all inputs when seconds enabled", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver, }) {
-            yield initTestBed(`<TimeInput testId="timeInput" emptyCharacter="•" seconds="true" />`);
-            const driver = yield createTimeInputDriver("timeInput");
-            yield (0, fixtures_1.expect)(driver.hourInput).toHaveAttribute("placeholder", "••");
-            yield (0, fixtures_1.expect)(driver.minuteInput).toHaveAttribute("placeholder", "••");
-            yield (0, fixtures_1.expect)(driver.secondInput).toHaveAttribute("placeholder", "••");
-        }));
-        (0, fixtures_1.test)("uses first character when emptyCharacter is multi-character", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver, }) {
-            yield initTestBed(`<TimeInput testId="timeInput" emptyCharacter="abc" />`);
-            const driver = yield createTimeInputDriver("timeInput");
-            yield (0, fixtures_1.expect)(driver.hourInput).toHaveAttribute("placeholder", "aa");
-            yield (0, fixtures_1.expect)(driver.minuteInput).toHaveAttribute("placeholder", "aa");
-        }));
-        (0, fixtures_1.test)("defaults to dash when emptyCharacter is empty string", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver, }) {
-            yield initTestBed(`<TimeInput testId="timeInput" emptyCharacter="" />`);
-            const driver = yield createTimeInputDriver("timeInput");
-            yield (0, fixtures_1.expect)(driver.hourInput).toHaveAttribute("placeholder", "--");
-            yield (0, fixtures_1.expect)(driver.minuteInput).toHaveAttribute("placeholder", "--");
-        }));
-        (0, fixtures_1.test)("handles null emptyCharacter", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver }) {
-            yield initTestBed(`<TimeInput testId="timeInput" emptyCharacter="{null}" />`);
-            const driver = yield createTimeInputDriver("timeInput");
-            yield (0, fixtures_1.expect)(driver.hourInput).toHaveAttribute("placeholder", "--");
-            yield (0, fixtures_1.expect)(driver.minuteInput).toHaveAttribute("placeholder", "--");
-        }));
-        (0, fixtures_1.test)("handles undefined emptyCharacter", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver }) {
-            yield initTestBed(`<TimeInput testId="timeInput" emptyCharacter="{undefined}" />`);
-            const driver = yield createTimeInputDriver("timeInput");
-            yield (0, fixtures_1.expect)(driver.hourInput).toHaveAttribute("placeholder", "--");
-            yield (0, fixtures_1.expect)(driver.minuteInput).toHaveAttribute("placeholder", "--");
-        }));
-        (0, fixtures_1.test)("works with special characters", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver }) {
-            yield initTestBed(`<TimeInput testId="timeInput" emptyCharacter="@" />`);
-            const driver = yield createTimeInputDriver("timeInput");
-            yield (0, fixtures_1.expect)(driver.hourInput).toHaveAttribute("placeholder", "@@");
-            yield (0, fixtures_1.expect)(driver.minuteInput).toHaveAttribute("placeholder", "@@");
-        }));
-        (0, fixtures_1.test)("works with unicode characters", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver }) {
-            yield initTestBed(`<TimeInput testId="timeInput" emptyCharacter="⏰" />`);
-            const driver = yield createTimeInputDriver("timeInput");
-            yield (0, fixtures_1.expect)(driver.hourInput).toHaveAttribute("placeholder", "⏰⏰");
-            yield (0, fixtures_1.expect)(driver.minuteInput).toHaveAttribute("placeholder", "⏰⏰");
-        }));
-        (0, fixtures_1.test)("placeholder visible when fields are empty", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver, }) {
-            yield initTestBed(`<TimeInput testId="timeInput" emptyCharacter="#" />`);
-            const driver = yield createTimeInputDriver("timeInput");
-            yield (0, fixtures_1.expect)(driver.hourInput).toHaveValue("");
-            yield (0, fixtures_1.expect)(driver.minuteInput).toHaveValue("");
-            yield (0, fixtures_1.expect)(driver.hourInput).toHaveAttribute("placeholder", "##");
-            yield (0, fixtures_1.expect)(driver.minuteInput).toHaveAttribute("placeholder", "##");
-        }));
-        (0, fixtures_1.test)("shows values instead of placeholder when initialValue provided", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver, }) {
-            yield initTestBed(`<TimeInput testId="timeInput" emptyCharacter="#" initialValue="14:30" />`);
-            const driver = yield createTimeInputDriver("timeInput");
-            yield (0, fixtures_1.expect)(driver.hourInput).toHaveValue("14");
-            yield (0, fixtures_1.expect)(driver.minuteInput).toHaveValue("30");
-        }));
-        (0, fixtures_1.test)("works with 12-hour format", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver }) {
-            yield initTestBed(`<TimeInput testId="timeInput" emptyCharacter="○" hour24="false" />`);
-            const driver = yield createTimeInputDriver("timeInput");
-            yield (0, fixtures_1.expect)(driver.hourInput).toHaveAttribute("placeholder", "○○");
-            yield (0, fixtures_1.expect)(driver.minuteInput).toHaveAttribute("placeholder", "○○");
-            yield (0, fixtures_1.expect)(driver.amPmInput).toBeVisible();
-        }));
-    });
-    fixtures_1.test.describe("User Interactions", () => {
-        (0, fixtures_1.test)("allows typing in hour input", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver }) {
-            yield initTestBed(`<TimeInput testId="timeInput" />`);
-            const driver = yield createTimeInputDriver("timeInput");
-            yield driver.hourInput.click();
-            yield driver.hourInput.fill("15");
-            yield (0, fixtures_1.expect)(driver.hourInput).toHaveValue("15");
-        }));
-        (0, fixtures_1.test)("allows typing in minute input", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver }) {
-            yield initTestBed(`<TimeInput testId="timeInput" />`);
-            const driver = yield createTimeInputDriver("timeInput");
-            yield driver.minuteInput.click();
-            yield driver.minuteInput.fill("45");
-            yield (0, fixtures_1.expect)(driver.minuteInput).toHaveValue("45");
-        }));
-        (0, fixtures_1.test)("navigates between inputs with Tab", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver, page, }) {
-            yield initTestBed(`<TimeInput testId="timeInput" seconds="true" />`);
-            const driver = yield createTimeInputDriver("timeInput");
-            yield driver.hourInput.focus();
-            yield page.keyboard.press("Tab");
-            yield (0, fixtures_1.expect)(driver.minuteInput).toBeFocused();
-            yield page.keyboard.press("Tab");
-            yield (0, fixtures_1.expect)(driver.secondInput).toBeFocused();
-        }));
-        (0, fixtures_1.test)("navigates between inputs with arrow keys - 24-hour format with seconds", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver, page, }) {
-            yield initTestBed(`<TimeInput testId="timeInput" hour24="true" seconds="true" />`);
-            const driver = yield createTimeInputDriver("timeInput");
-            // Start at hour input
-            yield driver.hourInput.focus();
-            yield (0, fixtures_1.expect)(driver.hourInput).toBeFocused();
-            // Navigate right: Hour → Minute
-            yield page.keyboard.press("ArrowRight");
-            yield (0, fixtures_1.expect)(driver.minuteInput).toBeFocused();
-            // Navigate right: Minute → Second
-            yield page.keyboard.press("ArrowRight");
-            yield (0, fixtures_1.expect)(driver.secondInput).toBeFocused();
-            // Navigate left: Second → Minute
-            yield page.keyboard.press("ArrowLeft");
-            yield (0, fixtures_1.expect)(driver.minuteInput).toBeFocused();
-            // Navigate left: Minute → Hour
-            yield page.keyboard.press("ArrowLeft");
-            yield (0, fixtures_1.expect)(driver.hourInput).toBeFocused();
-        }));
-        (0, fixtures_1.test)("navigates between inputs with arrow keys - 24-hour format without seconds", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver, page, }) {
-            yield initTestBed(`<TimeInput testId="timeInput" hour24="true" seconds="false" />`);
-            const driver = yield createTimeInputDriver("timeInput");
-            // Start at hour input
-            yield driver.hourInput.focus();
-            yield (0, fixtures_1.expect)(driver.hourInput).toBeFocused();
-            // Navigate right: Hour → Minute (skip seconds since disabled)
-            yield page.keyboard.press("ArrowRight");
-            yield (0, fixtures_1.expect)(driver.minuteInput).toBeFocused();
-            // Navigate left: Minute → Hour
-            yield page.keyboard.press("ArrowLeft");
-            yield (0, fixtures_1.expect)(driver.hourInput).toBeFocused();
-        }));
-        (0, fixtures_1.test)("navigates between inputs with arrow keys - 12-hour format with seconds", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver, page, }) {
-            yield initTestBed(`<TimeInput testId="timeInput" hour24="false" seconds="true" />`);
-            const driver = yield createTimeInputDriver("timeInput");
-            // Start at hour input
-            yield driver.hourInput.focus();
-            yield (0, fixtures_1.expect)(driver.hourInput).toBeFocused();
-            // Navigate right: Hour → Minute
-            yield page.keyboard.press("ArrowRight");
-            yield (0, fixtures_1.expect)(driver.minuteInput).toBeFocused();
-            // Navigate right: Minute → Second
-            yield page.keyboard.press("ArrowRight");
-            yield (0, fixtures_1.expect)(driver.secondInput).toBeFocused();
-            // Navigate right: Second → AM/PM
-            yield page.keyboard.press("ArrowRight");
-            yield (0, fixtures_1.expect)(driver.amPmInput).toBeFocused();
-            // Navigate left: AM/PM → Second
-            yield page.keyboard.press("ArrowLeft");
-            yield (0, fixtures_1.expect)(driver.secondInput).toBeFocused();
-            // Navigate left: Second → Minute
-            yield page.keyboard.press("ArrowLeft");
-            yield (0, fixtures_1.expect)(driver.minuteInput).toBeFocused();
-            // Navigate left: Minute → Hour
-            yield page.keyboard.press("ArrowLeft");
-            yield (0, fixtures_1.expect)(driver.hourInput).toBeFocused();
-        }));
-        (0, fixtures_1.test)("navigates between inputs with arrow keys - 12-hour format without seconds", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver, page, }) {
-            yield initTestBed(`<TimeInput testId="timeInput" hour24="false" seconds="false" />`);
-            const driver = yield createTimeInputDriver("timeInput");
-            // Start at hour input
-            yield driver.hourInput.focus();
-            yield (0, fixtures_1.expect)(driver.hourInput).toBeFocused();
-            // Navigate right: Hour → Minute
-            yield page.keyboard.press("ArrowRight");
-            yield (0, fixtures_1.expect)(driver.minuteInput).toBeFocused();
-            // Navigate right: Minute → AM/PM (skip seconds since disabled)
-            yield page.keyboard.press("ArrowRight");
-            yield (0, fixtures_1.expect)(driver.amPmInput).toBeFocused();
-            // Navigate left: AM/PM → Minute
-            yield page.keyboard.press("ArrowLeft");
-            yield (0, fixtures_1.expect)(driver.minuteInput).toBeFocused();
-            // Navigate left: Minute → Hour
-            yield page.keyboard.press("ArrowLeft");
-            yield (0, fixtures_1.expect)(driver.hourInput).toBeFocused();
-        }));
-        (0, fixtures_1.test)("changes AM/PM with click", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver }) {
-            yield initTestBed(`<TimeInput testId="timeInput" hour24="false" initialValue="14:30" />`);
-            const driver = yield createTimeInputDriver("timeInput");
-            yield (0, fixtures_1.expect)(driver.amPmInput).toHaveText("PM");
-            yield driver.amPmInput.click();
-            yield (0, fixtures_1.expect)(driver.amPmInput).toHaveText("AM");
-        }));
-        (0, fixtures_1.test)("changes AM/PM with keydown 1", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page, createTimeInputDriver }) {
-            yield initTestBed(`<TimeInput testId="timeInput" hour24="false" initialValue="14:30" />`);
-            const driver = yield createTimeInputDriver("timeInput");
-            yield (0, fixtures_1.expect)(driver.amPmInput).toHaveText("PM");
-            yield driver.amPmInput.focus();
-            yield page.keyboard.press("a", { delay: 100 });
-            yield (0, fixtures_1.expect)(driver.amPmInput).toHaveText("AM");
-        }));
-        (0, fixtures_1.test)("changes AM/PM with keydown 2", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page, createTimeInputDriver }) {
-            yield initTestBed(`<TimeInput testId="timeInput" hour24="false" initialValue="03:30" />`);
-            const driver = yield createTimeInputDriver("timeInput");
-            yield (0, fixtures_1.expect)(driver.amPmInput).toHaveText("AM");
-            yield driver.amPmInput.focus();
-            yield page.keyboard.press("p", { delay: 100 });
-            yield (0, fixtures_1.expect)(driver.amPmInput).toHaveText("PM");
-        }));
-        (0, fixtures_1.test)("auto-tabs from hour to minute after typing two digits", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page, createTimeInputDriver, }) {
-            yield initTestBed(`<TimeInput testId="timeInput" />`);
-            const driver = yield createTimeInputDriver("timeInput");
-            // Focus on hour input and clear it
-            yield driver.hourInput.focus();
-            yield driver.hourInput.selectText();
-            // Type two digits - should auto-tab to minute
-            yield page.keyboard.type("14");
-            // Verify hour input has the value and minute input is now focused
-            yield (0, fixtures_1.expect)(driver.hourInput).toHaveValue("14");
-            yield (0, fixtures_1.expect)(driver.minuteInput).toBeFocused();
-        }));
-        (0, fixtures_1.test)("auto-tabs from minute to second after typing two digits", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page, createTimeInputDriver, }) {
-            yield initTestBed(`<TimeInput testId="timeInput" seconds="true" />`);
-            const driver = yield createTimeInputDriver("timeInput");
-            // Focus on minute input and clear it
-            yield driver.minuteInput.focus();
-            yield driver.minuteInput.selectText();
-            // Type two digits - should auto-tab to second
-            yield page.keyboard.type("30");
-            // Verify minute input has the value and second input is now focused
-            yield (0, fixtures_1.expect)(driver.minuteInput).toHaveValue("30");
-            yield (0, fixtures_1.expect)(driver.secondInput).toBeFocused();
-        }));
-        (0, fixtures_1.test)("auto-tabs from second to AM/PM after typing two digits in 12-hour format", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page, createTimeInputDriver, }) {
-            yield initTestBed(`<TimeInput testId="timeInput" hour24="false" seconds="true" />`);
-            const driver = yield createTimeInputDriver("timeInput");
-            // Focus on second input and clear it
-            yield driver.secondInput.focus();
-            yield driver.secondInput.selectText();
-            // Type two digits - should auto-tab to AM/PM
-            yield page.keyboard.type("45");
-            // Verify second input has the value and AM/PM input is now focused
-            yield (0, fixtures_1.expect)(driver.secondInput).toHaveValue("45");
-            yield (0, fixtures_1.expect)(driver.amPmInput).toBeFocused();
-        }));
-        (0, fixtures_1.test)("does not auto-tab from second input in 24-hour format", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page, createTimeInputDriver, }) {
-            yield initTestBed(`<TimeInput testId="timeInput" hour24="true" seconds="true" />`);
-            const driver = yield createTimeInputDriver("timeInput");
-            // Focus on second input and clear it
-            yield driver.secondInput.focus();
-            yield driver.secondInput.selectText();
-            // Type two digits - should stay on second input since there's no AM/PM
-            yield page.keyboard.type("45");
-            // Verify second input has the value and is still focused
-            yield (0, fixtures_1.expect)(driver.secondInput).toHaveValue("45");
-            yield (0, fixtures_1.expect)(driver.secondInput).toBeFocused();
-        }));
-    });
-    fixtures_1.test.describe("API", () => {
-        (0, fixtures_1.test)("isoValue returns null when no time is set", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-            const { testStateDriver } = yield initTestBed(`
-        <Fragment>
-          <TimeInput id="timeInput" />
-          <Button testId="getIsoBtn" onClick="testState = timeInput.isoValue()" />
-        </Fragment>
-      `);
-            yield page.getByTestId("getIsoBtn").click();
-            yield fixtures_1.expect.poll(testStateDriver.testState).toBe(null);
-        }));
-        (0, fixtures_1.test)("isoValue returns ISO format for 24-hour time", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-            const { testStateDriver } = yield initTestBed(`
-        <Fragment>
-          <TimeInput id="timeInput" initialValue="14:30" hour24="true" />
-          <Button testId="getIsoBtn" onClick="testState = timeInput.isoValue()" />
-        </Fragment>
-      `);
-            yield page.getByTestId("getIsoBtn").click();
-            yield fixtures_1.expect.poll(testStateDriver.testState).toBe("14:30:00");
-        }));
-        (0, fixtures_1.test)("isoValue returns ISO format for 24-hour time with seconds", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page, }) {
-            const { testStateDriver } = yield initTestBed(`
-        <Fragment>
-          <TimeInput id="timeInput" initialValue="14:30:45" hour24="true" seconds="true" />
-          <Button testId="getIsoBtn" onClick="testState = timeInput.isoValue()" />
-        </Fragment>
-      `);
-            yield page.getByTestId("getIsoBtn").click();
-            yield fixtures_1.expect.poll(testStateDriver.testState).toBe("14:30:45");
-        }));
-        (0, fixtures_1.test)("isoValue converts 12-hour format to ISO format (AM)", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-            const { testStateDriver } = yield initTestBed(`
-        <Fragment>
-          <TimeInput id="timeInput" initialValue="02:30 AM" hour24="false" />
-          <Button testId="getIsoBtn" onClick="testState = timeInput.isoValue()" />
-        </Fragment>
-      `);
-            yield page.getByTestId("getIsoBtn").click();
-            yield fixtures_1.expect.poll(testStateDriver.testState).toBe("02:30:00");
-        }));
-        (0, fixtures_1.test)("isoValue converts 12-hour format to ISO format (PM)", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-            const { testStateDriver } = yield initTestBed(`
-        <Fragment>
-          <TimeInput id="timeInput" initialValue="02:30 PM" hour24="false" />
-          <Button testId="getIsoBtn" onClick="testState = timeInput.isoValue()" />
-        </Fragment>
-      `);
-            yield page.getByTestId("getIsoBtn").click();
-            yield fixtures_1.expect.poll(testStateDriver.testState).toBe("14:30:00");
-        }));
-        (0, fixtures_1.test)("isoValue converts 12-hour midnight correctly", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-            const { testStateDriver } = yield initTestBed(`
-        <Fragment>
-          <TimeInput id="timeInput" initialValue="12:00 AM" hour24="false" />
-          <Button testId="getIsoBtn" onClick="testState = timeInput.isoValue()" />
-        </Fragment>
-      `);
-            yield page.getByTestId("getIsoBtn").click();
-            yield fixtures_1.expect.poll(testStateDriver.testState).toBe("00:00:00");
-        }));
-        (0, fixtures_1.test)("isoValue converts 12-hour noon correctly", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-            const { testStateDriver } = yield initTestBed(`
-        <Fragment>
-          <TimeInput id="timeInput" initialValue="12:00 PM" hour24="false" />
-          <Button testId="getIsoBtn" onClick="testState = timeInput.isoValue()" />
-        </Fragment>
-      `);
-            yield page.getByTestId("getIsoBtn").click();
-            yield fixtures_1.expect.poll(testStateDriver.testState).toBe("12:00:00");
-        }));
-        (0, fixtures_1.test)("isoValue includes seconds when available in 12-hour format", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page, }) {
-            const { testStateDriver } = yield initTestBed(`
-        <Fragment>
-          <TimeInput id="timeInput" initialValue="02:30:15 PM" hour24="false" seconds="true" />
-          <Button testId="getIsoBtn" onClick="testState = timeInput.isoValue()" />
-        </Fragment>
-      `);
-            yield page.getByTestId("getIsoBtn").click();
-            yield fixtures_1.expect.poll(testStateDriver.testState).toBe("14:30:15");
-        }));
-        (0, fixtures_1.test)("isoValue updates when time is changed programmatically", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page, }) {
-            const { testStateDriver } = yield initTestBed(`
-        <Fragment>
-          <TimeInput id="timeInput" initialValue="14:30" hour24="true" />
-          <Button testId="setTimeBtn" onClick="timeInput.setValue('09:15')" />
-          <Button testId="getIsoBtn" onClick="testState = timeInput.isoValue()" />
-        </Fragment>
-      `);
-            // Change the time programmatically
-            yield page.getByTestId("setTimeBtn").click();
-            // Get the ISO value
-            yield page.getByTestId("getIsoBtn").click();
-            yield fixtures_1.expect.poll(testStateDriver.testState).toBe("09:15:00");
-        }));
-        (0, fixtures_1.test)("isoValue returns null when only hour is set", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page, createTimeInputDriver, }) {
-            const { testStateDriver } = yield initTestBed(`
-        <Fragment>
-          <TimeInput id="timeInput" testId="timeInput" />
-          <Button testId="getIsoBtn" onClick="testState = timeInput.isoValue()" />
-        </Fragment>
-      `);
-            const driver = yield createTimeInputDriver("timeInput");
-            // Set only hour, leave minute empty
-            yield driver.hourInput.fill("14");
-            yield page.getByTestId("getIsoBtn").click();
-            yield fixtures_1.expect.poll(testStateDriver.testState).toBe(null);
-        }));
-    });
-});
-// =============================================================================
-// ACCESSIBILITY TESTS
-// =============================================================================
-fixtures_1.test.describe("Accessibility", () => {
-    (0, fixtures_1.test)("has correct role for main container", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver }) {
-        yield initTestBed(`<TimeInput testId="timeInput" label="Time Input" />`);
-        const driver = yield createTimeInputDriver("timeInput");
-        yield (0, fixtures_1.expect)(driver.component).toBeVisible();
-    }));
-    (0, fixtures_1.test)("has correct accessibility attributes for inputs", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver, }) {
-        yield initTestBed(`<TimeInput testId="timeInput" label="Select time" />`);
-        const driver = yield createTimeInputDriver("timeInput");
-        yield (0, fixtures_1.expect)(driver.hourInput).toHaveAttribute("type", "text");
-        yield (0, fixtures_1.expect)(driver.minuteInput).toHaveAttribute("type", "text");
-    }));
-    (0, fixtures_1.test)("associates label with component", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver }) {
-        yield initTestBed(`<TimeInput testId="timeInput" label="Meeting time" />`);
-        const driver = yield createTimeInputDriver("timeInput");
-        yield (0, fixtures_1.expect)(driver.label).toBeVisible();
-        yield (0, fixtures_1.expect)(driver.label).toContainText("Meeting time");
-    }));
-    (0, fixtures_1.test)("supports keyboard navigation", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver, page }) {
-        yield initTestBed(`<TimeInput testId="timeInput" seconds="true" />`);
-        const driver = yield createTimeInputDriver("timeInput");
-        // Tab through all inputs
-        yield driver.hourInput.focus();
-        yield (0, fixtures_1.expect)(driver.hourInput).toBeFocused();
-        yield page.keyboard.press("Tab");
-        yield (0, fixtures_1.expect)(driver.minuteInput).toBeFocused();
-        yield page.keyboard.press("Tab");
-        yield (0, fixtures_1.expect)(driver.secondInput).toBeFocused();
-    }));
-    (0, fixtures_1.test)("supports required attribute for accessibility", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver, }) {
-        yield initTestBed(`<TimeInput testId="timeInput" required="true" label="Required time" />`);
-        const driver = yield createTimeInputDriver("timeInput");
-        yield (0, fixtures_1.expect)(driver.hourInput).toHaveAttribute("required");
-    }));
-    (0, fixtures_1.test)("has proper ARIA attributes for disabled state", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver, }) {
-        yield initTestBed(`<TimeInput testId="timeInput" enabled="false" label="Disabled time" />`);
-        const driver = yield createTimeInputDriver("timeInput");
-        yield (0, fixtures_1.expect)(driver.hourInput).toBeDisabled();
-        yield (0, fixtures_1.expect)(driver.minuteInput).toBeDisabled();
-    }));
-    (0, fixtures_1.test)("has proper ARIA attributes for readonly state", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver, }) {
-        yield initTestBed(`<TimeInput testId="timeInput" readOnly="true" label="Readonly time" initialValue="14:30" />`);
-        const driver = yield createTimeInputDriver("timeInput");
-        yield (0, fixtures_1.expect)(driver.hourInput).toHaveAttribute("readonly");
-        yield (0, fixtures_1.expect)(driver.minuteInput).toHaveAttribute("readonly");
-    }));
-    (0, fixtures_1.test)("clear button has accessible name", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver }) {
-        yield initTestBed(`<TimeInput testId="timeInput" clearable="true" initialValue="14:30" />`);
-        const driver = yield createTimeInputDriver("timeInput");
-        yield (0, fixtures_1.expect)(driver.clearButton).toBeVisible();
-    }));
-    (0, fixtures_1.test)("AM/PM select has proper role", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver }) {
-        yield initTestBed(`<TimeInput testId="timeInput" hour24="false" initialValue="14:30" />`);
-        const driver = yield createTimeInputDriver("timeInput");
-        yield (0, fixtures_1.expect)(driver.amPmInput).toBeVisible();
-    }));
-});
-// =============================================================================
-// THEME VARIABLE TESTS
-// =============================================================================
-fixtures_1.test.describe("Theme Variables", () => {
-    (0, fixtures_1.test)("applies Input borderRadius theme variable", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver, }) {
-        yield initTestBed(`<TimeInput testId="time-input" />`, {
-            testThemeVars: { "borderRadius-TimeInput--default": "10px" },
-        });
-        const driver = yield createTimeInputDriver("time-input");
-        yield (0, fixtures_1.expect)(driver.component).toHaveCSS("border-radius", "10px");
-    }));
-    (0, fixtures_1.test)("applies Input borderColor theme variable", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver, }) {
-        yield initTestBed(`<TimeInput testId="time-input" />`, {
-            testThemeVars: { "borderColor-TimeInput--default": "rgb(255, 0, 0)" },
-        });
-        const driver = yield createTimeInputDriver("time-input");
-        yield (0, fixtures_1.expect)(driver.component).toHaveCSS("border-color", "rgb(255, 0, 0)");
-    }));
-    (0, fixtures_1.test)("applies Input textColor theme variable", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver }) {
-        yield initTestBed(`<TimeInput testId="time-input" />`, {
-            testThemeVars: { "textColor-TimeInput--default": "rgb(0, 0, 255)" },
-        });
-        const driver = yield createTimeInputDriver("time-input");
-        yield (0, fixtures_1.expect)(driver.component).toHaveCSS("color", "rgb(0, 0, 255)");
-    }));
-    (0, fixtures_1.test)("handles invalid validationStatus", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-        yield initTestBed(`<TimeInput testId="timeInput" validationStatus="invalid" />`, {
-            testThemeVars: {
-                "borderColor-TimeInput--default": "rgb(0, 0, 0)",
-                "borderColor-TimeInput--error": "rgb(255, 0, 0)",
-                "borderColor-TimeInput--warning": "rgb(255, 165, 0)",
-                "borderColor-TimeInput--success": "rgb(0, 255, 0)",
-            },
-        });
-        yield (0, fixtures_1.expect)(page.getByTestId("timeInput")).toHaveCSS("border-color", "rgb(0, 0, 0)");
-    }));
-    [
-        { value: "--default", prop: "" },
-        { value: "--warning", prop: 'validationStatus="warning"' },
-        { value: "--error", prop: 'validationStatus="error"' },
-        { value: "--success", prop: 'validationStatus="valid"' },
-    ].forEach((variant) => {
-        (0, fixtures_1.test)(`applies correct borderRadius ${variant.value}`, (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-            yield initTestBed(`<TimeInput testId="test" ${variant.prop} />`, {
-                testThemeVars: { [`borderRadius-TimeInput${variant.value}`]: "12px" },
-            });
-            yield (0, fixtures_1.expect)(page.getByTestId("test")).toHaveCSS("border-radius", "12px");
-        }));
-        (0, fixtures_1.test)(`applies correct borderColor ${variant.value}`, (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-            yield initTestBed(`<TimeInput testId="test" ${variant.prop} />`, {
-                testThemeVars: { [`borderColor-TimeInput${variant.value}`]: "rgb(255, 0, 0)" },
-            });
-            yield (0, fixtures_1.expect)(page.getByTestId("test")).toHaveCSS("border-color", "rgb(255, 0, 0)");
-        }));
-        (0, fixtures_1.test)(`applies correct borderWidth ${variant.value}`, (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-            yield initTestBed(`<TimeInput testId="test" ${variant.prop} />`, {
-                testThemeVars: { [`borderWidth-TimeInput${variant.value}`]: "1px" },
-            });
-            yield (0, fixtures_1.expect)(page.getByTestId("test")).toHaveCSS("border-width", "1px");
-        }));
-        (0, fixtures_1.test)(`applies correct borderStyle ${variant.value}`, (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-            yield initTestBed(`<TimeInput testId="test" ${variant.prop} />`, {
-                testThemeVars: { [`borderStyle-TimeInput${variant.value}`]: "dashed" },
-            });
-            yield (0, fixtures_1.expect)(page.getByTestId("test")).toHaveCSS("border-style", "dashed");
-        }));
-        (0, fixtures_1.test)(`applies correct fontSize ${variant.value}`, (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-            yield initTestBed(`<TimeInput testId="test" ${variant.prop} />`, {
-                testThemeVars: { [`fontSize-TimeInput${variant.value}`]: "14px" },
-            });
-            yield (0, fixtures_1.expect)(page.getByTestId("test")).toHaveCSS("font-size", "14px");
-        }));
-        (0, fixtures_1.test)(`applies correct backgroundColor ${variant.value}`, (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-            yield initTestBed(`<TimeInput testId="test" ${variant.prop} />`, {
-                testThemeVars: { [`backgroundColor-TimeInput${variant.value}`]: "rgb(240, 240, 240)" },
-            });
-            yield (0, fixtures_1.expect)(page.getByTestId("test")).toHaveCSS("background-color", "rgb(240, 240, 240)");
-        }));
-        (0, fixtures_1.test)(`applies correct boxShadow ${variant.value}`, (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-            yield initTestBed(`<TimeInput testId="test" ${variant.prop} />`, {
-                testThemeVars: {
-                    [`boxShadow-TimeInput${variant.value}`]: "0 2px 8px rgba(0, 0, 0, 0.1)",
-                },
-            });
-            yield (0, fixtures_1.expect)(page.getByTestId("test")).toHaveCSS("box-shadow", "rgba(0, 0, 0, 0.1) 0px 2px 8px 0px");
-        }));
-        (0, fixtures_1.test)(`applies correct textColor ${variant.value}`, (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-            yield initTestBed(`<TimeInput testId="test" ${variant.prop} />`, {
-                testThemeVars: { [`textColor-TimeInput${variant.value}`]: "rgb(0, 0, 0)" },
-            });
-            yield (0, fixtures_1.expect)(page.getByTestId("test")).toHaveCSS("color", "rgb(0, 0, 0)");
-        }));
-        (0, fixtures_1.test)(`applies correct borderColor on hover ${variant.value}`, (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-            yield initTestBed(`<TimeInput testId="test" ${variant.prop} />`, {
-                testThemeVars: { [`borderColor-TimeInput${variant.value}--hover`]: "rgb(0, 0, 0)" },
-            });
-            yield page.getByTestId("test").hover();
-            yield (0, fixtures_1.expect)(page.getByTestId("test")).toHaveCSS("border-color", "rgb(0, 0, 0)");
-        }));
-        (0, fixtures_1.test)(`applies correct backgroundColor on hover ${variant.value}`, (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page, }) {
-            yield initTestBed(`<TimeInput testId="test" ${variant.prop} />`, {
-                testThemeVars: { [`backgroundColor-TimeInput${variant.value}--hover`]: "rgb(0, 0, 0)" },
-            });
-            yield page.getByTestId("test").hover();
-            yield (0, fixtures_1.expect)(page.getByTestId("test")).toHaveCSS("background-color", "rgb(0, 0, 0)");
-        }));
-        (0, fixtures_1.test)(`applies correct boxShadow on hover ${variant.value}`, (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-            yield initTestBed(`<TimeInput testId="test" ${variant.prop} />`, {
-                testThemeVars: {
-                    [`boxShadow-TimeInput${variant.value}--hover`]: "0 2px 8px rgba(0, 0, 0, 0.1)",
-                },
-            });
-            yield page.getByTestId("test").hover();
-            yield (0, fixtures_1.expect)(page.getByTestId("test")).toHaveCSS("box-shadow", "rgba(0, 0, 0, 0.1) 0px 2px 8px 0px");
-        }));
-        (0, fixtures_1.test)(`applies correct textColor on hover ${variant.value}`, (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-            yield initTestBed(`<TimeInput testId="test" ${variant.prop} />`, {
-                testThemeVars: { [`textColor-TimeInput${variant.value}--hover`]: "rgb(0, 0, 0)" },
-            });
-            yield page.getByTestId("test").hover();
-            yield (0, fixtures_1.expect)(page.getByTestId("test")).toHaveCSS("color", "rgb(0, 0, 0)");
-        }));
-    });
-});
-// =============================================================================
-// OTHER EDGE CASE TESTS
-// =============================================================================
-fixtures_1.test.describe("Other Edge Cases", () => {
-    (0, fixtures_1.test)("handles no props gracefully", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver }) {
-        yield initTestBed(`<TimeInput testId="timeInput" />`);
-        const driver = yield createTimeInputDriver("timeInput");
-        yield (0, fixtures_1.expect)(driver.component).toBeVisible();
-    }));
-    (0, fixtures_1.test)("handles empty string props", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver }) {
-        yield initTestBed(`<TimeInput testId="timeInput" label="" />`);
-        const driver = yield createTimeInputDriver("timeInput");
-        yield (0, fixtures_1.expect)(driver.component).toBeVisible();
-    }));
-    (0, fixtures_1.test)("handles very long unicode characters in initialValue", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver, }) {
-        yield initTestBed(`<TimeInput testId="timeInput" initialValue="👨‍👩‍👧‍👦" />`);
-        const driver = yield createTimeInputDriver("timeInput");
-        yield (0, fixtures_1.expect)(driver.hourInput).toHaveValue("00");
-        yield (0, fixtures_1.expect)(driver.minuteInput).toHaveValue("00");
-    }));
-    (0, fixtures_1.test)("handles chinese characters in initialValue", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver, }) {
-        yield initTestBed(`<TimeInput testId="timeInput" initialValue="中文时间" />`);
-        const driver = yield createTimeInputDriver("timeInput");
-        yield (0, fixtures_1.expect)(driver.hourInput).toHaveValue("00");
-        yield (0, fixtures_1.expect)(driver.minuteInput).toHaveValue("00");
-    }));
-    (0, fixtures_1.test)("handles negative values in time inputs", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver }) {
-        yield initTestBed(`<TimeInput testId="timeInput" />`);
-        const driver = yield createTimeInputDriver("timeInput");
-        yield driver.hourInput.click();
-        yield driver.hourInput.fill("-5");
-        // Component should handle negative values gracefully
-        yield driver.hourInput.blur();
-        yield (0, fixtures_1.expect)(driver.component).toBeVisible();
-    }));
-    (0, fixtures_1.test)("handles very large numbers in time inputs", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver, }) {
-        yield initTestBed(`<TimeInput testId="timeInput" />`);
-        const driver = yield createTimeInputDriver("timeInput");
-        yield driver.hourInput.click();
-        yield driver.hourInput.fill("999");
-        // Component should handle large values gracefully
-        yield driver.hourInput.blur();
-        yield (0, fixtures_1.expect)(driver.component).toBeVisible();
-    }));
-    (0, fixtures_1.test)("handles multiple rapid clear button clicks", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver, }) {
-        yield initTestBed(`
-      <TimeInput testId="timeInput" clearable="true" clearToInitialValue="false" initialValue="14:30" />
-    `);
-        const driver = yield createTimeInputDriver("timeInput");
-        // Rapidly click clear button multiple times
-        yield driver.clearButton.click();
-        yield driver.clearButton.click();
-        yield driver.clearButton.click();
-        yield (0, fixtures_1.expect)(driver.hourInput).toHaveValue("");
-        yield (0, fixtures_1.expect)(driver.minuteInput).toHaveValue("");
-    }));
-});
-// =============================================================================
-// EVENT TESTS
-// =============================================================================
-fixtures_1.test.describe("Events", () => {
-    (0, fixtures_1.test)("didChange event fires when value changes", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver, }) {
-        const { testStateDriver } = yield initTestBed(`
-      <TimeInput testId="timeInput" initialValue="03:28"
-        onDidChange="arg => {testState = arg; console.log('arg', arg)}" />
-    `);
-        const driver = yield createTimeInputDriver("timeInput");
-        yield driver.hourInput.click();
-        yield driver.hourInput.fill("14");
-        yield driver.hourInput.blur();
-        yield fixtures_1.expect.poll(testStateDriver.testState).toBeTruthy();
-    }));
-    (0, fixtures_1.test)("didChange event receives correct time value", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver, }) {
-        const { testStateDriver } = yield initTestBed(`
-      <TimeInput testId="timeInput" onDidChange="arg => testState = arg" />
-    `);
-        const driver = yield createTimeInputDriver("timeInput");
-        yield driver.hourInput.click();
-        yield driver.hourInput.fill("14");
-        yield driver.minuteInput.click();
-        yield driver.minuteInput.fill("30");
-        yield driver.minuteInput.blur();
-        yield fixtures_1.expect.poll(testStateDriver.testState).toEqual("14:30");
-    }));
-    (0, fixtures_1.test)("gotFocus event fires when component receives focus", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver, }) {
-        const { testStateDriver } = yield initTestBed(`
-      <TimeInput testId="timeInput" onGotFocus="testState = 'focused'" />
-    `);
-        const driver = yield createTimeInputDriver("timeInput");
-        yield driver.hourInput.focus();
-        yield fixtures_1.expect.poll(testStateDriver.testState).toEqual("focused");
-    }));
-    (0, fixtures_1.test)("gotFocus event fires on label click", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-        const { testStateDriver } = yield initTestBed(`
-      <TimeInput testId="timeInput" label="Time" onGotFocus="testState = 'focused'" />
-    `);
-        yield page.getByText("Time").click();
-        yield fixtures_1.expect.poll(testStateDriver.testState).toEqual("focused");
-    }));
-    (0, fixtures_1.test)("lostFocus event fires when component loses focus", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver, }) {
-        const { testStateDriver } = yield initTestBed(`
-      <TimeInput testId="timeInput" onLostFocus="testState = 'blurred'" />
-    `);
-        const driver = yield createTimeInputDriver("timeInput");
-        yield driver.hourInput.focus();
-        yield driver.hourInput.blur();
-        yield fixtures_1.expect.poll(testStateDriver.testState).toEqual("blurred");
-    }));
-    (0, fixtures_1.test)("invalidTime event fires for invalid input", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver, }) {
-        const { testStateDriver } = yield initTestBed(`
-      <TimeInput testId="timeInput" onInvalidTime="testState = 'invalid'" />
-    `);
-        const driver = yield createTimeInputDriver("timeInput");
-        yield driver.hourInput.click();
-        yield driver.hourInput.fill("25"); // Invalid hour
-        yield driver.hourInput.blur();
-        yield fixtures_1.expect.poll(testStateDriver.testState).toEqual("invalid");
-    }));
-});
-// =============================================================================
-// API TESTS
-// =============================================================================
-fixtures_1.test.describe("API", () => {
-    (0, fixtures_1.test)("focus() method focuses the component", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page, createTimeInputDriver, }) {
-        yield initTestBed(`
-      <Fragment>
-        <TimeInput testId="timeInput" id="timeInput" />
-        <Button onClick="timeInput.focus()" testId="focusBtn" />
-      </Fragment>
-    `);
-        const driver = yield createTimeInputDriver("timeInput");
-        yield page.getByTestId("focusBtn").click();
-        yield (0, fixtures_1.expect)(driver.hourInput).toBeFocused();
-    }));
-    (0, fixtures_1.test)("value property returns current time", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-        const { testStateDriver } = yield initTestBed(`
-      <Fragment>
-        <TimeInput testId="timeInput" id="timeInput" initialValue="14:30" />
-        <Button onClick="testState = timeInput.value" testId="getValueBtn" />
-      </Fragment>
-    `);
-        yield page.getByTestId("getValueBtn").click();
-        yield fixtures_1.expect.poll(testStateDriver.testState).toEqual("14:30");
-    }));
-    (0, fixtures_1.test)("setValue() method updates the time", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page, createTimeInputDriver, }) {
-        yield initTestBed(`
-      <Fragment>
-        <TimeInput testId="timeInput" id="timeInput" />
-        <Button onClick="timeInput.setValue('15:45')" testId="setValueBtn" />
-      </Fragment>
-    `);
-        const driver = yield createTimeInputDriver("timeInput");
-        yield page.getByTestId("setValueBtn").click();
-        yield (0, fixtures_1.expect)(driver.hourInput).toHaveValue("15");
-        yield (0, fixtures_1.expect)(driver.minuteInput).toHaveValue("45");
-    }));
-    (0, fixtures_1.test)("setValue() with empty string clears the value", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page, createTimeInputDriver, }) {
-        yield initTestBed(`
-      <Fragment>
-        <TimeInput testId="timeInput" id="timeInput" initialValue="14:30" />
-        <Button onClick="timeInput.setValue('')" testId="clearBtn" />
-      </Fragment>
-    `);
-        const driver = yield createTimeInputDriver("timeInput");
-        yield page.getByTestId("clearBtn").click();
-        yield (0, fixtures_1.expect)(driver.hourInput).toHaveValue("");
-        yield (0, fixtures_1.expect)(driver.minuteInput).toHaveValue("");
-    }));
-    (0, fixtures_1.test)("value property returns undefined when no value set", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-        const { testStateDriver } = yield initTestBed(`
-      <Fragment>
-        <TimeInput testId="timeInput" id="timeInput" />
-        <Button onClick="testState = timeInput.value === undefined ? 'undefined' : 'defined'" testId="checkBtn" />
-      </Fragment>
-    `);
-        yield page.getByTestId("checkBtn").click();
-        yield fixtures_1.expect.poll(testStateDriver.testState).toEqual("undefined");
-    }));
-    (0, fixtures_1.test)("setValue() triggers didChange event", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-        const { testStateDriver } = yield initTestBed(`
-      <Fragment>
-        <TimeInput testId="timeInput" id="timeInput" onDidChange="arg => testState = 'changed:' + arg" />
-        <Button onClick="timeInput.setValue('16:20')" testId="setBtn" />
-      </Fragment>
-    `);
-        yield page.getByTestId("setBtn").click();
-        yield fixtures_1.expect.poll(testStateDriver.testState).toEqual("changed:16:20");
-    }));
-});
-// =============================================================================
-// LAYOUT TESTS
-// =============================================================================
-fixtures_1.test.describe("Layout", () => {
-    (0, fixtures_1.test)("labelWidth applies custom label width", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver }) {
-        const expected = 200;
-        yield initTestBed(`<TimeInput testId="timeInput" label="Select time" labelPosition="left" labelWidth="${expected}px" />`);
-        const driver = yield createTimeInputDriver("timeInput");
-        const { width } = yield (0, component_test_helpers_1.getBounds)(driver.label);
-        (0, fixtures_1.expect)(width).toEqual(expected);
-    }));
-    (0, fixtures_1.test)("time inputs maintain consistent spacing", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createTimeInputDriver, }) {
-        yield initTestBed(`<TimeInput testId="timeInput" seconds="true" />`);
-        const driver = yield createTimeInputDriver("timeInput");
-        const { right: hourRight } = yield (0, component_test_helpers_1.getBounds)(driver.hourInput);
-        const { left: minuteLeft, right: minuteRight } = yield (0, component_test_helpers_1.getBounds)(driver.minuteInput);
-        const { left: secondLeft } = yield (0, component_test_helpers_1.getBounds)(driver.secondInput);
-        // Verify there's consistent spacing between inputs
-        const hourToMinuteGap = minuteLeft - hourRight;
-        const minuteToSecondGap = secondLeft - minuteRight;
-        (0, fixtures_1.expect)(hourToMinuteGap).toBeGreaterThan(0);
-        (0, fixtures_1.expect)(minuteToSecondGap).toBeGreaterThan(0);
-        (0, fixtures_1.expect)(Math.abs(hourToMinuteGap - minuteToSecondGap)).toBeLessThan(5); // Allow small differences
-    }));
-});
-// =============================================================================
-// VISUAL STATE TESTS
-// =============================================================================
-(0, fixtures_1.test)("input has correct width", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-    yield initTestBed(`
-    <TimeInput width="200px" testId="test"/>
-  `);
-    const { width } = yield page.getByTestId("test").boundingBox();
-    (0, fixtures_1.expect)(width).toBe(200);
-}));
-(0, fixtures_1.test)("input with label has correct width", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-    yield initTestBed(`
-    <TimeInput width="200px" label="test" testId="test"/>
-  `);
-    const { width } = yield page.getByTestId("test").boundingBox();
-    (0, fixtures_1.expect)(width).toBe(200);
-}));
-(0, fixtures_1.test)("input has correct width in %", (_a) => __awaiter(void 0, [_a], void 0, function* ({ page, initTestBed }) {
-    yield page.setViewportSize({ width: 400, height: 300 });
-    yield initTestBed(`<TimeInput width="50%" testId="test"/>`, {});
-    const input = page.getByTestId("test");
-    const { width } = yield input.boundingBox();
-    (0, fixtures_1.expect)(width).toBe(200);
-}));
-(0, fixtures_1.test)("input with label has correct width in %", (_a) => __awaiter(void 0, [_a], void 0, function* ({ page, initTestBed }) {
-    yield page.setViewportSize({ width: 400, height: 300 });
-    yield initTestBed(`<TimeInput width="50%" label="test" testId="test"/>`, {});
-    const input = page.getByTestId("test");
-    const { width } = yield input.boundingBox();
-    (0, fixtures_1.expect)(width).toBe(200);
-}));