svelte-comp 1.2.7 → 1.3.5

package/dist/lib/__tests__/Form.test.js

@@ -0,0 +1,463 @@
+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());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+// $lib/__tests__/Form.test.ts
+import { render, fireEvent } from "@testing-library/svelte";
+import { describe, it, expect, vi } from "vitest";
+import Form from "../Form.svelte";
+describe("Form", function () {
+    var basicSchema = [
+        {
+            name: "email",
+            type: "email",
+            label: "Email",
+            required: true,
+        },
+        {
+            name: "password",
+            type: "password",
+            label: "Password",
+            required: true,
+        },
+        {
+            name: "newsletter",
+            type: "checkbox",
+            label: "Subscribe to newsletter",
+        },
+    ];
+    it("renders form with all field types", function () {
+        var getByText = render(Form, {
+            props: { schema: basicSchema },
+        }).getByText;
+        expect(getByText("Email")).toBeTruthy();
+        expect(getByText("Password")).toBeTruthy();
+        expect(getByText("Subscribe to newsletter")).toBeTruthy();
+    });
+    it("initializes form with default values", function () {
+        var container = render(Form, {
+            props: {
+                schema: basicSchema,
+                value: { email: "test@example.com" },
+            },
+        }).container;
+        var emailInput = container.querySelector('input[type="email"]');
+        expect(emailInput.value).toBe("test@example.com");
+    });
+    it("updates form values on input", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var mockOnChange, container, emailInput;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    mockOnChange = vi.fn();
+                    container = render(Form, {
+                        props: {
+                            schema: basicSchema,
+                            onChange: mockOnChange,
+                        },
+                    }).container;
+                    emailInput = container.querySelector('input[type="email"]');
+                    return [4 /*yield*/, fireEvent.input(emailInput, { target: { value: "new@example.com" } })];
+                case 1:
+                    _a.sent();
+                    expect(mockOnChange).toHaveBeenCalledWith({
+                        email: "new@example.com",
+                        password: "",
+                        newsletter: false,
+                    });
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it("validates required fields on blur", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var _a, container, findByText, emailInput, error;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    _a = render(Form, {
+                        props: {
+                            schema: basicSchema,
+                            validateOn: "blur",
+                        },
+                    }), container = _a.container, findByText = _a.findByText;
+                    emailInput = container.querySelector('input[type="email"]');
+                    return [4 /*yield*/, fireEvent.blur(emailInput)];
+                case 1:
+                    _b.sent();
+                    return [4 /*yield*/, findByText("Required")];
+                case 2:
+                    error = _b.sent();
+                    expect(error).toBeTruthy();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it("submits form when valid", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var mockOnSubmit, container, emailInput, passwordInput, form;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    mockOnSubmit = vi.fn();
+                    container = render(Form, {
+                        props: {
+                            schema: basicSchema,
+                            onSubmit: mockOnSubmit,
+                        },
+                    }).container;
+                    emailInput = container.querySelector('input[type="email"]');
+                    passwordInput = container.querySelector('input[type="password"]');
+                    return [4 /*yield*/, fireEvent.input(emailInput, {
+                            target: { value: "test@example.com" },
+                        })];
+                case 1:
+                    _a.sent();
+                    return [4 /*yield*/, fireEvent.input(passwordInput, { target: { value: "password123" } })];
+                case 2:
+                    _a.sent();
+                    form = container.querySelector("form");
+                    return [4 /*yield*/, fireEvent.submit(form)];
+                case 3:
+                    _a.sent();
+                    expect(mockOnSubmit).toHaveBeenCalledWith({
+                        email: "test@example.com",
+                        password: "password123",
+                        newsletter: false,
+                    }, expect.objectContaining({
+                        reset: expect.any(Function),
+                    }));
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it("shows validation errors on submit when validateOn='submit'", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var mockOnSubmit, formApi, container, isValid, form;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    mockOnSubmit = vi.fn();
+                    container = render(Form, {
+                        props: {
+                            schema: basicSchema,
+                            validateOn: "submit",
+                            onSubmit: mockOnSubmit,
+                            expose: function (api) {
+                                formApi = api;
+                            },
+                        },
+                    }).container;
+                    return [4 /*yield*/, formApi.validate()];
+                case 1:
+                    isValid = _a.sent();
+                    expect(isValid).toBe(false);
+                    form = container.querySelector("form");
+                    return [4 /*yield*/, fireEvent.submit(form)];
+                case 2:
+                    _a.sent();
+                    expect(mockOnSubmit).not.toHaveBeenCalled();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it("handles conditional fields with when function", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var conditionalSchema, _a, container, queryByText, checkbox;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    conditionalSchema = [
+                        {
+                            name: "show_extra",
+                            type: "checkbox",
+                            label: "Show extra field",
+                        },
+                        {
+                            name: "extra_field",
+                            type: "text",
+                            label: "Extra Field",
+                            when: function (form) { return form.show_extra === true; },
+                        },
+                    ];
+                    _a = render(Form, {
+                        props: { schema: conditionalSchema },
+                    }), container = _a.container, queryByText = _a.queryByText;
+                    expect(queryByText("Extra Field")).toBeNull();
+                    checkbox = container.querySelector('input[type="checkbox"]');
+                    return [4 /*yield*/, fireEvent.click(checkbox)];
+                case 1:
+                    _b.sent();
+                    expect(queryByText("Extra Field")).toBeTruthy();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it("resets form values using expose API", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var formApi, container, emailInput;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    container = render(Form, {
+                        props: {
+                            schema: basicSchema,
+                            expose: function (api) {
+                                formApi = api;
+                            },
+                        },
+                    }).container;
+                    emailInput = container.querySelector('input[type="email"]');
+                    return [4 /*yield*/, fireEvent.input(emailInput, {
+                            target: { value: "test@example.com" },
+                        })];
+                case 1:
+                    _a.sent();
+                    expect(emailInput.value).toBe("test@example.com");
+                    formApi.reset();
+                    return [4 /*yield*/, new Promise(function (resolve) { return setTimeout(resolve, 0); })];
+                case 2:
+                    _a.sent();
+                    expect(emailInput.value).toBe("");
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it("handles select field type", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var schemaWithSelect, getByText;
+        return __generator(this, function (_a) {
+            schemaWithSelect = [
+                {
+                    name: "country",
+                    type: "select",
+                    label: "Country",
+                    options: [
+                        { value: "us", label: "USA" },
+                        { value: "ca", label: "Canada" },
+                    ],
+                },
+            ];
+            getByText = render(Form, {
+                props: { schema: schemaWithSelect },
+            }).getByText;
+            expect(getByText("Country")).toBeTruthy();
+            return [2 /*return*/];
+        });
+    }); });
+    it("applies compact mode styles", function () {
+        var container = render(Form, {
+            props: {
+                schema: basicSchema,
+                compact: true,
+            },
+        }).container;
+        var form = container.querySelector("form");
+        expect(form === null || form === void 0 ? void 0 : form.className).toContain("justify-items-center");
+    });
+    it("handles custom validators", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var customValidator, schemaWithValidator, _a, container, findByText, usernameInput, error;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    customValidator = vi.fn(function (value) {
+                        return typeof value === "string" && value.length < 3
+                            ? "Must be at least 3 characters"
+                            : null;
+                    });
+                    schemaWithValidator = [
+                        {
+                            name: "username",
+                            type: "text",
+                            label: "Username",
+                            validators: [customValidator],
+                        },
+                    ];
+                    _a = render(Form, {
+                        props: {
+                            schema: schemaWithValidator,
+                            validateOn: "blur",
+                        },
+                    }), container = _a.container, findByText = _a.findByText;
+                    usernameInput = container.querySelector('input[type="text"]');
+                    return [4 /*yield*/, fireEvent.input(usernameInput, { target: { value: "ab" } })];
+                case 1:
+                    _b.sent();
+                    return [4 /*yield*/, fireEvent.blur(usernameInput)];
+                case 2:
+                    _b.sent();
+                    return [4 /*yield*/, findByText("Must be at least 3 characters")];
+                case 3:
+                    error = _b.sent();
+                    expect(error).toBeTruthy();
+                    expect(customValidator).toHaveBeenCalledWith("ab", expect.any(Object));
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it("handles number field type with parsing", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var numberSchema, mockOnChange, container, ageInput;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    numberSchema = [
+                        {
+                            name: "age",
+                            type: "number",
+                            label: "Age",
+                        },
+                    ];
+                    mockOnChange = vi.fn();
+                    container = render(Form, {
+                        props: {
+                            schema: numberSchema,
+                            onChange: mockOnChange,
+                        },
+                    }).container;
+                    ageInput = container.querySelector('input[type="number"]');
+                    return [4 /*yield*/, fireEvent.input(ageInput, { target: { value: "25" } })];
+                case 1:
+                    _a.sent();
+                    expect(mockOnChange).toHaveBeenCalledWith({
+                        age: 25,
+                    });
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it("applies custom label alignment", function () {
+        var container = render(Form, {
+            props: {
+                schema: basicSchema,
+                labelAlign: "center",
+            },
+        }).container;
+        var labels = container.querySelectorAll('[class*="text-center"]');
+        expect(labels.length).toBeGreaterThan(0);
+    });
+    it("generates deterministic form ids", function () {
+        var container1 = render(Form, {
+            props: { schema: basicSchema },
+        }).container;
+        var container2 = render(Form, {
+            props: { schema: basicSchema },
+        }).container;
+        var form1 = container1.querySelector("form");
+        var form2 = container2.querySelector("form");
+        expect(form1 === null || form1 === void 0 ? void 0 : form1.id).toMatch(/^form-/);
+        expect(form2 === null || form2 === void 0 ? void 0 : form2.id).toMatch(/^form-/);
+    });
+    it("submits form programmatically via expose API", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var mockOnSubmit, formApi, container, emailInput, passwordInput;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    mockOnSubmit = vi.fn();
+                    container = render(Form, {
+                        props: {
+                            schema: basicSchema,
+                            onSubmit: mockOnSubmit,
+                            expose: function (api) {
+                                formApi = api;
+                            },
+                        },
+                    }).container;
+                    emailInput = container.querySelector('input[type="email"]');
+                    passwordInput = container.querySelector('input[type="password"]');
+                    return [4 /*yield*/, fireEvent.input(emailInput, {
+                            target: { value: "test@example.com" },
+                        })];
+                case 1:
+                    _a.sent();
+                    return [4 /*yield*/, fireEvent.input(passwordInput, { target: { value: "password123" } })];
+                case 2:
+                    _a.sent();
+                    return [4 /*yield*/, formApi.submit()];
+                case 3:
+                    _a.sent();
+                    expect(mockOnSubmit).toHaveBeenCalledWith({
+                        email: "test@example.com",
+                        password: "password123",
+                        newsletter: false,
+                    }, expect.any(Object));
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it("validates form programmatically via expose API", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var formApi, isValid;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    render(Form, {
+                        props: {
+                            schema: basicSchema,
+                            expose: function (api) {
+                                formApi = api;
+                            },
+                        },
+                    });
+                    return [4 /*yield*/, formApi.validate()];
+                case 1:
+                    isValid = _a.sent();
+                    expect(isValid).toBe(false);
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it("gets form data via expose API", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var formApi, container, emailInput, formData;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    container = render(Form, {
+                        props: {
+                            schema: basicSchema,
+                            expose: function (api) {
+                                formApi = api;
+                            },
+                        },
+                    }).container;
+                    emailInput = container.querySelector('input[type="email"]');
+                    return [4 /*yield*/, fireEvent.input(emailInput, {
+                            target: { value: "test@example.com" },
+                        })];
+                case 1:
+                    _a.sent();
+                    formData = formApi.getData();
+                    expect(formData).toEqual({
+                        email: "test@example.com",
+                        password: "",
+                        newsletter: false,
+                    });
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+});

package/dist/lib/__tests__/Hamburger.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/lib/__tests__/Hamburger.test.js

@@ -0,0 +1,161 @@
+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());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import { render, fireEvent } from "@testing-library/svelte";
+import { describe, it, expect, vi } from "vitest";
+import Hamburger from "../Hamburger.svelte";
+var items = [
+    { id: "home", label: "Home" },
+    { id: "settings", label: "Settings" },
+];
+describe("Hamburger", function () {
+    it("renders trigger and opens dialog on click", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var _a, getByRole, queryByRole, trigger;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    _a = render(Hamburger, {
+                        props: { menuItems: items },
+                    }), getByRole = _a.getByRole, queryByRole = _a.queryByRole;
+                    expect(queryByRole("dialog")).toBeNull();
+                    trigger = getByRole("button", { name: "Toggle navigation" });
+                    return [4 /*yield*/, fireEvent.click(trigger)];
+                case 1:
+                    _b.sent();
+                    expect(getByRole("dialog")).toBeTruthy();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it("renders menu items when open", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var _a, getByRole, getByText;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    _a = render(Hamburger, {
+                        props: { menuItems: items },
+                    }), getByRole = _a.getByRole, getByText = _a.getByText;
+                    return [4 /*yield*/, fireEvent.click(getByRole("button", { name: "Toggle navigation" }))];
+                case 1:
+                    _b.sent();
+                    expect(getByText("Home")).toBeTruthy();
+                    expect(getByText("Settings")).toBeTruthy();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it("calls onSelect and closes when closeOnSelect is true", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var onSelect, _a, getByRole, getByText, queryByRole;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    onSelect = vi.fn();
+                    _a = render(Hamburger, {
+                        props: { menuItems: items, onSelect: onSelect, closeOnSelect: true },
+                    }), getByRole = _a.getByRole, getByText = _a.getByText, queryByRole = _a.queryByRole;
+                    return [4 /*yield*/, fireEvent.click(getByRole("button", { name: "Toggle navigation" }))];
+                case 1:
+                    _b.sent();
+                    return [4 /*yield*/, fireEvent.click(getByText("Home"))];
+                case 2:
+                    _b.sent();
+                    expect(onSelect).toHaveBeenCalledWith("home");
+                    expect(queryByRole("dialog")).toBeNull();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it("keeps open when closeOnSelect is false", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var onSelect, _a, getByRole, getByText;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    onSelect = vi.fn();
+                    _a = render(Hamburger, {
+                        props: { menuItems: items, onSelect: onSelect, closeOnSelect: false },
+                    }), getByRole = _a.getByRole, getByText = _a.getByText;
+                    return [4 /*yield*/, fireEvent.click(getByRole("button", { name: "Toggle navigation" }))];
+                case 1:
+                    _b.sent();
+                    return [4 /*yield*/, fireEvent.click(getByText("Settings"))];
+                case 2:
+                    _b.sent();
+                    expect(onSelect).toHaveBeenCalledWith("settings");
+                    expect(getByRole("dialog")).toBeTruthy();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it("closes on overlay click", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var _a, getByRole, container, queryByRole, overlay;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    _a = render(Hamburger, {
+                        props: { menuItems: items },
+                    }), getByRole = _a.getByRole, container = _a.container, queryByRole = _a.queryByRole;
+                    return [4 /*yield*/, fireEvent.click(getByRole("button", { name: "Toggle navigation" }))];
+                case 1:
+                    _b.sent();
+                    overlay = container.querySelector('button[aria-hidden="true"]');
+                    return [4 /*yield*/, fireEvent.click(overlay)];
+                case 2:
+                    _b.sent();
+                    expect(queryByRole("dialog")).toBeNull();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it("closes on Escape key", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var _a, getByRole, queryByRole;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    _a = render(Hamburger, {
+                        props: { menuItems: items },
+                    }), getByRole = _a.getByRole, queryByRole = _a.queryByRole;
+                    return [4 /*yield*/, fireEvent.click(getByRole("button", { name: "Toggle navigation" }))];
+                case 1:
+                    _b.sent();
+                    return [4 /*yield*/, fireEvent.keyDown(document, { key: "Escape" })];
+                case 2:
+                    _b.sent();
+                    expect(queryByRole("dialog")).toBeNull();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+});

package/dist/lib/__tests__/InstallPWA.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/lib/__tests__/InstallPWA.test.js

@@ -0,0 +1,15 @@
+import { describe, expect, it } from "vitest";
+import { render } from "@testing-library/svelte";
+import InstallPWA from "../InstallPWA.svelte";
+describe("InstallPWA", function () {
+    it("renders button when alwaysShow is true", function () {
+        var getByText = render(InstallPWA, {
+            props: { alwaysShow: true },
+        }).getByText;
+        expect(getByText("Install App")).toBeTruthy();
+    });
+    it("does not render button by default", function () {
+        var queryByText = render(InstallPWA).queryByText;
+        expect(queryByText("Install App")).toBeNull();
+    });
+});

package/dist/lib/__tests__/Menu.test.d.ts

@@ -0,0 +1 @@
+export {};