Files
software-mansion__argent/packages/tool-server/test/screenshot-diff-tool.test.ts
Ignacy Łątka 123cc6abe1 fix(screenshot-diff): honor an outputDir that does not exist yet on the host (#558)
## Problem

Passing `outputDir` to `screenshot-diff` silently did nothing when the
directory didn't exist yet. It was never created, the diff images went
to a temp dir instead, and nothing in the result said the requested
location had been discarded.

Found during an end-to-end pass over the 0.17.0 release: the diff itself
was correct, but the requested `outputDir` was never created and no diff
PNG existed anywhere under it.

## Cause

`outputDir` is declared as a `kind: "probe"` file input, and
`probeHostPath` for that kind is just `stat(path)`. It answers "does
this path already exist on the tool-server host", nothing more.

`resolveOutputDir` read `presentOnHost: false` as "this is a remote
client's directory":

```ts
if (params.outputDir && (probe === undefined || probe.presentOnHost)) {
  return params.outputDir;
}
// ...otherwise a temp dir
```

But a local agent naming a fresh output directory produces exactly the
same `presentOnHost: false`, so it took the remote fallback too.

## Fix

When the probe says the path is absent, try to create it
non-recursively. That succeeds only when the parent already exists on
this host - true for a local agent picking a new subfolder, false for a
remote client's unrelated directory tree - so the remote fallback is
preserved. `EEXIST` (raced into existence between probe and create)
counts as ours.

It also makes the tool self-consistent: `captureLiveInput` already did
`fs.mkdir(params.outputDir, { recursive: true })` when writing
live-capture intermediates into that same directory.

## Tests

- `creates and honors an outputDir that does not exist yet on this host`
- asserts the diff artifact's `hostPath` is inside the requested
directory and that the file is really there. Fails on main, where the
artifact lands in a temp dir.
- `falls back to a temp dir when outputDir is not creatable on this
host` - parent missing, i.e. the remote case. Passes before and after,
pinning the behavior that has to survive.

## Verification

- `vitest run` in `packages/tool-server`: 288 files, 2916 passed, 1
skipped.
- `tsc --noEmit -p tsconfig.test.json`, `tsc --build` across the
workspace, and `prettier --check` on both changed files: clean.

The comment on the `fileInputs` block still described the old fallback,
so it's updated in the same commit.
2026-08-17 13:37:49 +02:00

359 lines
14 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";
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,
hostPath: path.join(dir, "current-diff.png"),
mimeType: "image/png",
});
expect(result.contextDiffPath).toMatchObject({
__argentArtifact: true,
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("falls back to the default scale when the full-resolution capture fails (Android framebuffer mismatch)", 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 });
// Full-res (scale 1.0) fails the way the Android simulator-server does;
// the default-scale retry (no scale arg) 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
);
// Full-res attempted first, then a default-scale retry without an explicit scale.
expect(captureScreenshot).toHaveBeenCalledTimes(2);
expect(captureScreenshot.mock.calls[0]![3]).toBe(1.0);
expect(captureScreenshot.mock.calls[1]![3]).toBeUndefined();
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("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();
});
// 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");
});
});
async function writePng(
filePath: string,
width: number,
height: number,
fill: { r: number; g: number; b: number }
): Promise<void> {
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;
}
}
await fs.writeFile(filePath, PNG.sync.write(png));
}