Skip to content

feat(purchase): mention Warp in Pro modal and suggest an account after purchase #274

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
wizzomafizzo merged 1 commit into from
Sep 15, 2026
Merged

feat(purchase): mention Warp in Pro modal and suggest an account after purchase #274

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
173 changes: 171 additions & 2 deletions src/__tests__/unit/components/ProPurchase.test.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -42,16 +42,23 @@ const {
mockCopyDiagnostics,
mockGetBillingDiagnostics,
mockGetSubscriptionStatus,
mockNavigate,
mockReconcileStorePurchases,
mockRestorePurchasesForUser,
} = vi.hoisted(() => ({
mockCopyDiagnostics: vi.fn(),
mockGetBillingDiagnostics: vi.fn(),
mockGetSubscriptionStatus: vi.fn(),
mockNavigate: vi.fn(),
mockReconcileStorePurchases: vi.fn(),
mockRestorePurchasesForUser: vi.fn(),
}));

vi.mock("@tanstack/react-router", async (importOriginal) => ({
...(await importOriginal<typeof import("@tanstack/react-router")>()),
useRouter: () => ({ navigate: mockNavigate }),
}));

vi.mock("@capacitor/clipboard", () => ({
Clipboard: {
write: mockCopyDiagnostics,
Expand Down Expand Up @@ -419,6 +426,9 @@ describe("useProPurchase", () => {
await user.click(screen.getByRole("button", { name: "Open Pro purchase" }));

expect(screen.getByText("scan.purchaseProUnavailable")).toBeInTheDocument();
expect(
screen.queryByText("scan.purchaseProWarpNote"),
).not.toBeInTheDocument();
expect(
screen.getByRole("button", { name: "scan.purchaseProUnavailableAction" }),
).toBeDisabled();
Expand Down Expand Up @@ -711,6 +721,10 @@ describe("useProPurchase", () => {
it("should ignore repeat activations and block dismissal while purchasing", async () => {
const user = userEvent.setup();
const { Purchases } = await import("@revenuecat/purchases-capacitor");
const { useStatusStore } = await import("@/lib/store");
useStatusStore.setState({
loggedInUser: { uid: "firebase-user-123" } as never,
});
let resolvePurchase:
| ((value: Awaited<ReturnType<typeof Purchases.purchasePackage>>) => void)
| undefined;
Expand Down Expand Up @@ -738,6 +752,9 @@ describe("useProPurchase", () => {
expect(
within(dialog).getByRole("button", { name: "loading" }),
).toBeDisabled();
expect(
within(dialog).getByRole("button", { name: "scan.purchaseProWarpLink" }),
).toBeDisabled();
expect(
within(dialog).queryByRole("button", { name: "nav.close" }),
).not.toBeInTheDocument();
Expand All @@ -761,6 +778,10 @@ describe("useProPurchase", () => {
it("should never buy the current Warp package as Pro", async () => {
const user = userEvent.setup();
const { Purchases } = await import("@revenuecat/purchases-capacitor");
const { useStatusStore } = await import("@/lib/store");
useStatusStore.setState({
loggedInUser: { uid: "firebase-user-123" } as never,
});
const proPackage = createPackage();
const warpPackage = {
...createPackage(),
Expand Down Expand Up @@ -834,8 +855,8 @@ describe("useProPurchase", () => {
});
expect(toast.error).not.toHaveBeenCalledWith("scan.purchaseProFailed");
expect(
screen.queryByRole("dialog", { name: "scan.purchaseProTitle" }),
).not.toBeInTheDocument();
await screen.findByRole("dialog", { name: "scan.purchaseAccountTitle" }),
).toBeInTheDocument();
});

it("should show a purchase error without enabling launch on scan", async () => {
Expand Down Expand Up @@ -937,6 +958,151 @@ describe("useProPurchase", () => {
expect(
screen.queryByRole("dialog", { name: "scan.purchaseProTitle" }),
).not.toBeInTheDocument();
expect(
screen.queryByRole("dialog", { name: "scan.purchaseAccountTitle" }),
).not.toBeInTheDocument();
});

it("should offer Zaparoo Online after recovering an already-owned purchase", async () => {
const user = userEvent.setup();
const { Purchases } = await import("@revenuecat/purchases-capacitor");
const toast = (await import("react-hot-toast")).default;
vi.mocked(Purchases.getOfferings).mockResolvedValue(
createOfferings(createOffering([createPackage()])),
);
vi.mocked(Purchases.purchasePackage).mockRejectedValue({
code: "6",
message: "This product is already active for the user.",
userInfo: { readableErrorCode: "ProductAlreadyPurchasedError" },
});
mockReconcileStorePurchases.mockResolvedValue({
entitlements: { active: { tapto_launcher: {} } },
});

render(<ProPurchaseHarness />);
await waitFor(() => expect(Purchases.getOfferings).toHaveBeenCalled());
await user.click(screen.getByRole("button", { name: "Open Pro purchase" }));
await user.click(
await screen.findByRole("button", { name: "scan.purchaseProAction" }),
);

expect(
await screen.findByRole("dialog", { name: "scan.purchaseAccountTitle" }),
).toBeInTheDocument();
expect(toast.success).toHaveBeenCalledWith("scan.purchaseProRestored");
const { usePreferencesStore } = await import("@/lib/preferencesStore");
expect(usePreferencesStore.getState().storeVerifiedProAccess).toBe(false);
});

it("should offer Zaparoo Online after a signed-out purchase", async () => {
const user = userEvent.setup();
const { Purchases } = await import("@revenuecat/purchases-capacitor");
vi.mocked(Purchases.getOfferings).mockResolvedValue(
createOfferings(createOffering([createPackage()])),
);
vi.mocked(Purchases.purchasePackage).mockResolvedValue({
customerInfo: {
entitlements: { active: { tapto_launcher: {} } },
},
} as never);

render(<ProPurchaseHarness />);
await waitFor(() => expect(Purchases.getOfferings).toHaveBeenCalled());
await user.click(screen.getByRole("button", { name: "Open Pro purchase" }));
await user.click(
await screen.findByRole("button", { name: "scan.purchaseProAction" }),
);

const dialog = await screen.findByRole("dialog", {
name: "scan.purchaseAccountTitle",
});
const { usePreferencesStore } = await import("@/lib/preferencesStore");
expect(usePreferencesStore.getState().lifetimeProAccess).toBe(true);
expect(mockSetLaunchOnScan).toHaveBeenCalledWith(true);
expect(
within(dialog).getByText("scan.purchaseAccountThanks"),
).toHaveFocus();
expect(
within(dialog).getByText("scan.purchaseAccountDescription"),
).toBeInTheDocument();

await user.click(
within(dialog).getByRole("button", {
name: "scan.purchaseAccountAction",
}),
);

expect(mockNavigate).toHaveBeenCalledWith({ to: "/settings/online" });
await waitFor(() => {
expect(dialog).toHaveStyle({ transform: "translate3d(0, 100%, 0)" });
});
});

it("should return to checkout after skipping Zaparoo Online", async () => {
const user = userEvent.setup();
const { Purchases } = await import("@revenuecat/purchases-capacitor");
vi.mocked(Purchases.getOfferings).mockResolvedValue(
createOfferings(createOffering([createPackage()])),
);
vi.mocked(Purchases.purchasePackage).mockResolvedValue({
customerInfo: {
entitlements: { active: { tapto_launcher: {} } },
},
} as never);

render(<ProPurchaseHarness />);
await waitFor(() => expect(Purchases.getOfferings).toHaveBeenCalled());
await user.click(screen.getByRole("button", { name: "Open Pro purchase" }));
await user.click(
await screen.findByRole("button", { name: "scan.purchaseProAction" }),
);
const dialog = await screen.findByRole("dialog", {
name: "scan.purchaseAccountTitle",
});

await user.click(
within(dialog).getByRole("button", { name: "scan.purchaseAccountLater" }),
);

await waitFor(() => {
expect(dialog).toHaveStyle({ transform: "translate3d(0, 100%, 0)" });
});
expect(mockNavigate).not.toHaveBeenCalled();

await user.click(screen.getByRole("button", { name: "Open Pro purchase" }));

expect(screen.getByRole("dialog", { name: "scan.purchaseProTitle" })).toBe(
dialog,
);
});

it("should link to Warp as a subscription that also includes Pro", async () => {
const user = userEvent.setup();
const { Purchases } = await import("@revenuecat/purchases-capacitor");
vi.mocked(Purchases.getOfferings).mockResolvedValue(
createOfferings(createOffering([createPackage()])),
);

render(<ProPurchaseHarness />);
await user.click(screen.getByRole("button", { name: "Open Pro purchase" }));
await screen.findByRole("button", { name: "scan.purchaseProAction" });
const dialog = screen.getByRole("dialog", {
name: "scan.purchaseProTitle",
});

expect(
within(dialog).getByText("scan.purchaseProWarpNote"),
).toBeInTheDocument();

await user.click(
within(dialog).getByRole("button", { name: "scan.purchaseProWarpLink" }),
);

expect(mockNavigate).toHaveBeenCalledWith({ to: "/settings/online" });
expect(Purchases.purchasePackage).not.toHaveBeenCalled();
await waitFor(() => {
expect(dialog).toHaveStyle({ transform: "translate3d(0, 100%, 0)" });
});
});

it("should restore Pro from the general purchase support controls", async () => {
Expand Down Expand Up @@ -1100,6 +1266,9 @@ describe("useProPurchase", () => {

expect(screen.getByText("scan.purchaseProUnavailable")).toBeInTheDocument();
expect(screen.queryByText(/\$6\.99/)).not.toBeInTheDocument();
expect(
screen.queryByText("scan.purchaseProWarpNote"),
).not.toBeInTheDocument();
});

it("should keep purchase modal hidden until opened", () => {
Expand Down
26 changes: 24 additions & 2 deletions src/__tests__/unit/components/WarpSubscription.test.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -212,6 +212,24 @@ describe("WarpSubscription", () => {
).not.toBeInTheDocument();
});

it("should not sell Pro access to lifetime Pro owners at checkout", async () => {
const user = userEvent.setup();
usePreferencesStore.setState({ lifetimeProAccess: true });
render(<WarpSubscription appUserID="user-123" />);

await user.click(screen.getByRole("button", { name: "online.warp.get" }));

const dialog = screen.getByRole("dialog", {
name: "online.warp.purchaseTitle",
});
expect(
within(dialog).getByText("online.warp.proOwned"),
).toBeInTheDocument();
expect(
within(dialog).queryByText("online.warp.benefitPro"),
).not.toBeInTheDocument();
});

it("should preserve separately owned lifetime Pro in active Warp copy", () => {
usePreferencesStore.setState({ lifetimeProAccess: true });
mockUseWarpSubscription.mockReturnValue(
Expand All @@ -226,10 +244,14 @@ describe("WarpSubscription", () => {
);

render(<WarpSubscription appUserID="user-123" />);
// The closed checkout stays mounted and repeats this copy in its list.
const status = within(
screen.getByRole("heading", { name: "online.warp.title" }).parentElement!,
);

expect(screen.getByText("online.warp.proOwned")).toBeInTheDocument();
expect(status.getByText("online.warp.proOwned")).toBeInTheDocument();
expect(
screen.queryByText("online.warp.proIncluded"),
status.queryByText("online.warp.proIncluded"),
).not.toBeInTheDocument();
});

Expand Down
Loading