xmlui 0.11.4 → 0.11.6

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

@@ -1,834 +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 fixtures_1 = require("../../testing/fixtures");
-// =============================================================================
-// BASIC FUNCTIONALITY TESTS
-// =============================================================================
-fixtures_1.test.describe("Basic Functionality", () => {
-    (0, fixtures_1.test)("component renders", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-        yield initTestBed(`<Switch />`);
-        yield (0, fixtures_1.expect)(page.getByRole("switch")).toBeVisible();
-    }));
-    (0, fixtures_1.test)("component renders with label", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-        yield initTestBed(`<Switch label="Enable notifications" />`);
-        yield (0, fixtures_1.expect)(page.getByLabel("Enable notifications")).toBeVisible();
-    }));
-    (0, fixtures_1.test)("initialValue sets checked state", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-        yield initTestBed(`<Switch initialValue="true" />`);
-        yield (0, fixtures_1.expect)(page.getByRole("switch")).toBeChecked();
-    }));
-    // =============================================================================
-    // TRANSFORM TO LEGIT VALUE TESTS - Testing transformToLegitValue function behavior
-    // =============================================================================
-    fixtures_1.test.describe("transformToLegitValue Input Type Tests", () => {
-        // Boolean values
-        (0, fixtures_1.test)("initialValue handles boolean true", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-            yield initTestBed(`<Switch initialValue="{true}" />`);
-            yield (0, fixtures_1.expect)(page.getByRole("switch")).toBeChecked();
-        }));
-        (0, fixtures_1.test)("initialValue handles boolean false", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-            yield initTestBed(`<Switch initialValue="{false}" />`);
-            yield (0, fixtures_1.expect)(page.getByRole("switch")).not.toBeChecked();
-        }));
-        // Undefined and null values
-        (0, fixtures_1.test)("initialValue handles undefined as false", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-            yield initTestBed(`<Switch initialValue="{undefined}" />`);
-            yield (0, fixtures_1.expect)(page.getByRole("switch")).not.toBeChecked();
-        }));
-        (0, fixtures_1.test)("initialValue handles null as false", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-            yield initTestBed(`<Switch initialValue="{null}" />`);
-            yield (0, fixtures_1.expect)(page.getByRole("switch")).not.toBeChecked();
-        }));
-        // Number values
-        (0, fixtures_1.test)("initialValue handles number 0 as false", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-            yield initTestBed(`<Switch initialValue="{0}" />`);
-            yield (0, fixtures_1.expect)(page.getByRole("switch")).not.toBeChecked();
-        }));
-        (0, fixtures_1.test)("initialValue handles positive number as true", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-            yield initTestBed(`<Switch initialValue="{1}" />`);
-            yield (0, fixtures_1.expect)(page.getByRole("switch")).toBeChecked();
-        }));
-        (0, fixtures_1.test)("initialValue handles negative number as true", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-            yield initTestBed(`<Switch initialValue="{-1}" />`);
-            yield (0, fixtures_1.expect)(page.getByRole("switch")).toBeChecked();
-        }));
-        (0, fixtures_1.test)("initialValue handles decimal number as true", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-            yield initTestBed(`<Switch initialValue="{3.14}" />`);
-            yield (0, fixtures_1.expect)(page.getByRole("switch")).toBeChecked();
-        }));
-        (0, fixtures_1.test)("initialValue handles NaN as true", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-            yield initTestBed(`<Switch initialValue="{NaN}" />`);
-            // NaN is treated as true due to JavaScript evaluation context
-            // In XMLUI context, NaN is passed through differently than expected
-            yield (0, fixtures_1.expect)(page.getByRole("switch")).toBeChecked();
-        }));
-        // String values
-        (0, fixtures_1.test)("initialValue handles empty string as false", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-            yield initTestBed(`<Switch initialValue="" />`);
-            yield (0, fixtures_1.expect)(page.getByRole("switch")).not.toBeChecked();
-        }));
-        (0, fixtures_1.test)("initialValue handles whitespace-only string as false", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-            yield initTestBed(`<Switch initialValue="   " />`);
-            yield (0, fixtures_1.expect)(page.getByRole("switch")).not.toBeChecked();
-        }));
-        (0, fixtures_1.test)("initialValue handles string 'false' as false", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-            yield initTestBed(`<Switch initialValue="false" />`);
-            yield (0, fixtures_1.expect)(page.getByRole("switch")).not.toBeChecked();
-        }));
-        (0, fixtures_1.test)("initialValue handles string 'FALSE' as false (case insensitive)", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page, }) {
-            yield initTestBed(`<Switch initialValue="FALSE" />`);
-            yield (0, fixtures_1.expect)(page.getByRole("switch")).not.toBeChecked();
-        }));
-        (0, fixtures_1.test)("initialValue handles string 'true' as true", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-            yield initTestBed(`<Switch initialValue="true" />`);
-            yield (0, fixtures_1.expect)(page.getByRole("switch")).toBeChecked();
-        }));
-        (0, fixtures_1.test)("initialValue handles non-empty string as true", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-            yield initTestBed(`<Switch initialValue="yes" />`);
-            yield (0, fixtures_1.expect)(page.getByRole("switch")).toBeChecked();
-        }));
-        (0, fixtures_1.test)("initialValue handles string with content and 'false' as true", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page, }) {
-            yield initTestBed(`<Switch initialValue="not false" />`);
-            yield (0, fixtures_1.expect)(page.getByRole("switch")).toBeChecked();
-        }));
-        // Array values
-        (0, fixtures_1.test)("initialValue handles empty array as false", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-            yield initTestBed(`<Switch initialValue="{[]}" />`);
-            // Empty arrays may cause component to not render in some contexts
-            const switchElement = page.getByRole("switch");
-            const exists = yield switchElement.count();
-            if (exists > 0) {
-                yield (0, fixtures_1.expect)(switchElement).not.toBeChecked();
-            }
-            else {
-                // Component doesn't render with empty array - this is acceptable behavior
-                (0, fixtures_1.expect)(exists).toBe(0);
-            }
-        }));
-        (0, fixtures_1.test)("initialValue handles array with elements as true", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-            yield initTestBed(`<Switch initialValue="{[1, 2, 3]}" />`);
-            // Arrays with elements may cause component to not render in some contexts
-            const switchElement = page.getByRole("switch");
-            const exists = yield switchElement.count();
-            if (exists > 0) {
-                yield (0, fixtures_1.expect)(switchElement).toBeChecked();
-            }
-            else {
-                // Component doesn't render with complex array - this is acceptable behavior
-                (0, fixtures_1.expect)(exists).toBe(0);
-            }
-        }));
-        (0, fixtures_1.test)("initialValue handles array with single element as true", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page, }) {
-            yield initTestBed(`<Switch initialValue="{['item']}" />`);
-            // Arrays may cause component to not render in some contexts
-            const switchElement = page.getByRole("switch");
-            const exists = yield switchElement.count();
-            if (exists > 0) {
-                yield (0, fixtures_1.expect)(switchElement).toBeChecked();
-            }
-            else {
-                // Component doesn't render with array - this is acceptable behavior
-                (0, fixtures_1.expect)(exists).toBe(0);
-            }
-        }));
-        // Object values
-        (0, fixtures_1.test)("initialValue handles empty object as false", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-            yield initTestBed(`<Switch initialValue="{{}}" />`);
-            // Empty objects may cause component to not render in some contexts
-            const switchElement = page.getByRole("switch");
-            const exists = yield switchElement.count();
-            if (exists > 0) {
-                yield (0, fixtures_1.expect)(switchElement).not.toBeChecked();
-            }
-            else {
-                // Component doesn't render with empty object - this is acceptable behavior
-                (0, fixtures_1.expect)(exists).toBe(0);
-            }
-        }));
-        (0, fixtures_1.test)("initialValue handles object with properties as true", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-            yield initTestBed(`<Switch initialValue="{{a: 'b'}}" />`);
-            // Objects may cause component to not render in some contexts
-            const switchElement = page.getByRole("switch");
-            const exists = yield switchElement.count();
-            if (exists > 0) {
-                yield (0, fixtures_1.expect)(switchElement).toBeChecked();
-            }
-            else {
-                // Component doesn't render with object - this is acceptable behavior
-                (0, fixtures_1.expect)(exists).toBe(0);
-            }
-        }));
-        (0, fixtures_1.test)("initialValue handles complex object as true", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-            yield initTestBed(`<Switch initialValue="{{name: 'test', value: 123}}" />`);
-            // Complex objects may cause component to not render in some contexts
-            const switchElement = page.getByRole("switch");
-            const exists = yield switchElement.count();
-            if (exists > 0) {
-                yield (0, fixtures_1.expect)(switchElement).toBeChecked();
-            }
-            else {
-                // Component doesn't render with complex object - this is acceptable behavior
-                (0, fixtures_1.expect)(exists).toBe(0);
-            }
-        }));
-        // Edge case values
-        (0, fixtures_1.test)("initialValue handles Infinity as true", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-            yield initTestBed(`<Switch initialValue="{Infinity}" />`);
-            yield (0, fixtures_1.expect)(page.getByRole("switch")).toBeChecked();
-        }));
-        (0, fixtures_1.test)("initialValue handles negative Infinity as true", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-            yield initTestBed(`<Switch initialValue="{-Infinity}" />`);
-            yield (0, fixtures_1.expect)(page.getByRole("switch")).toBeChecked();
-        }));
-    });
-    // API setValue method with different input types
-    fixtures_1.test.describe("setValue API with transformToLegitValue", () => {
-        (0, fixtures_1.test)("setValue with boolean values", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-            yield initTestBed(`
-        <Fragment>
-          <Switch id="mySwitch" initialValue="false" />
-          <Button testId="setTrue" onClick="mySwitch.setValue(true)">Set True</Button>
-          <Button testId="setFalse" onClick="mySwitch.setValue(false)">Set False</Button>
-        </Fragment>
-      `);
-            const switchElement = page.getByRole("switch");
-            yield page.getByTestId("setTrue").click();
-            yield (0, fixtures_1.expect)(switchElement).toBeChecked();
-            yield page.getByTestId("setFalse").click();
-            yield (0, fixtures_1.expect)(switchElement).not.toBeChecked();
-        }));
-        (0, fixtures_1.test)("setValue with number values", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-            yield initTestBed(`
-        <Fragment>
-          <Switch id="mySwitch" initialValue="false" />
-          <Button testId="setZero" onClick="mySwitch.setValue(0)">Set 0</Button>
-          <Button testId="setOne" onClick="mySwitch.setValue(1)">Set 1</Button>
-          <Button testId="setNegative" onClick="mySwitch.setValue(-5)">Set -5</Button>
-        </Fragment>
-      `);
-            const switchElement = page.getByRole("switch");
-            yield page.getByTestId("setZero").click();
-            yield (0, fixtures_1.expect)(switchElement).not.toBeChecked();
-            yield page.getByTestId("setOne").click();
-            yield (0, fixtures_1.expect)(switchElement).toBeChecked();
-            yield page.getByTestId("setNegative").click();
-            yield (0, fixtures_1.expect)(switchElement).toBeChecked();
-        }));
-        (0, fixtures_1.test)("setValue with string values", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-            yield initTestBed(`
-        <Fragment>
-          <Switch id="mySwitch" initialValue="false" />
-          <Button testId="setEmpty" onClick="mySwitch.setValue('')">Set Empty</Button>
-          <Button testId="setFalseStr" onClick="mySwitch.setValue('false')">Set 'false'</Button>
-          <Button testId="setTrueStr" onClick="mySwitch.setValue('true')">Set 'true'</Button>
-          <Button testId="setYes" onClick="mySwitch.setValue('yes')">Set 'yes'</Button>
-        </Fragment>
-      `);
-            const switchElement = page.getByRole("switch");
-            yield page.getByTestId("setEmpty").click();
-            yield (0, fixtures_1.expect)(switchElement).not.toBeChecked();
-            yield page.getByTestId("setFalseStr").click();
-            yield (0, fixtures_1.expect)(switchElement).not.toBeChecked();
-            yield page.getByTestId("setTrueStr").click();
-            yield (0, fixtures_1.expect)(switchElement).toBeChecked();
-            yield page.getByTestId("setYes").click();
-            yield (0, fixtures_1.expect)(switchElement).toBeChecked();
-        }));
-        (0, fixtures_1.test)("setValue with simplified array and object test", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-            // Test arrays and objects through setValue API - focuses on core behavior
-            yield initTestBed(`
-        <Fragment>
-          <Switch id="mySwitch" initialValue="false" />
-          <Button testId="testComplexTypes" onClick="mySwitch.setValue([1,2]); mySwitch.setValue({a:1});">Test Complex</Button>
-          <Text testId="currentValue">{mySwitch.value}</Text>
-        </Fragment>
-      `);
-            const switchElement = page.getByRole("switch");
-            const valueDisplay = page.getByTestId("currentValue");
-            // Complex types should eventually resolve through transformToLegitValue
-            yield page.getByTestId("testComplexTypes").click();
-            // After setValue operations, switch should reflect the final transformed value
-            yield (0, fixtures_1.expect)(valueDisplay).toContainText("true");
-            yield (0, fixtures_1.expect)(switchElement).toBeChecked();
-        }));
-    });
-    (0, fixtures_1.test)("component click toggles checked state", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-        yield initTestBed(`<Switch />`);
-        const switchElement = page.getByRole("switch");
-        // Initially unchecked
-        yield (0, fixtures_1.expect)(switchElement).not.toBeChecked();
-        // Click to check
-        yield switchElement.click();
-        yield (0, fixtures_1.expect)(switchElement).toBeChecked();
-        // Click again to uncheck
-        yield switchElement.click();
-        yield (0, fixtures_1.expect)(switchElement).not.toBeChecked();
-    }));
-    (0, fixtures_1.test)("component required prop adds required attribute", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-        yield initTestBed(`<Switch required="true" />`);
-        yield (0, fixtures_1.expect)(page.getByRole("switch")).toHaveAttribute("required");
-    }));
-    (0, fixtures_1.test)("enabled=false disables control", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-        yield initTestBed(`<Switch enabled="false" />`);
-        yield (0, fixtures_1.expect)(page.getByRole("switch")).toBeDisabled();
-    }));
-    (0, fixtures_1.test)("enabled=false disables interaction", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-        yield initTestBed(`<Switch enabled="false" initialValue="false" />`);
-        const switchElement = page.getByRole("switch");
-        yield switchElement.click({ force: true });
-        yield (0, fixtures_1.expect)(switchElement).not.toBeChecked();
-    }));
-    (0, fixtures_1.test)("readOnly", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-        yield initTestBed(`<Switch readOnly="true" />`);
-        yield (0, fixtures_1.expect)(page.getByRole("switch")).toHaveAttribute("readonly");
-    }));
-    (0, fixtures_1.test)("readOnly prevents state changes", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-        yield initTestBed(`<Switch readOnly="true" initialValue="false" />`);
-        const switchElement = page.getByRole("switch");
-        yield switchElement.click();
-        yield (0, fixtures_1.expect)(switchElement).not.toBeChecked();
-    }));
-    (0, fixtures_1.test)("readOnly is not the same as disabled", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-        yield initTestBed(`<Switch readOnly="true" />`);
-        const switchElement = page.getByRole("switch");
-        yield (0, fixtures_1.expect)(switchElement).not.toBeDisabled();
-        yield (0, fixtures_1.expect)(switchElement).toHaveAttribute("readonly");
-    }));
-    (0, fixtures_1.test)("autoFocus focuses input on mount", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-        yield initTestBed(`<Switch autoFocus="true" />`);
-        const switchElement = page.getByRole("switch");
-        yield (0, fixtures_1.expect)(switchElement).toBeFocused();
-    }));
-    (0, fixtures_1.test)("autoFocus focuses input on mount with label", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-        yield initTestBed(`<Switch autoFocus="true" label="Auto-focused switch" />`);
-        const switchElement = page.getByRole("switch");
-        yield (0, fixtures_1.expect)(switchElement).toBeFocused();
-    }));
-    (0, fixtures_1.test)("handle special characters in label", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-        yield initTestBed(`<Switch label="Enable 日本語 notifications!@#$" />`);
-        yield (0, fixtures_1.expect)(page.getByLabel("Enable 日本語 notifications!@#$")).toBeVisible();
-    }));
-    (0, fixtures_1.test)("handle Unicode characters in label", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-        yield initTestBed(`<Switch label="Enable 🔔 notifications" />`);
-        yield (0, fixtures_1.expect)(page.getByLabel("Enable 🔔 notifications")).toBeVisible();
-    }));
-    (0, fixtures_1.test)("component handles very long label text", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-        const longLabel = "This is a very long label that might cause layout issues or text wrapping problems in the component rendering";
-        yield initTestBed(`<Switch label="${longLabel}" />`);
-        yield (0, fixtures_1.expect)(page.getByLabel(longLabel)).toBeVisible();
-    }));
-    (0, fixtures_1.test)("component handles rapid state changes", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-        yield initTestBed(`<Switch />`);
-        const switchElement = page.getByRole("switch");
-        // Perform rapid clicks
-        for (let i = 0; i < 5; i++) {
-            yield switchElement.click();
-        }
-        // Should end up checked (odd number of clicks)
-        yield (0, fixtures_1.expect)(switchElement).toBeChecked();
-    }));
-});
-// =============================================================================
-// ACCESSIBILITY TESTS
-// =============================================================================
-fixtures_1.test.describe("Accessibility", () => {
-    (0, fixtures_1.test)("label is associated with input", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-        const label = "Enable notifications";
-        yield initTestBed(`<Switch label="${label}" />`);
-        const component = page.getByLabel(label);
-        yield (0, fixtures_1.expect)(component).toHaveRole("switch");
-    }));
-    (0, fixtures_1.test)("pressing Space after focus toggles the control", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-        yield initTestBed(`<Switch />`);
-        const switchElement = page.getByRole("switch");
-        yield switchElement.focus();
-        yield (0, fixtures_1.expect)(switchElement).not.toBeChecked();
-        yield switchElement.press("Space", { delay: 100 });
-        yield (0, fixtures_1.expect)(switchElement).toBeChecked();
-        yield switchElement.press("Space", { delay: 100 });
-        yield (0, fixtures_1.expect)(switchElement).not.toBeChecked();
-    }));
-    (0, fixtures_1.test)("component supports keyboard navigation", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-        yield initTestBed(`
-      <Fragment>
-        <Switch label="First switch" />
-        <Switch label="Second switch" />
-      </Fragment>
-    `);
-        const firstSwitch = page.getByLabel("First switch");
-        const secondSwitch = page.getByLabel("Second switch");
-        yield firstSwitch.focus();
-        yield (0, fixtures_1.expect)(firstSwitch).toBeFocused();
-        yield page.keyboard.press("Tab", { delay: 100 });
-        yield (0, fixtures_1.expect)(secondSwitch).toBeFocused();
-    }));
-    (0, fixtures_1.test)("aria-checked=false applies correctly", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-        yield initTestBed(`<Switch initialValue="false" />`);
-        const switchElement = page.getByRole("switch");
-        yield (0, fixtures_1.expect)(switchElement).toHaveAttribute("aria-checked", "false");
-    }));
-    (0, fixtures_1.test)("aria-checked=true applies correctly", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-        yield initTestBed(`<Switch initialValue="true" />`);
-        const switchElement = page.getByRole("switch");
-        yield (0, fixtures_1.expect)(switchElement).toHaveAttribute("aria-checked", "true");
-    }));
-    (0, fixtures_1.test)("required has proper ARIA attributes", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-        yield initTestBed(`<Switch required="true" label="Required switch" />`);
-        const switchElement = page.getByRole("switch");
-        yield (0, fixtures_1.expect)(switchElement).toHaveAttribute("aria-required", "true");
-    }));
-    (0, fixtures_1.test)("required state has visual representation next to label", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createCheckboxDriver, }) {
-        yield initTestBed(`<Switch required="true" label="Required switch" />`);
-        const driver = yield createCheckboxDriver();
-        // Check for required indicator (usually asterisk or similar)
-        yield (0, fixtures_1.expect)(driver.component).toContainText("*");
-    }));
-    (0, fixtures_1.test)("component disabled has proper ARIA attributes", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-        yield initTestBed(`<Switch enabled="false" label="Disabled switch" />`);
-        const switchElement = page.getByRole("switch");
-        yield (0, fixtures_1.expect)(switchElement).toHaveAttribute("aria-disabled", "true");
-    }));
-    (0, fixtures_1.test)("component has correct role attribute", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-        yield initTestBed(`<Switch />`);
-        const switchElement = page.getByRole("switch");
-        yield (0, fixtures_1.expect)(switchElement).toHaveAttribute("role", "switch");
-    }));
-});
-// =============================================================================
-// LABEL POSITIONING TESTS
-// =============================================================================
-fixtures_1.test.describe("Label", () => {
-    (0, fixtures_1.test)("labelPosition=start positions label before input", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-        yield initTestBed(`<Switch label="Enable feature" labelPosition="start" />`);
-        const switchElement = page.getByRole("switch");
-        yield (0, fixtures_1.expect)(switchElement).toBeVisible();
-    }));
-    (0, fixtures_1.test)("labelPosition=end positions label after input", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-        yield initTestBed(`<Switch label="Enable feature" labelPosition="end" />`);
-        const switchElement = page.getByRole("switch");
-        yield (0, fixtures_1.expect)(switchElement).toBeVisible();
-    }));
-    (0, fixtures_1.test)("labelPosition=top positions label above input", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-        yield initTestBed(`<Switch label="Enable feature" labelPosition="top" />`);
-        const switchElement = page.getByRole("switch");
-        yield (0, fixtures_1.expect)(switchElement).toBeVisible();
-    }));
-    (0, fixtures_1.test)("labelPosition=bottom positions label below input", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-        yield initTestBed(`<Switch label="Enable feature" labelPosition="bottom" />`);
-        const switchElement = page.getByRole("switch");
-        yield (0, fixtures_1.expect)(switchElement).toBeVisible();
-    }));
-    (0, fixtures_1.test)("labelWidth applies custom label width", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-        yield initTestBed(`<Switch label="Custom width" labelWidth="200px" />`);
-        const switchElement = page.getByRole("switch");
-        yield (0, fixtures_1.expect)(switchElement).toBeVisible();
-    }));
-    (0, fixtures_1.test)("labelBreak enables label line breaks", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-        yield initTestBed(`<Switch label="Very long label that should break into multiple lines" labelBreak="true" />`);
-        const switchElement = page.getByRole("switch");
-        yield (0, fixtures_1.expect)(switchElement).toBeVisible();
-    }));
-    (0, fixtures_1.test)("component handles invalid labelPosition gracefully", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-        yield initTestBed(`<Switch label="Test label" labelPosition="invalid" />`);
-        const switchElement = page.getByRole("switch");
-        yield (0, fixtures_1.expect)(switchElement).toBeVisible();
-    }));
-});
-// =============================================================================
-// EVENT HANDLING TESTS
-// =============================================================================
-fixtures_1.test.describe("Event Handling", () => {
-    (0, fixtures_1.test)("didChange event fires on state change", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-        const { testStateDriver } = yield initTestBed(`
-      <Switch onDidChange="testState = 'changed'" />
-    `);
-        const switchElement = page.getByRole("switch");
-        yield switchElement.click();
-        yield fixtures_1.expect.poll(testStateDriver.testState).toEqual("changed");
-    }));
-    (0, fixtures_1.test)("didChange event passes new value", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-        const { testStateDriver } = yield initTestBed(`
-      <Switch onDidChange="arg => testState = arg" />
-    `);
-        const switchElement = page.getByRole("switch");
-        yield switchElement.click();
-        yield fixtures_1.expect.poll(testStateDriver.testState).toEqual(true);
-    }));
-    (0, fixtures_1.test)("gotFocus event fires on focus", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-        const { testStateDriver } = yield initTestBed(`
-      <Switch onGotFocus="testState = 'focused'" />
-    `);
-        const switchElement = page.getByRole("switch");
-        yield switchElement.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(`
-      <Switch label="Enable" onGotFocus="testState = 'focused'" />
-    `);
-        yield page.getByText("Enable").click();
-        yield fixtures_1.expect.poll(testStateDriver.testState).toEqual("focused");
-    }));
-    (0, fixtures_1.test)("component lostFocus event fires on blur", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-        const { testStateDriver } = yield initTestBed(`
-      <Switch onLostFocus="testState = 'blurred'" />
-    `);
-        const switchElement = page.getByRole("switch");
-        yield switchElement.focus();
-        yield switchElement.blur();
-        yield fixtures_1.expect.poll(testStateDriver.testState).toEqual("blurred");
-    }));
-});
-// =============================================================================
-// API TESTS
-// =============================================================================
-fixtures_1.test.describe("Api", () => {
-    (0, fixtures_1.test)("component value API returns current state", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-        yield initTestBed(`
-      <Fragment>
-        <Switch id="mySwitch" initialValue="true" />
-        <Text testId="value">{mySwitch.value}</Text>
-      </Fragment>
-    `);
-        yield (0, fixtures_1.expect)(page.getByTestId("value")).toHaveText("true");
-    }));
-    (0, fixtures_1.test)("component value API returns state after change", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-        yield initTestBed(`
-      <Fragment>
-        <Switch id="mySwitch" initialValue="false" />
-        <Text testId="value">{mySwitch.value}</Text>
-      </Fragment>
-    `);
-        yield (0, fixtures_1.expect)(page.getByTestId("value")).toHaveText("false");
-        yield page.getByRole("switch").click();
-        yield (0, fixtures_1.expect)(page.getByTestId("value")).toHaveText("true");
-    }));
-    (0, fixtures_1.test)("component setValue API updates state", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-        yield initTestBed(`
-      <Fragment>
-        <Switch id="mySwitch" initialValue="false" />
-        <Button testId="setBtn" onClick="mySwitch.setValue(true)">Set True</Button>
-        <Text testId="value">{mySwitch.value}</Text>
-      </Fragment>
-    `);
-        yield (0, fixtures_1.expect)(page.getByTestId("value")).toHaveText("false");
-        yield page.getByTestId("setBtn").click();
-        yield (0, fixtures_1.expect)(page.getByTestId("value")).toHaveText("true");
-        yield (0, fixtures_1.expect)(page.getByRole("switch")).toBeChecked();
-    }));
-    (0, fixtures_1.test)("component setValue API triggers events", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-        const { testStateDriver } = yield initTestBed(`
-      <Fragment>
-        <Switch id="mySwitch" onDidChange="testState = 'api-changed'" />
-        <Button testId="setBtn" onClick="mySwitch.setValue(true)">Set True</Button>
-      </Fragment>
-    `);
-        yield page.getByTestId("setBtn").click();
-        yield fixtures_1.expect.poll(testStateDriver.testState).toEqual("api-changed");
-    }));
-    // =============================================================================
-    // VALUE PROPERTY TESTS - Testing transformToLegitValue with dynamic value updates
-    // =============================================================================
-    fixtures_1.test.describe("value property with transformToLegitValue", () => {
-        (0, fixtures_1.test)("switch reflects state changes with different value types", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page, }) {
-            yield initTestBed(`
-        <Fragment>
-          <Switch id="mySwitch" initialValue="false" />
-          <Button testId="updateValue" onClick="mySwitch.setValue('any non-empty string')">Update Value</Button>
-          <Text testId="currentValue">{mySwitch.value}</Text>
-        </Fragment>
-      `);
-            // Initially false
-            yield (0, fixtures_1.expect)(page.getByTestId("currentValue")).toContainText("false");
-            yield (0, fixtures_1.expect)(page.getByRole("switch")).not.toBeChecked();
-            // Update to truthy string value
-            yield page.getByTestId("updateValue").click();
-            yield (0, fixtures_1.expect)(page.getByTestId("currentValue")).toContainText("true");
-            yield (0, fixtures_1.expect)(page.getByRole("switch")).toBeChecked();
-        }));
-        (0, fixtures_1.test)("switch state updates properly with numeric values", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-            yield initTestBed(`
-        <Fragment>
-          <Switch id="mySwitch" initialValue="false" />
-          <Button testId="setZero" onClick="mySwitch.setValue(0)">Set 0</Button>
-          <Button testId="setPositive" onClick="mySwitch.setValue(42)">Set 42</Button>
-          <Text testId="currentValue">Current: {mySwitch.value}</Text>
-        </Fragment>
-      `);
-            const currentValue = page.getByTestId("currentValue");
-            const switchElement = page.getByRole("switch");
-            // Set to 0 (falsy number)
-            yield page.getByTestId("setZero").click();
-            yield (0, fixtures_1.expect)(currentValue).toContainText("false");
-            yield (0, fixtures_1.expect)(switchElement).not.toBeChecked();
-            // Set to positive number (truthy)
-            yield page.getByTestId("setPositive").click();
-            yield (0, fixtures_1.expect)(currentValue).toContainText("true");
-            yield (0, fixtures_1.expect)(switchElement).toBeChecked();
-        }));
-        (0, fixtures_1.test)("switch handles special string values correctly", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-            yield initTestBed(`
-        <Fragment>
-          <Switch id="mySwitch" initialValue="false" />
-          <Button testId="setString" onClick="mySwitch.setValue('test')">Set 'test'</Button>
-          <Button testId="setEmptyString" onClick="mySwitch.setValue('')">Set ''</Button>
-          <Button testId="setFalseString" onClick="mySwitch.setValue('false')">Set 'false'</Button>
-          <Text testId="valueDisplay">Value: {mySwitch.value}</Text>
-        </Fragment>
-      `);
-            const valueDisplay = page.getByTestId("valueDisplay");
-            const switchElement = page.getByRole("switch");
-            // Non-empty string should be true
-            yield page.getByTestId("setString").click();
-            yield (0, fixtures_1.expect)(valueDisplay).toContainText("true");
-            yield (0, fixtures_1.expect)(switchElement).toBeChecked();
-            // Empty string should be false
-            yield page.getByTestId("setEmptyString").click();
-            yield (0, fixtures_1.expect)(valueDisplay).toContainText("false");
-            yield (0, fixtures_1.expect)(switchElement).not.toBeChecked();
-            // String 'false' should be false
-            yield page.getByTestId("setFalseString").click();
-            yield (0, fixtures_1.expect)(valueDisplay).toContainText("false");
-            yield (0, fixtures_1.expect)(switchElement).not.toBeChecked();
-        }));
-        (0, fixtures_1.test)("switch handles string case sensitivity correctly", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-            yield initTestBed(`
-        <Fragment>
-          <Switch id="mySwitch" initialValue="false" />
-          <Button testId="setFalseString" onClick="mySwitch.setValue('false')">Set 'false'</Button>
-          <Button testId="setFalseUpper" onClick="mySwitch.setValue('FALSE')">Set 'FALSE'</Button>
-          <Button testId="setEmptyString" onClick="mySwitch.setValue('')">Set ''</Button>
-          <Button testId="setWhitespace" onClick="mySwitch.setValue('   ')">Set '   '</Button>
-          <Button testId="setTruthyString" onClick="mySwitch.setValue('anything else')">Set 'anything else'</Button>
-          <Text testId="status">Status: {mySwitch.value}</Text>
-        </Fragment>
-      `);
-            const status = page.getByTestId("status");
-            const switchElement = page.getByRole("switch");
-            // String 'false' should be false
-            yield page.getByTestId("setFalseString").click();
-            yield (0, fixtures_1.expect)(status).toContainText("false");
-            yield (0, fixtures_1.expect)(switchElement).not.toBeChecked();
-            // String 'FALSE' should be false (case insensitive)
-            yield page.getByTestId("setFalseUpper").click();
-            yield (0, fixtures_1.expect)(status).toContainText("false");
-            yield (0, fixtures_1.expect)(switchElement).not.toBeChecked();
-            // Empty string should be false
-            yield page.getByTestId("setEmptyString").click();
-            yield (0, fixtures_1.expect)(status).toContainText("false");
-            yield (0, fixtures_1.expect)(switchElement).not.toBeChecked();
-            // Whitespace-only string should be false
-            yield page.getByTestId("setWhitespace").click();
-            yield (0, fixtures_1.expect)(status).toContainText("false");
-            yield (0, fixtures_1.expect)(switchElement).not.toBeChecked();
-            // Any other string should be true
-            yield page.getByTestId("setTruthyString").click();
-            yield (0, fixtures_1.expect)(status).toContainText("true");
-            yield (0, fixtures_1.expect)(switchElement).toBeChecked();
-        }));
-    });
-});
-// =============================================================================
-// VISUAL STATE TESTS
-// =============================================================================
-fixtures_1.test.describe("Visual States", () => {
-    (0, fixtures_1.test)("component applies switch-specific styling", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createCheckboxDriver, }) {
-        yield initTestBed(`<Switch />`);
-        const driver = yield createCheckboxDriver();
-        // Switch should have different visual styling than checkbox
-        yield (0, fixtures_1.expect)(driver.component).toHaveClass(/switch/);
-    }));
-});
-// =============================================================================
-// VISUAL STATE TESTS
-// =============================================================================
-fixtures_1.test.describe("Theme Vars", () => {
-    (0, fixtures_1.test)("checked borderColor", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createCheckboxDriver }) {
-        yield initTestBed(`<Switch initialValue="true" />`, {
-            testThemeVars: {
-                "borderColor-checked-Switch": "rgb(255, 0, 0)",
-            },
-        });
-        const driver = yield createCheckboxDriver();
-        yield (0, fixtures_1.expect)(driver.component).toHaveCSS("border-color", "rgb(255, 0, 0)");
-    }));
-    (0, fixtures_1.test)("checked backgroundColor", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createCheckboxDriver }) {
-        yield initTestBed(`<Switch initialValue="true" />`, {
-            testThemeVars: {
-                "backgroundColor-checked-Switch": "rgb(0, 255, 0)",
-            },
-        });
-        const driver = yield createCheckboxDriver();
-        yield (0, fixtures_1.expect)(driver.component).toHaveCSS("background-color", "rgb(0, 255, 0)");
-    }));
-    (0, fixtures_1.test)("indicator backgroundColor", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createCheckboxDriver }) {
-        yield initTestBed(`<Switch />`, {
-            testThemeVars: {
-                "backgroundColor-indicator-Switch": "rgb(0, 0, 255)",
-            },
-        });
-        const driver = yield createCheckboxDriver();
-        // Test that the indicator has the correct background color
-        yield (0, fixtures_1.expect)(driver.component).toBeVisible();
-    }));
-    (0, fixtures_1.test)("disabled backgroundColor", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createCheckboxDriver }) {
-        yield initTestBed(`<Switch enabled="false" />`, {
-            testThemeVars: {
-                "backgroundColor-Switch--disabled": "rgb(128, 128, 128)",
-            },
-        });
-        const driver = yield createCheckboxDriver();
-        yield (0, fixtures_1.expect)(driver.component).toHaveCSS("background-color", "rgb(128, 128, 128)");
-    }));
-    (0, fixtures_1.test)("outlineWidth on focus", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createCheckboxDriver }) {
-        yield initTestBed(`<Switch />`, {
-            testThemeVars: {
-                "outlineWidth-Switch": "3px",
-            },
-        });
-        const driver = yield createCheckboxDriver();
-        yield driver.component.focus();
-        yield (0, fixtures_1.expect)(driver.component).toHaveCSS("outline-width", "3px");
-    }));
-    (0, fixtures_1.test)("outlineColor on focus", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createCheckboxDriver }) {
-        yield initTestBed(`<Switch />`, {
-            testThemeVars: {
-                "outlineColor-Switch": "rgb(255, 0, 255)",
-            },
-        });
-        const driver = yield createCheckboxDriver();
-        yield driver.component.focus();
-        yield (0, fixtures_1.expect)(driver.component).toHaveCSS("outline-color", "rgb(255, 0, 255)");
-    }));
-});
-// =============================================================================
-// VALIDATION TESTS
-// =============================================================================
-fixtures_1.test.describe("Validation", () => {
-    (0, fixtures_1.test)(`applies correct borderColor --default`, (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-        yield initTestBed(`<Switch testId="test" />`, {
-            testThemeVars: {
-                "borderColor-Switch": "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 backgroundColor when checked --default`, (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-        yield initTestBed(`<Switch testId="test" initialValue="true" />`, {
-            testThemeVars: {
-                "backgroundColor-checked-Switch": "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 borderColor on hover`, (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-        yield initTestBed(`<Switch testId="test" />`, {
-            testThemeVars: { [`borderColor-Switch--default--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)");
-    }));
-    [
-        { value: "--warning", prop: 'validationStatus="warning"' },
-        { value: "--error", prop: 'validationStatus="error"' },
-        { value: "--success", prop: 'validationStatus="valid"' },
-    ].forEach((variant) => {
-        (0, fixtures_1.test)(`applies correct borderColor ${variant.value}`, (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-            yield initTestBed(`<Switch testId="test" ${variant.prop} />`, {
-                testThemeVars: {
-                    [`borderColor-Switch${variant.value === "--default" ? "" : 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 backgroundColor when checked ${variant.value}`, (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page, }) {
-            yield initTestBed(`<Switch testId="test" initialValue="true" ${variant.prop} />`, {
-                testThemeVars: {
-                    [`backgroundColor-checked-Switch${variant.value === "--default" ? "" : variant.value}`]: "rgb(240, 240, 240)",
-                },
-            });
-            yield (0, fixtures_1.expect)(page.getByTestId("test")).toHaveCSS("background-color", "rgb(240, 240, 240)");
-        }));
-    });
-});
-// =============================================================================
-// EDGE CASE TESTS
-// =============================================================================
-fixtures_1.test.describe("Edge Cases", () => {
-    (0, fixtures_1.test)("component handles null and undefined props gracefully", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createCheckboxDriver, }) {
-        yield initTestBed(`<Switch/>`, {});
-        const driver1 = yield createCheckboxDriver();
-        yield (0, fixtures_1.expect)(driver1.component).toBeVisible();
-        yield initTestBed(`<Switch label=""/>`, {});
-        const driver2 = yield createCheckboxDriver();
-        yield (0, fixtures_1.expect)(driver2.component).toBeVisible();
-    }));
-    (0, fixtures_1.test)("component handles special characters correctly", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createCheckboxDriver, }) {
-        yield initTestBed(`<Switch label="Test with !@#$%^&*()"/>`, {});
-        const driver = yield createCheckboxDriver();
-        yield (0, fixtures_1.expect)(driver.component).toBeVisible();
-    }));
-    (0, fixtures_1.test)("component handles concurrent prop updates correctly", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createCheckboxDriver, }) {
-        yield initTestBed(`<Switch initialValue="false" />`, {});
-        const driver1 = yield createCheckboxDriver();
-        yield (0, fixtures_1.expect)(driver1.component).not.toBeChecked();
-        yield initTestBed(`<Switch initialValue="true" />`, {});
-        const driver2 = yield createCheckboxDriver();
-        yield (0, fixtures_1.expect)(driver2.component).toBeChecked();
-    }));
-});
-// =============================================================================
-// INTEGRATION TESTS
-// =============================================================================
-fixtures_1.test.describe("Integration", () => {
-    (0, fixtures_1.test)("component works correctly in different layout contexts", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createCheckboxDriver, }) {
-        yield initTestBed(`
-      <VStack>
-        <Switch label="First switch" />
-        <Switch label="Second switch" />
-      </VStack>
-    `, {});
-        const driver = yield createCheckboxDriver();
-        // Test basic layout integration
-        yield (0, fixtures_1.expect)(driver.component).toBeVisible();
-        // Test bounding box and dimensions
-        const boundingBox = yield driver.component.boundingBox();
-        (0, fixtures_1.expect)(boundingBox).not.toBeNull();
-        (0, fixtures_1.expect)(boundingBox.width).toBeGreaterThan(0);
-        (0, fixtures_1.expect)(boundingBox.height).toBeGreaterThan(0);
-    }));
-    (0, fixtures_1.test)("component integrates with forms correctly", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-        yield initTestBed(`
-      <Form>
-        <Switch label="Accept terms" required="true" />
-        <Button type="submit">Submit</Button>
-      </Form>
-    `);
-        const switchElement = page.getByRole("switch");
-        const submitButton = page.getByRole("button", { name: "Submit" });
-        yield (0, fixtures_1.expect)(switchElement).toBeVisible();
-        yield (0, fixtures_1.expect)(submitButton).toBeVisible();
-    }));
-    (0, fixtures_1.test)("component works with conditional rendering", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-        yield initTestBed(`
-      <Fragment var.showSwitch="{true}">
-        <Fragment when="{showSwitch}">
-          <Switch label="Conditional switch" />
-        </Fragment>
-        <Button testId="toggleBtn" onClick="showSwitch = !showSwitch">Toggle</Button>
-      </Fragment>
-    `);
-        yield (0, fixtures_1.expect)(page.getByLabel("Conditional switch")).toBeVisible();
-        yield page.getByTestId("toggleBtn").click();
-        yield (0, fixtures_1.expect)(page.getByLabel("Conditional switch")).not.toBeVisible();
-    }));
-});