95 lines
3.5 KiB
TypeScript
95 lines
3.5 KiB
TypeScript
|
import { describe, it, expect, vi, beforeEach } from 'vitest';
|
||
|
|
import type { ReactElement, ReactNode } from 'react';
|
||
|
|
|
||
|
|
/**
|
||
|
|
* P-17: /journal shared as the site's home page (no openGraph of its own), and
|
||
|
|
* its meta description was a sentence the page never showed.
|
||
|
|
* P-21: a draft entry, which only an admin can open, looked published — the
|
||
|
|
* index marks drafts, the entry page did not.
|
||
|
|
*/
|
||
|
|
|
||
|
|
const readJournalEntry = vi.fn();
|
||
|
|
let admin = false;
|
||
|
|
|
||
|
|
vi.mock('@/lib/admin/journal-service', () => ({
|
||
|
|
readJournalEntry: (slug: string) => readJournalEntry(slug),
|
||
|
|
listJournalEntries: async () => [],
|
||
|
|
}));
|
||
|
|
vi.mock('@/lib/admin/auth', () => ({ isAdminAuthenticated: async () => admin }));
|
||
|
|
vi.mock('next/headers', () => ({
|
||
|
|
cookies: async () => ({ get: () => undefined }),
|
||
|
|
}));
|
||
|
|
vi.mock('next/navigation', () => ({
|
||
|
|
notFound: () => {
|
||
|
|
throw new Error('notFound');
|
||
|
|
},
|
||
|
|
}));
|
||
|
|
vi.mock('@/lib/config', () => ({
|
||
|
|
getConfig: () => ({ authSecret: 'test-secret', watermark: undefined }),
|
||
|
|
getConfigOrNull: () => ({ lang: 'en' }),
|
||
|
|
}));
|
||
|
|
vi.mock('@/app/[...path]/essayPayload', () => ({
|
||
|
|
buildEssayPayload: async () => ({
|
||
|
|
essay: { frontmatter: {}, blocks: [] },
|
||
|
|
images: [],
|
||
|
|
coverToken: undefined,
|
||
|
|
}),
|
||
|
|
}));
|
||
|
|
vi.mock('@/app/[...path]/EssayView', () => ({ EssayView: () => null }));
|
||
|
|
vi.mock('@/components/JournalNav', () => ({ JournalNav: () => null }));
|
||
|
|
vi.mock('@/components/BackLink', () => ({ BackLink: () => null }));
|
||
|
|
vi.mock('@/components/PasswordGate', () => ({ default: function PasswordGate() {} }));
|
||
|
|
|
||
|
|
const { default: JournalDetailPage } = await import('../[slug]/page');
|
||
|
|
const { generateMetadata: indexMetadata } = await import('../page');
|
||
|
|
const { getServerDictionary } = await import('@/lib/i18n/server');
|
||
|
|
|
||
|
|
/** Every string rendered anywhere in an element tree. */
|
||
|
|
function texts(node: ReactNode): string[] {
|
||
|
|
if (node === null || node === undefined || typeof node === 'boolean') return [];
|
||
|
|
if (typeof node === 'string' || typeof node === 'number') return [String(node)];
|
||
|
|
if (Array.isArray(node)) return node.flatMap(texts);
|
||
|
|
const el = node as ReactElement<{ children?: ReactNode }>;
|
||
|
|
return texts(el.props?.children);
|
||
|
|
}
|
||
|
|
|
||
|
|
describe('/journal metadata', () => {
|
||
|
|
it('shares as the journal, with the subtitle the page shows', () => {
|
||
|
|
const t = getServerDictionary();
|
||
|
|
const m = indexMetadata();
|
||
|
|
expect(m.title).toBe(t.journal.title);
|
||
|
|
expect(m.description).toBe(t.journal.subtitle);
|
||
|
|
expect(m.openGraph?.title).toBe(t.journal.title);
|
||
|
|
expect(m.openGraph?.description).toBe(t.journal.subtitle);
|
||
|
|
const images = m.openGraph?.images as string[];
|
||
|
|
expect(images).toHaveLength(1);
|
||
|
|
expect(new URL(images[0], 'https://x.test').searchParams.get('title')).toBe(t.journal.title);
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
describe('journal entry draft badge', () => {
|
||
|
|
beforeEach(() => {
|
||
|
|
admin = true;
|
||
|
|
readJournalEntry.mockReset();
|
||
|
|
});
|
||
|
|
|
||
|
|
const render = async () =>
|
||
|
|
texts((await JournalDetailPage({ params: Promise.resolve({ slug: 'trip' }) })) as ReactElement);
|
||
|
|
|
||
|
|
it('marks a draft for the admin previewing it', async () => {
|
||
|
|
readJournalEntry.mockResolvedValue({
|
||
|
|
slug: 'trip',
|
||
|
|
parsed: { frontmatter: { title: 'Trip', draft: true }, blocks: [] },
|
||
|
|
});
|
||
|
|
expect(await render()).toContain(getServerDictionary().journal.draft);
|
||
|
|
});
|
||
|
|
|
||
|
|
it('does not mark a published entry', async () => {
|
||
|
|
readJournalEntry.mockResolvedValue({
|
||
|
|
slug: 'trip',
|
||
|
|
parsed: { frontmatter: { title: 'Trip' }, blocks: [] },
|
||
|
|
});
|
||
|
|
expect(await render()).not.toContain(getServerDictionary().journal.draft);
|
||
|
|
});
|
||
|
|
});
|