jcoffey-dev
191c4e7e68
The share address takes a plain form POST, which any website can make, and the app opened whatever arrived straight into a composer. It now shows what was shared -- the title, the start of the text and link, and the file names -- and opens a message only when the reader chooses to. Discarding drops it. Confirm dialogs now put a message that is not plain text in a div, since the summary has blocks of its own. Three new strings, translated in all nine catalogs.
70 lines
2.2 KiB
TypeScript
70 lines
2.2 KiB
TypeScript
import { act } from "react";
|
|
import { createRoot, type Root } from "react-dom/client";
|
|
import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
|
|
import { ConfirmHost } from "@/ui/dialog";
|
|
import { offerShare } from "../ShareOffer";
|
|
import type { SharedContent } from "@/lib/shareTarget";
|
|
|
|
(globalThis as { IS_REACT_ACT_ENVIRONMENT?: boolean }).IS_REACT_ACT_ENVIRONMENT = true;
|
|
|
|
/**
|
|
* A share becomes a message only when the reader says so. The share address
|
|
* takes a plain form POST, which any website can make.
|
|
*/
|
|
|
|
const share: SharedContent = {
|
|
title: "Quarterly figures",
|
|
text: "Have a look at these before Friday",
|
|
url: "https://example.com/q3",
|
|
files: [new File(["x"], "q3.xlsx"), new File(["y"], "notes.txt")],
|
|
};
|
|
|
|
let host: HTMLDivElement;
|
|
let root: Root;
|
|
|
|
beforeEach(() => {
|
|
host = document.createElement("div");
|
|
document.body.appendChild(host);
|
|
root = createRoot(host);
|
|
act(() => root.render(<ConfirmHost />));
|
|
});
|
|
|
|
afterEach(() => {
|
|
act(() => root.unmount());
|
|
host.remove();
|
|
document.body.innerHTML = "";
|
|
});
|
|
|
|
const button = (label: string) => [...document.querySelectorAll("button")].find((b) => b.textContent?.trim() === label);
|
|
|
|
describe("offering a share", () => {
|
|
it("shows what arrived before anything is opened", async () => {
|
|
const open = vi.fn();
|
|
let pending!: Promise<boolean>;
|
|
await act(async () => {
|
|
pending = offerShare(share, open);
|
|
});
|
|
const text = document.body.textContent ?? "";
|
|
expect(text).toContain("Start a new message with what was shared?");
|
|
expect(text).toContain("Quarterly figures");
|
|
expect(text).toContain("Have a look at these before Friday https://example.com/q3");
|
|
expect(text).toContain("q3.xlsx");
|
|
expect(text).toContain("notes.txt");
|
|
expect(open).not.toHaveBeenCalled();
|
|
await act(async () => button("Start a message")!.click());
|
|
expect(await pending).toBe(true);
|
|
expect(open).toHaveBeenCalledWith(share);
|
|
});
|
|
|
|
it("opens nothing when discarded", async () => {
|
|
const open = vi.fn();
|
|
let pending!: Promise<boolean>;
|
|
await act(async () => {
|
|
pending = offerShare(share, open);
|
|
});
|
|
await act(async () => button("Discard")!.click());
|
|
expect(await pending).toBe(false);
|
|
expect(open).not.toHaveBeenCalled();
|
|
});
|
|
});
|