mirror of
https://github.com/software-mansion/argent.git
synced 2026-09-14 19:27:14 +08:00
468 lines
18 KiB
TypeScript
468 lines
18 KiB
TypeScript
import fs from "fs/promises";
|
|
import os from "os";
|
|
import path from "path";
|
|
import { PNG } from "pngjs";
|
|
import { describe, expect, it, vi } from "vitest";
|
|
import { ArtifactStore } from "@argent/registry";
|
|
import { executeScreenshotDiffTool, screenshotDiffTool } from "../src/tools/screenshot-diff";
|
|
import { RUNNER_COMMAND_TIMEOUT_MS } from "../src/utils/ios-device/runner-client";
|
|
|
|
describe("screenshotDiffTool", () => {
|
|
it("rejects public tuning options so defaults stay internal", () => {
|
|
const result = screenshotDiffTool.zodSchema!.safeParse({
|
|
baselinePath: "/tmp/baseline.png",
|
|
currentPath: "/tmp/current.png",
|
|
udid: "ABC",
|
|
outputDir: "/tmp",
|
|
includeTextAnalysis: false,
|
|
threshold: 0.2,
|
|
textChangeMinConfidence: 0.9,
|
|
maxRegions: 3,
|
|
});
|
|
|
|
expect(result.success).toBe(false);
|
|
});
|
|
|
|
it("requires udid and only declares the simulator-server service for live captures", () => {
|
|
expect(
|
|
screenshotDiffTool.zodSchema!.safeParse({
|
|
baselinePath: "/tmp/baseline.png",
|
|
currentPath: "/tmp/current.png",
|
|
outputDir: "/tmp",
|
|
}).success
|
|
).toBe(false);
|
|
|
|
// A pure static-PNG diff needs no SimulatorServer — requesting it
|
|
// unconditionally would fail on tvOS sims that have no such backend.
|
|
const staticParams = {
|
|
baselinePath: "/tmp/baseline.png",
|
|
currentPath: "/tmp/current.png",
|
|
udid: "ABC",
|
|
outputDir: "/tmp",
|
|
};
|
|
expect(screenshotDiffTool.zodSchema!.safeParse(staticParams).success).toBe(true);
|
|
expect(screenshotDiffTool.services(staticParams)).toEqual({});
|
|
|
|
// A live capture resolves and starts the SimulatorServer for the device.
|
|
const liveParams = {
|
|
baselinePath: "/tmp/baseline.png",
|
|
captureCurrent: true,
|
|
udid: "ABC",
|
|
outputDir: "/tmp",
|
|
};
|
|
expect(screenshotDiffTool.zodSchema!.safeParse(liveParams).success).toBe(true);
|
|
expect(screenshotDiffTool.services(liveParams)).toEqual({
|
|
simulatorServer: {
|
|
urn: "SimulatorServer:ABC",
|
|
options: {
|
|
device: {
|
|
id: "ABC",
|
|
platform: "android",
|
|
// A non-`emulator-*` serial resolves to a physical device.
|
|
kind: "device",
|
|
},
|
|
},
|
|
},
|
|
});
|
|
});
|
|
|
|
it("returns only the summary and diff artifact paths", async () => {
|
|
const dir = await fs.mkdtemp(path.join(os.tmpdir(), "argent-screenshot-diff-tool-"));
|
|
const baselinePath = path.join(dir, "baseline.png");
|
|
const currentPath = path.join(dir, "current.png");
|
|
await writePng(baselinePath, 2, 2, { r: 10, g: 20, b: 30 });
|
|
await writePng(currentPath, 2, 2, { r: 10, g: 20, b: 30 });
|
|
|
|
const result = await executeScreenshotDiffTool(
|
|
{},
|
|
{
|
|
baselinePath,
|
|
currentPath,
|
|
udid: "ABC",
|
|
outputDir: dir,
|
|
},
|
|
{ artifacts: new ArtifactStore() }
|
|
);
|
|
|
|
// Diff outputs leave as artifact handles so a remote client can download
|
|
// them; hostPath still points at the requested outputDir.
|
|
expect(result.summary).toContain("Screenshot diff summary");
|
|
expect(result.diffPath).toMatchObject({
|
|
__argentArtifact: true,
|
|
kind: "screenshot-diff",
|
|
hostPath: path.join(dir, "current-diff.png"),
|
|
mimeType: "image/png",
|
|
});
|
|
expect(result.contextDiffPath).toMatchObject({
|
|
__argentArtifact: true,
|
|
kind: "screenshot-diff-context",
|
|
hostPath: path.join(dir, "current-context-diff.png"),
|
|
mimeType: "image/png",
|
|
});
|
|
expect(Object.keys(result).sort()).toEqual(["contextDiffPath", "diffPath", "summary"]);
|
|
});
|
|
|
|
it("captures one live side at full resolution and copies it into outputDir", async () => {
|
|
const dir = await fs.mkdtemp(path.join(os.tmpdir(), "argent-screenshot-diff-live-"));
|
|
const baselinePath = path.join(dir, "baseline.png");
|
|
const capturedPath = path.join(dir, "captured.png");
|
|
await writePng(baselinePath, 2, 2, { r: 0, g: 0, b: 0 });
|
|
await writePng(capturedPath, 2, 2, { r: 0, g: 0, b: 0 });
|
|
const signal = AbortSignal.timeout(1000);
|
|
const captureScreenshot = vi.fn(async () => ({
|
|
url: "http://localhost/current.png",
|
|
path: capturedPath,
|
|
}));
|
|
|
|
const result = await executeScreenshotDiffTool(
|
|
{ simulatorServer: { apiUrl: "http://localhost:4949" } },
|
|
{
|
|
baselinePath,
|
|
captureCurrent: true,
|
|
udid: "ABC",
|
|
rotation: "LandscapeLeft",
|
|
outputDir: dir,
|
|
},
|
|
{ signal, artifacts: new ArtifactStore() },
|
|
captureScreenshot as never
|
|
);
|
|
|
|
expect(captureScreenshot).toHaveBeenCalledWith(
|
|
{ apiUrl: "http://localhost:4949" },
|
|
"LandscapeLeft",
|
|
signal,
|
|
1.0
|
|
);
|
|
|
|
const entries = await fs.readdir(dir);
|
|
const liveCaptures = entries.filter((name) => /^current-[a-f0-9]{8}\.live\.png$/.test(name));
|
|
expect(liveCaptures).toHaveLength(1);
|
|
const liveBaseName = path.parse(liveCaptures[0]!).name;
|
|
await expect(fs.stat(path.join(dir, liveCaptures[0]!))).resolves.toMatchObject({
|
|
size: expect.any(Number),
|
|
});
|
|
expect(result.diffPath).toMatchObject({
|
|
hostPath: path.join(dir, `${liveBaseName}-diff.png`),
|
|
});
|
|
});
|
|
|
|
it("re-requests the frame at a scale when the unscaled capture is refused", async () => {
|
|
const dir = await fs.mkdtemp(path.join(os.tmpdir(), "argent-screenshot-diff-fallback-"));
|
|
const baselinePath = path.join(dir, "baseline.png");
|
|
const capturedPath = path.join(dir, "captured.png");
|
|
await writePng(baselinePath, 2, 2, { r: 0, g: 0, b: 0 });
|
|
await writePng(capturedPath, 2, 2, { r: 0, g: 0, b: 0 });
|
|
// The unscaled capture (scale 1.0) fails the way the Android
|
|
// simulator-server does; naming any scale below 1 succeeds.
|
|
const captureScreenshot = vi.fn(
|
|
async (_api: unknown, _rotation: unknown, _signal: unknown, scale?: number) => {
|
|
if (scale === 1.0) {
|
|
throw new Error("Screenshot failed: wrong data size, expected 7853760 got 17627328.");
|
|
}
|
|
return { url: "http://localhost/current.png", path: capturedPath };
|
|
}
|
|
);
|
|
|
|
const result = await executeScreenshotDiffTool(
|
|
{ simulatorServer: { apiUrl: "http://localhost:4949" } },
|
|
{ baselinePath, captureCurrent: true, udid: "ABC", outputDir: dir },
|
|
{ artifacts: new ArtifactStore() },
|
|
captureScreenshot as never
|
|
);
|
|
|
|
// Unscaled attempted first, then a retry at a scale of the tool's own. The
|
|
// literal, not the constant: importing it would leave this green for any
|
|
// value it takes, including the ARGENT_SCREENSHOT_SCALE default (0.25) an
|
|
// omitted scale used to inherit, which is the resolution a diff exists to
|
|
// inspect. One part in a million below 1 is the whole margin — enough to
|
|
// reach the server's resizer, too little to move a dimension.
|
|
expect(captureScreenshot).toHaveBeenCalledTimes(2);
|
|
expect(captureScreenshot.mock.calls[0]![3]).toBe(1.0);
|
|
expect(captureScreenshot.mock.calls[1]![3]).toBe(1 - 1e-6);
|
|
const liveCaptures = (await fs.readdir(dir)).filter((name) =>
|
|
/^current-[a-f0-9]{8}\.live\.png$/.test(name)
|
|
);
|
|
expect(liveCaptures).toHaveLength(1);
|
|
expect(result.diffPath).toBeTruthy();
|
|
});
|
|
|
|
it("propagates the error when both the full-res capture and the fallback fail", async () => {
|
|
const dir = await fs.mkdtemp(path.join(os.tmpdir(), "argent-screenshot-diff-bothfail-"));
|
|
const baselinePath = path.join(dir, "baseline.png");
|
|
await writePng(baselinePath, 2, 2, { r: 0, g: 0, b: 0 });
|
|
const captureScreenshot = vi.fn(
|
|
async (_api: unknown, _rotation: unknown, _signal: unknown, scale?: number) => {
|
|
throw new Error(scale === 1.0 ? "full-res failed" : "device offline");
|
|
}
|
|
);
|
|
|
|
await expect(
|
|
executeScreenshotDiffTool(
|
|
{ simulatorServer: { apiUrl: "http://localhost:4949" } },
|
|
{ baselinePath, captureCurrent: true, udid: "ABC", outputDir: dir },
|
|
{},
|
|
captureScreenshot as never
|
|
)
|
|
).rejects.toThrow("device offline");
|
|
expect(captureScreenshot).toHaveBeenCalledTimes(2);
|
|
});
|
|
|
|
it("does not re-request a capture the run was cancelled during", async () => {
|
|
const dir = await fs.mkdtemp(path.join(os.tmpdir(), "argent-screenshot-diff-aborted-"));
|
|
const baselinePath = path.join(dir, "baseline.png");
|
|
await writePng(baselinePath, 2, 2, { r: 0, g: 0, b: 0 });
|
|
const controller = new AbortController();
|
|
// An aborted fetch rejects like any other network failure, so the retry
|
|
// that answers every failure would answer this one too — with a second
|
|
// capture on a signal that is already cancelled.
|
|
const captureScreenshot = vi.fn(async () => {
|
|
controller.abort();
|
|
throw new Error("The operation was aborted.");
|
|
});
|
|
|
|
await expect(
|
|
executeScreenshotDiffTool(
|
|
{ simulatorServer: { apiUrl: "http://localhost:4949" } },
|
|
{ baselinePath, captureCurrent: true, udid: "ABC", outputDir: dir },
|
|
{ signal: controller.signal },
|
|
captureScreenshot as never
|
|
)
|
|
).rejects.toThrow("The operation was aborted.");
|
|
expect(captureScreenshot).toHaveBeenCalledTimes(1);
|
|
});
|
|
|
|
it("uses a fresh hashed filename for each live capture so concurrent diffs do not collide", async () => {
|
|
const dir = await fs.mkdtemp(path.join(os.tmpdir(), "argent-screenshot-diff-unique-"));
|
|
const baselinePath = path.join(dir, "baseline.png");
|
|
const capturedPath = path.join(dir, "captured.png");
|
|
await writePng(baselinePath, 2, 2, { r: 0, g: 0, b: 0 });
|
|
await writePng(capturedPath, 2, 2, { r: 0, g: 0, b: 0 });
|
|
const captureScreenshot = vi.fn(async () => ({
|
|
url: "http://localhost/current.png",
|
|
path: capturedPath,
|
|
}));
|
|
|
|
await executeScreenshotDiffTool(
|
|
{ simulatorServer: { apiUrl: "http://localhost:4949" } },
|
|
{ baselinePath, captureCurrent: true, udid: "ABC", outputDir: dir },
|
|
{ artifacts: new ArtifactStore() },
|
|
captureScreenshot as never
|
|
);
|
|
await executeScreenshotDiffTool(
|
|
{ simulatorServer: { apiUrl: "http://localhost:4949" } },
|
|
{ baselinePath, captureCurrent: true, udid: "ABC", outputDir: dir },
|
|
{ artifacts: new ArtifactStore() },
|
|
captureScreenshot as never
|
|
);
|
|
|
|
const liveCaptures = (await fs.readdir(dir)).filter((name) =>
|
|
/^current-[a-f0-9]{8}\.live\.png$/.test(name)
|
|
);
|
|
expect(liveCaptures).toHaveLength(2);
|
|
expect(new Set(liveCaptures).size).toBe(2);
|
|
});
|
|
|
|
it("validates mutually exclusive saved and live inputs at execute time", async () => {
|
|
await expect(
|
|
executeScreenshotDiffTool(
|
|
{},
|
|
{
|
|
baselinePath: "/tmp/baseline.png",
|
|
currentPath: "/tmp/current.png",
|
|
captureCurrent: true,
|
|
udid: "ABC",
|
|
outputDir: "/tmp",
|
|
}
|
|
)
|
|
).rejects.toThrow("Provide either currentPath or captureCurrent, not both.");
|
|
});
|
|
|
|
// The boundary probe reports `presentOnHost: false` for ANY path that does not
|
|
// already exist here, so a local agent naming a fresh output directory looked
|
|
// exactly like a remote client's own directory and was silently redirected to
|
|
// a temp dir. A directory we can create next to an existing parent is ours.
|
|
it("creates and honors an outputDir that does not exist yet on this host", async () => {
|
|
const parent = await fs.mkdtemp(path.join(os.tmpdir(), "argent-screenshot-diff-fresh-"));
|
|
const baselinePath = path.join(parent, "baseline.png");
|
|
const currentPath = path.join(parent, "current.png");
|
|
await writePng(baselinePath, 2, 2, { r: 10, g: 20, b: 30 });
|
|
await writePng(currentPath, 2, 2, { r: 200, g: 20, b: 30 });
|
|
|
|
const outputDir = path.join(parent, "diff-out");
|
|
|
|
const result = await executeScreenshotDiffTool(
|
|
{},
|
|
{ baselinePath, currentPath, udid: "ABC", outputDir },
|
|
{
|
|
artifacts: new ArtifactStore(),
|
|
fileInputs: {
|
|
outputDir: { clientPath: outputDir, presentOnHost: false, viaUpload: false },
|
|
},
|
|
}
|
|
);
|
|
|
|
expect(result.diffPath).toMatchObject({
|
|
hostPath: path.join(outputDir, "current-diff.png"),
|
|
});
|
|
await expect(fs.stat(path.join(outputDir, "current-diff.png"))).resolves.toBeTruthy();
|
|
});
|
|
|
|
// The probe runs before the create, so a directory that appears in between —
|
|
// a concurrent diff on the same outputDir, or the agent creating it itself —
|
|
// reaches mkdir as EEXIST. That is the directory the caller asked for, not a
|
|
// reason to redirect them to a temp dir.
|
|
it("honors an outputDir that raced into existence after the probe", async () => {
|
|
const parent = await fs.mkdtemp(path.join(os.tmpdir(), "argent-screenshot-diff-race-"));
|
|
const baselinePath = path.join(parent, "baseline.png");
|
|
const currentPath = path.join(parent, "current.png");
|
|
await writePng(baselinePath, 2, 2, { r: 10, g: 20, b: 30 });
|
|
await writePng(currentPath, 2, 2, { r: 200, g: 20, b: 30 });
|
|
|
|
// Exists on disk, but the probe captured the earlier state.
|
|
const outputDir = path.join(parent, "diff-out");
|
|
await fs.mkdir(outputDir);
|
|
|
|
const result = await executeScreenshotDiffTool(
|
|
{},
|
|
{ baselinePath, currentPath, udid: "ABC", outputDir },
|
|
{
|
|
artifacts: new ArtifactStore(),
|
|
fileInputs: {
|
|
outputDir: { clientPath: outputDir, presentOnHost: false, viaUpload: false },
|
|
},
|
|
}
|
|
);
|
|
|
|
expect(result.diffPath).toMatchObject({
|
|
hostPath: path.join(outputDir, "current-diff.png"),
|
|
});
|
|
await expect(fs.stat(path.join(outputDir, "current-diff.png"))).resolves.toBeTruthy();
|
|
});
|
|
|
|
const PHYSICAL_UDID = "00008110-000978540290401E";
|
|
|
|
it("declares the runner service only for live captures on a physical iPhone", () => {
|
|
// A pure file-vs-file diff must not spin up the runner.
|
|
expect(
|
|
screenshotDiffTool.services({
|
|
baselinePath: "/tmp/baseline.png",
|
|
currentPath: "/tmp/current.png",
|
|
udid: PHYSICAL_UDID,
|
|
})
|
|
).toEqual({});
|
|
|
|
expect(
|
|
screenshotDiffTool.services({
|
|
baselinePath: "/tmp/baseline.png",
|
|
captureCurrent: true,
|
|
udid: PHYSICAL_UDID,
|
|
})
|
|
).toEqual({
|
|
iosDeviceRunner: {
|
|
urn: `IosDeviceRunner:${PHYSICAL_UDID}`,
|
|
options: { device: { id: PHYSICAL_UDID, platform: "ios", kind: "device" } },
|
|
},
|
|
});
|
|
});
|
|
|
|
it("captures the live side through the runner on a physical iPhone and ignores rotation", async () => {
|
|
const dir = await fs.mkdtemp(path.join(os.tmpdir(), "argent-screenshot-diff-device-"));
|
|
const baselinePath = path.join(dir, "baseline.png");
|
|
await writePng(baselinePath, 2, 2, { r: 10, g: 20, b: 30 });
|
|
const run = vi.fn(async () => ({
|
|
imageBase64: pngBytes(2, 2, { r: 10, g: 20, b: 30 }).toString("base64"),
|
|
}));
|
|
|
|
const result = await executeScreenshotDiffTool(
|
|
{ iosDeviceRunner: { run, udid: PHYSICAL_UDID } },
|
|
{
|
|
baselinePath,
|
|
captureCurrent: true,
|
|
udid: PHYSICAL_UDID,
|
|
rotation: "LandscapeLeft",
|
|
outputDir: dir,
|
|
},
|
|
{ artifacts: new ArtifactStore() }
|
|
);
|
|
|
|
// The rotation parameter is not forwarded. Hardware captures always follow
|
|
// the device's real orientation, the same behaviour as the screenshot tool.
|
|
expect(run).toHaveBeenCalledTimes(1);
|
|
expect(run).toHaveBeenCalledWith(
|
|
{ command: "screenshot" },
|
|
{ readOnly: true, timeoutMs: RUNNER_COMMAND_TIMEOUT_MS }
|
|
);
|
|
const liveCaptures = (await fs.readdir(dir)).filter((name) =>
|
|
/^current-[a-f0-9]{8}\.live\.png$/.test(name)
|
|
);
|
|
expect(liveCaptures).toHaveLength(1);
|
|
expect(result.summary).toContain("Screenshot diff summary");
|
|
});
|
|
|
|
it("demands the runner service when a direct caller requests a device live capture", async () => {
|
|
await expect(
|
|
executeScreenshotDiffTool(
|
|
{},
|
|
{ baselinePath: "/tmp/baseline.png", captureCurrent: true, udid: PHYSICAL_UDID }
|
|
)
|
|
).rejects.toThrow("requires an iosDeviceRunner service");
|
|
});
|
|
|
|
// The remote case must still fall back: a client-side path whose parent does
|
|
// not exist here cannot be created, so diffs go to a temp dir as before.
|
|
it("falls back to a temp dir when outputDir is not creatable on this host", async () => {
|
|
const dir = await fs.mkdtemp(path.join(os.tmpdir(), "argent-screenshot-diff-remote-"));
|
|
const baselinePath = path.join(dir, "baseline.png");
|
|
const currentPath = path.join(dir, "current.png");
|
|
await writePng(baselinePath, 2, 2, { r: 10, g: 20, b: 30 });
|
|
await writePng(currentPath, 2, 2, { r: 200, g: 20, b: 30 });
|
|
|
|
// Parent does not exist on this host — a remote client's own directory.
|
|
const outputDir = path.join(dir, "no-such-parent", "nested", "diff-out");
|
|
|
|
const result = await executeScreenshotDiffTool(
|
|
{},
|
|
{ baselinePath, currentPath, udid: "ABC", outputDir },
|
|
{
|
|
artifacts: new ArtifactStore(),
|
|
fileInputs: {
|
|
outputDir: { clientPath: outputDir, presentOnHost: false, viaUpload: false },
|
|
},
|
|
}
|
|
);
|
|
|
|
const diffHostPath = (result.diffPath as { hostPath: string }).hostPath;
|
|
expect(diffHostPath.startsWith(outputDir)).toBe(false);
|
|
expect(diffHostPath).toContain("argent-screenshot-diff");
|
|
});
|
|
});
|
|
|
|
function pngBytes(
|
|
width: number,
|
|
height: number,
|
|
fill: { r: number; g: number; b: number }
|
|
): Buffer {
|
|
const png = new PNG({ width, height });
|
|
|
|
for (let y = 0; y < height; y++) {
|
|
for (let x = 0; x < width; x++) {
|
|
const offset = (width * y + x) * 4;
|
|
png.data[offset] = fill.r;
|
|
png.data[offset + 1] = fill.g;
|
|
png.data[offset + 2] = fill.b;
|
|
png.data[offset + 3] = 255;
|
|
}
|
|
}
|
|
|
|
return PNG.sync.write(png);
|
|
}
|
|
|
|
async function writePng(
|
|
filePath: string,
|
|
width: number,
|
|
height: number,
|
|
fill: { r: number; g: number; b: number }
|
|
): Promise<void> {
|
|
await fs.writeFile(filePath, pngBytes(width, height, fill));
|
|
}
|