Files
EpicNext-Cms/e2e/imaging/imaging-target.ts
T
openhands 480343d5a5
CI / check (push) Successful in 37s
CI / tests-integration (push) Successful in 2m3s
CI / tests-unit (push) Successful in 2m8s
CI / tests-imaging-browsers (push) Successful in 2m15s
CI / tests-ui (push) Successful in 2m54s
CI / preflight (push) Skipped
CI / tests-quality (push) Successful in 1m14s
CI / deploy (push) Successful in 3m37s
test(imaging): retry transient edge failures instead of flaking the suite
The cross-browser imaging job runs against the public origin, so every request
goes through Cloudflare. One chromium run of "rejects malformed figures ›
missing figure" came back 525 (Cloudflare: TLS handshake to the origin failed)
after a 40s stall — the request never reached the CMS, so a 400 was impossible
to observe and the assertion was effectively testing the network. It passed on
both firefox and webkit, which is the signature of an edge hiccup rather than a
regression.

`e2e/imaging/imaging-target.ts` now owns `getThroughEdge` / `fetchThroughEdge`,
which retry on the statuses that mean "the app was never reached"
(502/503/504 plus Cloudflare's 520-527) with a short backoff, and both
edge-fronted specs use them. A genuinely broken edge still exhausts the retries
and fails the run, so nothing is masked.

Verified: 84 passed / 21 skipped / 0 failed against epicnabbo.nl with
IMAGING_EDGE=1 across chromium, firefox and webkit.
2026-10-15 20:30:38 +02:00

104 lines
3.7 KiB
TypeScript

import type { APIRequestContext, APIResponse } from "@playwright/test";
/**
* Where the imaging specs are pointed.
*
* - Deploy gate (`playwright.config.ts`): hits the CMS directly, so the CMS's
* own `/imaging` route answers and its transcoding variants are reachable.
* - Cross-browser job (`playwright.imaging.config.ts` against the public
* origin): the edge proxy fronts bare `/imaging` (and `/imaging/*`) to the
* imager container, so the CMS route is shadowed. Only the endpoints that are
* identical in both topologies may be asserted unconditionally.
*
* Set `IMAGING_EDGE=1` when the base URL is behind the edge proxy.
*/
export const IS_EDGE = process.env.IMAGING_EDGE === "1";
/**
* Failures that mean "the request never reached the app".
*
* Cloudflare answers the 520-527 family when its own handshake to the origin
* fails, and gateways add 502/503/504. Retrying those is not papering over a
* bug: the assertion under test is about the CMS, and a 525 says nothing about
* it. A genuinely broken edge still exhausts the retries and fails the test.
*/
const TRANSIENT_EDGE_STATUSES = new Set([
502, 503, 504, 520, 521, 522, 523, 524, 525, 526, 527,
]);
const EDGE_RETRY_ATTEMPTS = 3;
const EDGE_RETRY_DELAY_MS = 500;
async function withEdgeRetry(
send: () => Promise<APIResponse>,
): Promise<APIResponse> {
let response = await send();
for (
let attempt = 1;
attempt < EDGE_RETRY_ATTEMPTS &&
TRANSIENT_EDGE_STATUSES.has(response.status());
attempt += 1
) {
await new Promise((resolve) =>
setTimeout(resolve, EDGE_RETRY_DELAY_MS * attempt),
);
response = await send();
}
return response;
}
/** GET that survives a transient edge/transport failure. */
export function getThroughEdge(
request: APIRequestContext,
url: string,
options: Parameters<APIRequestContext["get"]>[1] = {},
): Promise<APIResponse> {
return withEdgeRetry(() => request.get(url, options));
}
/** POST/OPTIONS/… counterpart of `getThroughEdge`. */
export function fetchThroughEdge(
request: APIRequestContext,
url: string,
options: Parameters<APIRequestContext["fetch"]>[1] = {},
): Promise<APIResponse> {
return withEdgeRetry(() => request.fetch(url, options));
}
// The exact figure that regressed in production: the game client appends a
// trailing `.<n>` segment that the renderer ignores, but the previous
// validation regex rejected with a 400.
export const FIGURE =
"hr-11782-40-40.hd-180-7-14.ch-11592-66.lg-10726-79-1408.sh-11764-1408.ha-11958-70-1408.wa-2007-0.0";
export const avatarPath = (params: Record<string, string> = {}) =>
`/api/imaging/avatar?${new URLSearchParams({ figure: FIGURE, ...params })}`;
/** Public imager endpoint served through the edge proxy (imager container). */
export const IMAGER_PATH = (params: Record<string, string> = {}) =>
`/imaging/avatarimage?${new URLSearchParams({ figure: FIGURE, ...params })}`;
/** Counts non-overlapping occurrences of `needle` inside `haystack`. */
export function countBytes(haystack: Buffer, needle: Buffer): number {
let count = 0;
for (
let index = haystack.indexOf(needle);
index !== -1;
index = haystack.indexOf(needle, index + needle.length)
) {
count += 1;
}
return count;
}
/** PNG/JPEG/GIF/WebP/AVIF signatures, so a test can prove a body is an image. */
export function looksLikeImage(body: Buffer): boolean {
if (body.length < 12) return false;
if (body.subarray(0, 8).equals(Buffer.from("89504e470d0a1a0a", "hex")))
return true; // PNG / APNG
if (body.subarray(0, 3).toString("ascii") === "GIF") return true;
if (body.subarray(0, 2).toString("hex") === "ffd8") return true; // JPEG
if (body.subarray(0, 4).toString("ascii") === "RIFF") return true; // WebP
if (body.subarray(4, 12).toString("ascii") === "ftypavif") return true; // AVIF
return false;
}