2bb6f291d3
P4a Task 4(T12 收口):ov 域公开照片下载端点 + viewer 下载 UI。
- interactions 增 downloads:GET /public/albums/{token}/photos/{photoId}
/download?variant=browse|original。两级开关(A18):browse 需
downloadEnabled;original 需叠加 originalDownloadEnabled(级联,browse 关
则两者均 403 DOWNLOAD_DISABLED)。水印相册 browse 现签 watermark pattern
key(browse-key 解析抽取 shared/ov-browse-key 与 public-ov 复用);原图
现签 originalObjectKey(SIGNED_URL_TTL)。来源 IP 固定窗限速
(DOWNLOAD_WINDOW_REQUESTS/DOWNLOAD_WINDOW_SECONDS,env 可调);零浏览
计数写入(排除规则)。STORAGE_PORT_OV 经新 StorageOvModule 与 public-ov
共享同一实例。
- 契约微调登记:PublicAlbum 增 readOnly 必返 downloadEnabled/
originalDownloadEnabled(cn+ov 同形返回;public e2e 精确键断言同步)。
- viewer:lightbox 下载入口随开关渲染(无/单按钮/分体菜单两选项)、过期
凭证静默重取一次、微信内置浏览器(MicroMessenger UA)出保存图片指引
浮层(复制深链 + 反馈)替代直接下载;i18n zh/en 词条。
- tests:api e2e +7(开关矩阵 + URL/字节级断言、水印键一致、隐藏 404、
限速 429、零计数行);viewer vitest +9(UA/矩阵/菜单/重取/失败/指引/
复制);viewer Playwright +3(入口矩阵、微信 UA 浮层、真实端点 200 +
签名 URL 模式)。
Co-Authored-By: Claude Code <noreply@anthropic.com>
297 lines
13 KiB
TypeScript
297 lines
13 KiB
TypeScript
// apps/viewer/e2e/helpers.ts —— Playwright 夹具:真实后端直种(决策见计划 Task 6
|
||
// Step 2:真实 API + compose 基础设施,fixture 走 Prisma/Storage 直种,镜像
|
||
// services/api/test/public.e2e-spec.ts 的种子形状)。公开端点匿名可达,无需登录态。
|
||
// Task 7 起补 seedPhoto:直种「已发布完成态」照片(photos + thumb/browse 变体行
|
||
// + MinIO 真实 JPEG 对象,行形状同 worker 发布事务落库形态)。
|
||
// P2 Task 6 起 viewer 读 ov 副本(VITE_API_BASE 直连 8081)——直种只落 cn 库,
|
||
// 故 seed* 后必须 flushSync(albumId):经 cn bootstrap(当前态快照写回 outbox)
|
||
// + deliverPendingOnce(真实发送管线排空)把种子投影到 ov 副本,无旁路。
|
||
import { randomBytes } from 'node:crypto';
|
||
import { join } from 'node:path';
|
||
import { fileURLToPath } from 'node:url';
|
||
import { config } from 'dotenv';
|
||
import sharp from 'sharp';
|
||
import { PrismaClient } from '@photo/db-cn';
|
||
import { createStorageFromEnv, type MinioStorageAdapter } from '@photo/storage';
|
||
import {
|
||
SYNC_SIGNATURE_HEADER,
|
||
SYNC_TIMESTAMP_HEADER,
|
||
signSyncBody,
|
||
} from '@photo/contracts';
|
||
import { deliverPendingOnce } from '../../../services/sync/src/sender';
|
||
|
||
// 仓库根 .env 唯一来源(同 services/api test/load-env.ts 约定)。必须在
|
||
// PrismaClient / createStorageFromEnv 构造前执行——两者均在首次查询/调用时读 env。
|
||
const repoRoot = fileURLToPath(new URL('../../..', import.meta.url));
|
||
config({ path: join(repoRoot, '.env') });
|
||
|
||
const prisma = new PrismaClient();
|
||
const storage: MinioStorageAdapter = createStorageFromEnv();
|
||
|
||
const KEY_ROOT = 'photo-live/dev';
|
||
|
||
/** 契约 pattern ^[0-9a-z]{20,32}$:24 字符 [0-9a-z](同 albums.service 生成式)。 */
|
||
export function makePublicToken(): string {
|
||
const alphabet = '0123456789abcdefghijklmnopqrstuvwxyz';
|
||
let token = '';
|
||
const bytes = randomBytes(24);
|
||
for (let i = 0; i < 24; i++) {
|
||
token += alphabet[bytes[i] % alphabet.length];
|
||
}
|
||
return token;
|
||
}
|
||
|
||
export interface SeedAlbumOptions {
|
||
alias: string;
|
||
defaultLocale?: string;
|
||
translations: Array<{
|
||
locale: string;
|
||
title: string;
|
||
description?: string;
|
||
venue?: string;
|
||
address?: string;
|
||
}>;
|
||
status?: string;
|
||
publicEnabled?: boolean;
|
||
/** 下载两级开关(P4a Task 4):缺省库默认 true/false(同 D06 工作默认)。 */
|
||
downloadEnabled?: boolean;
|
||
originalDownloadEnabled?: boolean;
|
||
timezone?: string;
|
||
startAt?: Date;
|
||
endAt?: Date | null;
|
||
}
|
||
|
||
const seededAlbumIds: string[] = [];
|
||
|
||
/** 经 Prisma 直种相册 + 翻译(行形状同 api 公开 e2e fixture)。 */
|
||
export async function seedAlbum(options: SeedAlbumOptions): Promise<{ id: string; publicToken: string }> {
|
||
const album = await prisma.albums.create({
|
||
data: {
|
||
publicToken: makePublicToken(),
|
||
ownerId: `u-viewer-e2e-${options.alias}`,
|
||
startAt: options.startAt ?? new Date('2026-10-01T02:00:00.000Z'),
|
||
endAt: options.endAt === undefined ? new Date('2026-10-01T12:00:00.000Z') : options.endAt,
|
||
timezone: options.timezone ?? 'Asia/Shanghai',
|
||
status: options.status ?? 'active',
|
||
defaultLocale: options.defaultLocale ?? 'zh-CN',
|
||
publicEnabled: options.publicEnabled ?? true,
|
||
downloadEnabled: options.downloadEnabled ?? true,
|
||
originalDownloadEnabled: options.originalDownloadEnabled ?? false,
|
||
},
|
||
select: { id: true, publicToken: true },
|
||
});
|
||
seededAlbumIds.push(album.id);
|
||
await prisma.album_translations.createMany({
|
||
data: options.translations.map((t) => ({
|
||
albumId: album.id,
|
||
locale: t.locale,
|
||
title: t.title,
|
||
description: t.description ?? null,
|
||
venue: t.venue ?? null,
|
||
address: t.address ?? null,
|
||
})),
|
||
});
|
||
return album;
|
||
}
|
||
|
||
/** 直种分类 + 翻译(名称按 locale 解析),返回 id。 */
|
||
export async function seedCategory(
|
||
albumId: string,
|
||
sortOrder: number,
|
||
translations: Array<{ locale: string; name: string }>,
|
||
): Promise<string> {
|
||
const category = await prisma.categories.create({
|
||
data: { albumId, sortOrder },
|
||
select: { id: true },
|
||
});
|
||
await prisma.category_translations.createMany({
|
||
data: translations.map((t) => ({ categoryId: category.id, locale: t.locale, name: t.name })),
|
||
});
|
||
return category.id;
|
||
}
|
||
|
||
/** 640x200 纯色 JPEG(sharp 生成,仅作真实可取回对象——公开端点只做签名,不校验内容)。 */
|
||
export const BANNER_JPEG = Buffer.from(
|
||
'/9j/2wBDAA0JCgsKCA0LCgsODg0PEyAVExISEyccHhcgLikxMC4pLSwzOko+MzZGNywtQFdBRkxOUlNSMj5aYVpQYEpRUk//2wBDAQ4ODhMREyYVFSZPNS01T09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT0//wAARCADIAoADASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAH/xAAUEAEAAAAAAAAAAAAAAAAAAAAA/8QAFgEBAQEAAAAAAAAAAAAAAAAAAAQF/8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8AgDSRgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP/2Q==',
|
||
'base64',
|
||
);
|
||
|
||
/** 直种 banner 资产行 + MinIO 真实对象(kind=banner, state=effective, locale 全局)。 */
|
||
export async function seedBannerAsset(albumId: string): Promise<void> {
|
||
const objectKey = `${KEY_ROOT}/albums/${albumId}/assets/banner.jpg`;
|
||
await storage.put(objectKey, BANNER_JPEG, 'image/jpeg');
|
||
await prisma.album_assets.create({
|
||
data: { albumId, kind: 'banner', locale: null, objectKey, state: 'effective' },
|
||
});
|
||
}
|
||
|
||
/** 测试内生成真实 JPEG(sharp,同 services/api test 约定;尺寸小控制体积/耗时)。 */
|
||
async function makeJpeg(width: number, height: number): Promise<Buffer> {
|
||
return sharp({
|
||
create: { width, height, channels: 3, background: { r: 96, g: 130, b: 182 } },
|
||
})
|
||
.jpeg({ quality: 70 })
|
||
.toBuffer();
|
||
}
|
||
|
||
/** cuid 形状 ID(对象键含 photoId,须先有 ID 再一次 insert 成形,同 api 约定)。 */
|
||
function cuidLike(alias: string): string {
|
||
return `c${Date.now().toString(36)}${alias}${randomBytes(6).toString('hex')}`;
|
||
}
|
||
|
||
/** 与 worker publish.service variantsObjectKey 同布局的变体键。 */
|
||
function variantKey(albumId: string, photoId: string, variant: 'thumb' | 'browse'): string {
|
||
return `${KEY_ROOT}/albums/${albumId}/variants/${photoId}/1/${variant}.jpg`;
|
||
}
|
||
|
||
export interface SeedPhotoOptions {
|
||
categoryId?: string | null;
|
||
/** browse 宽高(驱动列表占位与瀑布流比例;thumb 减半生成)。 */
|
||
width?: number;
|
||
height?: number;
|
||
publishedAt: Date;
|
||
}
|
||
|
||
/** 直种已发布照片:photos 行(ready/published,entityVersion=2 对齐发布事务)+
|
||
* thumb/browse 变体行 + MinIO 真实对象。publishedAt 必传(列表排序确定性)。 */
|
||
export async function seedPhoto(
|
||
albumId: string,
|
||
alias: string,
|
||
options: SeedPhotoOptions,
|
||
): Promise<string> {
|
||
const photoId = cuidLike(alias);
|
||
const width = options.width ?? 480;
|
||
const height = options.height ?? 300;
|
||
const thumbWidth = Math.max(1, Math.round(width / 2));
|
||
const thumbHeight = Math.max(1, Math.round(height / 2));
|
||
const [thumb, browse] = await Promise.all([
|
||
makeJpeg(thumbWidth, thumbHeight),
|
||
makeJpeg(width, height),
|
||
]);
|
||
await storage.put(variantKey(albumId, photoId, 'thumb'), thumb, 'image/jpeg');
|
||
await storage.put(variantKey(albumId, photoId, 'browse'), browse, 'image/jpeg');
|
||
await prisma.photos.create({
|
||
data: {
|
||
id: photoId,
|
||
albumId,
|
||
uploaderId: `u-viewer-e2e-${alias}`,
|
||
categoryId: options.categoryId ?? null,
|
||
objectKey: `${KEY_ROOT}/albums/${albumId}/originals/${photoId}.jpg`,
|
||
bytes: browse.length,
|
||
width,
|
||
height,
|
||
uploadedAt: options.publishedAt,
|
||
publishedAt: options.publishedAt,
|
||
processingState: 'ready',
|
||
visibility: 'published',
|
||
entityVersion: 2,
|
||
},
|
||
});
|
||
await prisma.photo_variants.createMany({
|
||
data: [
|
||
{
|
||
photoId,
|
||
variant: 'thumb',
|
||
objectKey: variantKey(albumId, photoId, 'thumb'),
|
||
bytes: thumb.length,
|
||
version: 1,
|
||
width: thumbWidth,
|
||
height: thumbHeight,
|
||
},
|
||
{
|
||
photoId,
|
||
variant: 'browse',
|
||
objectKey: variantKey(albumId, photoId, 'browse'),
|
||
bytes: browse.length,
|
||
version: 1,
|
||
width,
|
||
height,
|
||
},
|
||
],
|
||
});
|
||
return photoId;
|
||
}
|
||
|
||
/** cn→ov 种子同步(P2 Task 6):先打 cn bootstrap(当前态快照事件写回 outbox,
|
||
* 优先级 normal),再 deliverPendingOnce 经真实发送管线(HMAC 签名
|
||
* content-batches)排空至 ov 副本。幂等可重入:同版本新 eventId 在 ov 侧按
|
||
* 当前态重断言应用;与常驻 dev:sync 发送器并发亦安全(eventId 幂等)。 */
|
||
export async function flushSync(albumId: string): Promise<void> {
|
||
const internalKey = process.env.SYNC_INTERNAL_KEY ?? 'dev-sync-secret-change-me';
|
||
const rawBody = JSON.stringify({ albumId });
|
||
const timestamp = Math.floor(Date.now() / 1000).toString();
|
||
const cnBase = (process.env.CN_API_URL ?? 'http://127.0.0.1:8080').replace(/\/+$/, '');
|
||
const bootstrap = await fetch(`${cnBase}/v1/internal/sync/bootstrap`, {
|
||
method: 'POST',
|
||
headers: {
|
||
'content-type': 'application/json',
|
||
[SYNC_TIMESTAMP_HEADER]: timestamp,
|
||
[SYNC_SIGNATURE_HEADER]: signSyncBody(internalKey, rawBody),
|
||
},
|
||
body: rawBody,
|
||
});
|
||
if (!bootstrap.ok) {
|
||
throw new Error(
|
||
`flushSync bootstrap 失败(${bootstrap.status}):${(await bootstrap.text()).slice(0, 300)}`,
|
||
);
|
||
}
|
||
await deliverPendingOnce({
|
||
prisma,
|
||
ovApiUrl: process.env.OV_API_URL ?? 'http://127.0.0.1:8081',
|
||
internalKey,
|
||
});
|
||
}
|
||
|
||
/** 模拟已分享深链的照片下线(Task 8 e2e):软删(visibility=deleted +
|
||
* entityVersion 自增)——硬删会让 cn 行缺席、bootstrap 快照无从发墓碑,ov 副本
|
||
* 将永远留着旧发布行;软删 + flushSync 让 photo.deleted 事件走真实管线撤下。
|
||
* 变体行/MinIO 对象保留(公开读只看 photos 行;行清理归 cleanupSeededAlbums)。 */
|
||
export async function deleteSeededPhoto(photoId: string): Promise<void> {
|
||
await prisma.photos.update({
|
||
where: { id: photoId },
|
||
data: { visibility: 'deleted', entityVersion: { increment: 1 } },
|
||
});
|
||
}
|
||
|
||
/** 清理本文件种下的相册域行(扁平字符串外键、无 DB 级联——按子表在前手工删;
|
||
* category_translations 只挂 categoryId,先取分类 id 再删翻译;Task 7 起照片域
|
||
* 同理:先按相册取照片 id 删变体行,再删 photos 主行)。
|
||
* MinIO 对象不在此删:services/api e2e 的 reset 会整体清 `photo-live/dev` 前缀,
|
||
* dev 桶内残余有界(同 api e2e 约定)。 */
|
||
export async function cleanupSeededAlbums(): Promise<void> {
|
||
try {
|
||
if (seededAlbumIds.length > 0) {
|
||
const photos = await prisma.photos.findMany({
|
||
where: { albumId: { in: seededAlbumIds } },
|
||
select: { id: true },
|
||
});
|
||
if (photos.length > 0) {
|
||
await prisma.photo_variants.deleteMany({
|
||
where: { photoId: { in: photos.map((p) => p.id) } },
|
||
});
|
||
}
|
||
await prisma.photos.deleteMany({ where: { albumId: { in: seededAlbumIds } } });
|
||
// flushSync 经 outbox 投递的快照事件行(已投递/未投递一并清——未投递
|
||
// 残留会污染后续 deliverPendingOnce 的排空判定轮次)。
|
||
await prisma.outbox_events.deleteMany({
|
||
where: { albumId: { in: seededAlbumIds } },
|
||
});
|
||
const categories = await prisma.categories.findMany({
|
||
where: { albumId: { in: seededAlbumIds } },
|
||
select: { id: true },
|
||
});
|
||
const categoryIds = categories.map((c) => c.id);
|
||
if (categoryIds.length > 0) {
|
||
await prisma.category_translations.deleteMany({ where: { categoryId: { in: categoryIds } } });
|
||
}
|
||
await prisma.categories.deleteMany({ where: { albumId: { in: seededAlbumIds } } });
|
||
await prisma.album_assets.deleteMany({ where: { albumId: { in: seededAlbumIds } } });
|
||
await prisma.album_translations.deleteMany({ where: { albumId: { in: seededAlbumIds } } });
|
||
await prisma.albums.deleteMany({ where: { id: { in: seededAlbumIds } } });
|
||
seededAlbumIds.length = 0;
|
||
}
|
||
} finally {
|
||
await prisma.$disconnect();
|
||
}
|
||
}
|