feat(realtime): Fase 2b.0 infra + first R-series tests green

Enable postgres_changes broadcasts on shopping_items / shopping_lists and prove
the path end-to-end with Vitest Realtime tests and a pgTAP configuration check.

Infra changes that were silently blocking events
- Migration 007: shopping_items + shopping_lists added to supabase_realtime
  publication with REPLICA IDENTITY FULL (UPDATE/DELETE payloads need the full
  row so list_id-based filters work and RLS can evaluate DELETE against OLD)
- Realtime service: DB_USER=supabase_admin (superuser; supabase_replication_admin
  lacks CREATE on the `realtime` schema that the service auto-creates per tenant)
- Realtime service: SELF_HOST_TENANT_NAME=realtime so the seed tenant name
  matches the default supabase-js resolves for localhost URLs (was realtime-dev
  → TenantNotFound)

Tests
- pgTAP 004_realtime_publication.sql — P-01..P-04: publication membership and
  REPLICA IDENTITY FULL for both shopping tables
- Vitest realtime-postgres-changes.test.ts — R-01 INSERT broadcast,
  R-02 UPDATE carries full row, R-03 list_id filter isolates events
- test-utils realtime-helpers.ts — subscribePostgresChanges() returns a
  waitFor(predicate, timeout) helper that captures the SUBSCRIBED handshake
  before returning so mutations issued right after are not lost
- createClientAs now calls realtime.setAuth(token) so the server evaluates
  RLS against the test user's JWT
- Justfile test-db now globs supabase/tests/*.sql so new pgTAP files are picked
  up automatically

Totals: 54→57 Vitest, 12→16 pgTAP, 15 Playwright = 88 tests green.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-04-13 02:33:40 +02:00
parent f396897cb5
commit 4c913cf495
10 changed files with 370 additions and 14 deletions

View File

@@ -1,3 +1,4 @@
export * from './seed-constants.js';
export * from './supabase-clients.js';
export * from './db-helpers.js';
export * from './realtime-helpers.js';

View File

@@ -0,0 +1,97 @@
import type { RealtimeChannel, SupabaseClient } from '@supabase/supabase-js';
/**
* Subscribe to `postgres_changes` on a table + optional filter for a given
* client, and return the channel plus a promise-based `waitFor` that resolves
* on the next event matching the given predicate. Always call `unsubscribe()`
* in a `finally` block — the WebSocket stays open otherwise and leaks across
* tests.
*
* The `SUBSCRIBED` handshake is awaited before the function resolves, so
* callers can start mutating immediately and trust that events will be caught.
*/
export async function subscribePostgresChanges<T = Record<string, unknown>>(
client: SupabaseClient,
params: {
table: string;
schema?: string;
filter?: string;
event?: 'INSERT' | 'UPDATE' | 'DELETE' | '*';
channelName?: string;
}
): Promise<{
channel: RealtimeChannel;
events: Array<{ eventType: string; new: T; old: T | null }>;
waitFor: (
predicate: (evt: { eventType: string; new: T; old: T | null }) => boolean,
timeoutMs?: number
) => Promise<{ eventType: string; new: T; old: T | null }>;
unsubscribe: () => Promise<void>;
}> {
const events: Array<{ eventType: string; new: T; old: T | null }> = [];
const waiters: Array<{
predicate: (e: { eventType: string; new: T; old: T | null }) => boolean;
resolve: (e: { eventType: string; new: T; old: T | null }) => void;
}> = [];
const channel = client.channel(params.channelName ?? `test:${params.table}:${Date.now()}`);
channel.on(
// @ts-expect-error — supabase-js types require a specific literal-union, filter
// is a runtime string so the narrow overload complains
'postgres_changes',
{
event: params.event ?? '*',
schema: params.schema ?? 'public',
table: params.table,
...(params.filter ? { filter: params.filter } : {})
},
(payload: { eventType: string; new: T; old: T | null }) => {
const evt = { eventType: payload.eventType, new: payload.new, old: payload.old };
events.push(evt);
for (let i = waiters.length - 1; i >= 0; i--) {
if (waiters[i].predicate(evt)) {
waiters[i].resolve(evt);
waiters.splice(i, 1);
}
}
}
);
await new Promise<void>((resolve, reject) => {
const timeout = setTimeout(() => reject(new Error('Realtime SUBSCRIBED timeout')), 10_000);
channel.subscribe((status) => {
if (status === 'SUBSCRIBED') {
clearTimeout(timeout);
resolve();
} else if (status === 'CHANNEL_ERROR' || status === 'TIMED_OUT' || status === 'CLOSED') {
clearTimeout(timeout);
reject(new Error(`Realtime subscribe failed: ${status}`));
}
});
});
function waitFor(
predicate: (e: { eventType: string; new: T; old: T | null }) => boolean,
timeoutMs = 5_000
) {
const existing = events.find(predicate);
if (existing) return Promise.resolve(existing);
return new Promise<{ eventType: string; new: T; old: T | null }>((resolve, reject) => {
const t = setTimeout(() => reject(new Error('waitFor timeout')), timeoutMs);
waiters.push({
predicate,
resolve: (e) => {
clearTimeout(t);
resolve(e);
}
});
});
}
async function unsubscribe() {
await channel.unsubscribe();
}
return { channel, events, waitFor, unsubscribe };
}

View File

@@ -26,10 +26,14 @@ async function signToken(userId: string): Promise<string> {
/**
* Create a Supabase client that authenticates as the given seed user.
* RLS policies see auth.uid() = userId.
*
* Also calls `realtime.setAuth(token)` so Realtime subscriptions carry the
* same identity — the server evaluates RLS against this JWT when deciding
* which Postgres-changes events to forward.
*/
export async function createClientAs(userId: string) {
const token = await signToken(userId);
return createClient<Database>(
const client = createClient<Database>(
requiredEnv('PUBLIC_SUPABASE_URL'),
requiredEnv('PUBLIC_SUPABASE_ANON_KEY'),
{
@@ -37,6 +41,9 @@ export async function createClientAs(userId: string) {
auth: { persistSession: false, autoRefreshToken: false }
}
);
// @ts-expect-error — realtime.setAuth exists at runtime on supabase-js v2
client.realtime.setAuth(token);
return client;
}
/**