@tapcart/mobile-components 0.12.12 → 0.12.14

package/dist/tests/quantity-picker.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=quantity-picker.test.d.ts.map

package/dist/tests/quantity-picker.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"quantity-picker.test.d.ts","sourceRoot":"","sources":["../../tests/quantity-picker.test.tsx"],"names":[],"mappings":""}

package/dist/tests/quantity-picker.test.js

@@ -0,0 +1,50 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { render, screen } from "@testing-library/react";
+import { QuantityPicker } from "../components/ui/quantity-picker";
+jest.mock("../components/ui/icon", () => ({
+    Icon: ({ url }) => (_jsx("img", { "data-testid": "icon", src: url, alt: "" })),
+}));
+const baseProps = {
+    decreaseIconUrl: "decrease.svg",
+    increaseIconUrl: "increase.svg",
+    deleteIconUrl: "delete.svg",
+    isDeleteOnly: false,
+    iconColor: "#000",
+    onDecreaseClick: jest.fn(),
+    onIncreaseClick: jest.fn(),
+    setValue: jest.fn(),
+};
+describe("QuantityPicker safeValue", () => {
+    it("displays a valid finite value", () => {
+        render(_jsx(QuantityPicker, Object.assign({}, baseProps, { value: 5 })));
+        expect(screen.getByText("5")).toBeTruthy();
+    });
+    it("falls back to 1 when value is NaN", () => {
+        render(_jsx(QuantityPicker, Object.assign({}, baseProps, { value: NaN })));
+        expect(screen.getByText("1")).toBeTruthy();
+    });
+    it("falls back to 1 when value is Infinity", () => {
+        render(_jsx(QuantityPicker, Object.assign({}, baseProps, { value: Infinity })));
+        expect(screen.getByText("1")).toBeTruthy();
+    });
+    it("falls back to 1 when value is -Infinity", () => {
+        render(_jsx(QuantityPicker, Object.assign({}, baseProps, { value: -Infinity })));
+        expect(screen.getByText("1")).toBeTruthy();
+    });
+    it("shows delete icon when safeValue is 1", () => {
+        render(_jsx(QuantityPicker, Object.assign({}, baseProps, { value: 1 })));
+        const icons = screen.getAllByTestId("icon");
+        // decrease button is the first icon; at quantity 1 it should use deleteIconUrl
+        expect(icons[0].getAttribute("src")).toBe("delete.svg");
+    });
+    it("shows decrease icon when safeValue is greater than 1", () => {
+        render(_jsx(QuantityPicker, Object.assign({}, baseProps, { value: 3 })));
+        const icons = screen.getAllByTestId("icon");
+        expect(icons[0].getAttribute("src")).toBe("decrease.svg");
+    });
+    it("shows delete icon (not decrease) when a non-finite value falls back to 1", () => {
+        render(_jsx(QuantityPicker, Object.assign({}, baseProps, { value: NaN })));
+        const icons = screen.getAllByTestId("icon");
+        expect(icons[0].getAttribute("src")).toBe("delete.svg");
+    });
+});

package/dist/tests/quantity-pickerNEW.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=quantity-pickerNEW.test.d.ts.map

package/dist/tests/quantity-pickerNEW.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"quantity-pickerNEW.test.d.ts","sourceRoot":"","sources":["../../tests/quantity-pickerNEW.test.tsx"],"names":[],"mappings":""}

package/dist/tests/quantity-pickerNEW.test.js

@@ -0,0 +1,70 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { render, screen } from "@testing-library/react";
+import { QuantityPickerNEW } from "../components/ui/quantity-pickerNEW";
+jest.mock("../components/ui/icon", () => ({
+    Icon: ({ url }) => (_jsx("img", { "data-testid": "icon", src: url, alt: "" })),
+}));
+jest.mock("../components/ui/loading-dots", () => ({
+    LoadingDots: () => null,
+}));
+const baseProps = {
+    decreaseIconUrl: "decrease.svg",
+    increaseIconUrl: "increase.svg",
+    deleteIconUrl: "delete.svg",
+    isDeleteOnly: false,
+    iconColor: "#000",
+    onDecreaseClick: jest.fn(),
+    onIncreaseClick: jest.fn(),
+    onValueSet: jest.fn(),
+    onAdjustQuantity: jest.fn(),
+};
+describe("QuantityPickerNEW safeValue", () => {
+    it("displays a valid finite value in the input", () => {
+        render(_jsx(QuantityPickerNEW, Object.assign({}, baseProps, { value: 5 })));
+        const input = screen.getByRole("spinbutton");
+        expect(input.value).toBe("5");
+    });
+    it("falls back to 1 when value is NaN", () => {
+        render(_jsx(QuantityPickerNEW, Object.assign({}, baseProps, { value: NaN })));
+        const input = screen.getByRole("spinbutton");
+        expect(input.value).toBe("1");
+    });
+    it("falls back to 1 when value is Infinity", () => {
+        render(_jsx(QuantityPickerNEW, Object.assign({}, baseProps, { value: Infinity })));
+        const input = screen.getByRole("spinbutton");
+        expect(input.value).toBe("1");
+    });
+    it("falls back to 1 when value is -Infinity", () => {
+        render(_jsx(QuantityPickerNEW, Object.assign({}, baseProps, { value: -Infinity })));
+        const input = screen.getByRole("spinbutton");
+        expect(input.value).toBe("1");
+    });
+    it("shows delete icon when safeValue is 1", () => {
+        render(_jsx(QuantityPickerNEW, Object.assign({}, baseProps, { value: 1 })));
+        const icons = screen.getAllByTestId("icon");
+        expect(icons[0].getAttribute("src")).toBe("delete.svg");
+    });
+    it("shows decrease icon when safeValue is greater than 1", () => {
+        render(_jsx(QuantityPickerNEW, Object.assign({}, baseProps, { value: 3 })));
+        const icons = screen.getAllByTestId("icon");
+        expect(icons[0].getAttribute("src")).toBe("decrease.svg");
+    });
+    it("shows delete icon (not decrease) when a non-finite value falls back to 1", () => {
+        render(_jsx(QuantityPickerNEW, Object.assign({}, baseProps, { value: NaN })));
+        const icons = screen.getAllByTestId("icon");
+        expect(icons[0].getAttribute("src")).toBe("delete.svg");
+    });
+    it("disables the increase button when safeValue equals max", () => {
+        render(_jsx(QuantityPickerNEW, Object.assign({}, baseProps, { value: 10, max: 10 })));
+        const buttons = screen.getAllByRole("button");
+        // increase button is the last button
+        const increaseButton = buttons[buttons.length - 1];
+        expect(increaseButton.disabled).toBe(true);
+    });
+    it("does not disable the increase button when safeValue is below max", () => {
+        render(_jsx(QuantityPickerNEW, Object.assign({}, baseProps, { value: 5, max: 10 })));
+        const buttons = screen.getAllByRole("button");
+        const increaseButton = buttons[buttons.length - 1];
+        expect(increaseButton.disabled).toBe(false);
+    });
+});

package/dist/tests/utils.test.js

@@ -1,4 +1,63 @@
-import { getDestinationHandler, getTextStyle, parseBCP47Locale, } from "../lib/utils";
+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());
+    });
+};
+import { getDestinationHandler, getTextStyle, parseBCP47Locale, shareContent, } from "../lib/utils";
+describe("shareContent", () => {
+    let mockTapcartAction;
+    beforeEach(() => {
+        mockTapcartAction = jest.fn();
+        Object.defineProperty(global.navigator, "share", {
+            configurable: true,
+            writable: true,
+            value: undefined,
+        });
+    });
+    afterEach(() => {
+        jest.clearAllMocks();
+    });
+    it("calls navigator.share with text when available", () => __awaiter(void 0, void 0, void 0, function* () {
+        const mockShare = jest.fn().mockResolvedValue(undefined);
+        Object.defineProperty(global.navigator, "share", {
+            configurable: true,
+            value: mockShare,
+        });
+        yield shareContent("Check this out https://shop.com/products/hat", mockTapcartAction);
+        expect(mockShare).toHaveBeenCalledWith({
+            text: "Check this out https://shop.com/products/hat",
+        });
+        expect(mockTapcartAction).not.toHaveBeenCalled();
+    }));
+    it("falls back to tapcartAction when navigator.share is unavailable", () => __awaiter(void 0, void 0, void 0, function* () {
+        yield shareContent("Check this out https://shop.com/products/hat", mockTapcartAction);
+        expect(mockTapcartAction).toHaveBeenCalledWith("app/share", {
+            text: "Check this out https://shop.com/products/hat",
+        });
+    }));
+    it("falls back to tapcartAction when tapcartAction is undefined", () => __awaiter(void 0, void 0, void 0, function* () {
+        yield expect(shareContent("text", undefined)).resolves.toBeUndefined();
+    }));
+    it("swallows errors from navigator.share and does not call tapcartAction", () => __awaiter(void 0, void 0, void 0, function* () {
+        const mockShare = jest.fn().mockRejectedValue(new Error("AbortError"));
+        Object.defineProperty(global.navigator, "share", {
+            configurable: true,
+            value: mockShare,
+        });
+        const consoleSpy = jest.spyOn(console, "error").mockImplementation(() => { });
+        yield shareContent("text", mockTapcartAction);
+        expect(consoleSpy).toHaveBeenCalledWith("Could not initiate share", expect.any(Error));
+        expect(mockTapcartAction).not.toHaveBeenCalled();
+        consoleSpy.mockRestore();
+    }));
+    it("falls back to tapcartAction when tapcartAction is null", () => __awaiter(void 0, void 0, void 0, function* () {
+        yield expect(shareContent("text", null)).resolves.toBeUndefined();
+    }));
+});
 describe("DESTINATION_HANDLERS", () => {
     describe("url handler", () => {
         const mockActions = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tapcart/mobile-components",
-  "version": "0.12.12",
+  "version": "0.12.14",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "style": "dist/styles.css",