release: v0.19.0
Release v0.19.0. See the `## [0.19.0] — 2026-09-29` section of [CHANGELOG.md](https://github.com/ralksta/immich-folio/blob/dev/CHANGELOG.md) for the full list. Highlights: client proofing links (#683), custom content pages (#738), asset picker search (#740), concurrent-edit detection (#742), env-locked settings (#739), an accessibility baseline (#741), three security fixes with advisories (#737, #755, #759), and a pre-release quality pass (#780–#797). --------- Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: ralksta <ralksta@users.noreply.github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> Co-authored-by: Claude Opus 5 <noreply@anthropic.com> Co-authored-by: Ralf <rohlenbo79@gmail.com> Co-authored-by: Paul Thies <110185070+ImScheinox@users.noreply.github.com> Co-authored-by: lancetm714 <108419425+lancetm714@users.noreply.github.com> Co-authored-by: Lance Martin <lancetaylor95@gmail.com>
This commit is contained in:
196
app/admin/components/__tests__/inline-markdown-fields.test.tsx
Normal file
196
app/admin/components/__tests__/inline-markdown-fields.test.tsx
Normal file
@@ -0,0 +1,196 @@
|
||||
// @vitest-environment jsdom
|
||||
import { describe, it, expect, vi, afterEach, beforeEach } from 'vitest';
|
||||
import { useState } from 'react';
|
||||
import { render, screen, cleanup, fireEvent } from '@testing-library/react';
|
||||
import { JournalEditor } from '../journal/JournalEditor';
|
||||
import { EssayBlockEditor } from '../EssayBlockEditor';
|
||||
import { InlineMarkdownField } from '../InlineMarkdownField';
|
||||
import { NotificationProvider } from '../Notifications';
|
||||
import { ConfirmProvider } from '../ConfirmDialog';
|
||||
|
||||
/**
|
||||
* Text blocks are edited as markdown, not as the HTML the parser stores (A-5).
|
||||
* A reloaded entry used to show `<strong>` and `<a href=…>` in the textarea,
|
||||
* text typed into a tag was lost on save, and typed `**bold**` stayed literal
|
||||
* in the live preview until the first save.
|
||||
*/
|
||||
|
||||
const ID = '3f1c9a52-8d4e-4b7a-9c1d-0e2f3a4b5c6d';
|
||||
const ENTRY = [
|
||||
'---',
|
||||
'title: "Trip"',
|
||||
'---',
|
||||
'',
|
||||
'Hello **bold** and [Immich](https://immich.app).',
|
||||
'',
|
||||
'> A *quoted* line -- Someone',
|
||||
'',
|
||||
``,
|
||||
'',
|
||||
'::facts',
|
||||
'Distance: **21** km',
|
||||
].join('\n');
|
||||
|
||||
beforeEach(() => {
|
||||
// The live preview's FadeIn reveals at once under reduced motion instead of
|
||||
// needing IntersectionObserver.
|
||||
window.matchMedia = ((query: string) => ({
|
||||
matches: query.includes('reduce'),
|
||||
media: query,
|
||||
addEventListener: () => {},
|
||||
removeEventListener: () => {},
|
||||
})) as unknown as typeof window.matchMedia;
|
||||
vi.stubGlobal(
|
||||
'fetch',
|
||||
vi.fn(async (_url: string, init?: RequestInit) => {
|
||||
if (init?.method === 'PUT') {
|
||||
const sent = JSON.parse(init.body as string) as { rawMarkdown: string };
|
||||
return new Response(
|
||||
JSON.stringify({
|
||||
success: true,
|
||||
entry: { slug: 'trip', rawMarkdown: sent.rawMarkdown },
|
||||
version: 'v2',
|
||||
}),
|
||||
{ status: 200 },
|
||||
);
|
||||
}
|
||||
return new Response(
|
||||
JSON.stringify({ entry: { slug: 'trip', rawMarkdown: ENTRY }, version: 'v1' }),
|
||||
{ status: 200 },
|
||||
);
|
||||
}),
|
||||
);
|
||||
// Node 26 defines its own global localStorage (undefined without
|
||||
// --localstorage-file), which shadows jsdom's; give the editor a working one.
|
||||
const store = new Map<string, string>();
|
||||
vi.stubGlobal('localStorage', {
|
||||
getItem: (k: string) => store.get(k) ?? null,
|
||||
setItem: (k: string, v: string) => void store.set(k, String(v)),
|
||||
removeItem: (k: string) => void store.delete(k),
|
||||
clear: () => store.clear(),
|
||||
});
|
||||
window.sessionStorage.clear();
|
||||
});
|
||||
|
||||
afterEach(() => {
|
||||
cleanup();
|
||||
vi.unstubAllGlobals();
|
||||
});
|
||||
|
||||
async function renderJournal() {
|
||||
render(
|
||||
<NotificationProvider>
|
||||
<ConfirmProvider>
|
||||
<JournalEditor slug="trip" onBack={() => {}} />
|
||||
</ConfirmProvider>
|
||||
</NotificationProvider>,
|
||||
);
|
||||
return (await screen.findByLabelText('Text')) as HTMLTextAreaElement;
|
||||
}
|
||||
|
||||
/** The entry as the editor would save it, read from the Raw Markdown view. */
|
||||
function rawMarkdown(): string {
|
||||
fireEvent.click(screen.getByRole('button', { name: 'Raw Markdown' }));
|
||||
const value = (screen.getByPlaceholderText('Write Markdown here...') as HTMLTextAreaElement)
|
||||
.value;
|
||||
fireEvent.click(screen.getByRole('button', { name: 'Visual Blocks' }));
|
||||
return value;
|
||||
}
|
||||
|
||||
describe('journal editor: text blocks as markdown (A-5)', () => {
|
||||
it('shows the markdown source, not the stored HTML, after a load', async () => {
|
||||
const text = await renderJournal();
|
||||
expect(text.value).toBe('Hello **bold** and [Immich](https://immich.app).');
|
||||
expect(screen.getByDisplayValue('A *quoted* line')).toBeTruthy();
|
||||
expect(screen.getByDisplayValue('A **nice** view')).toBeTruthy();
|
||||
expect(screen.getByDisplayValue('**21** km')).toBeTruthy();
|
||||
expect(document.body.querySelector('textarea, input')).toBeTruthy();
|
||||
for (const field of document.body.querySelectorAll('textarea, input')) {
|
||||
expect((field as HTMLInputElement).value).not.toMatch(/<(strong|em|a)\b/);
|
||||
}
|
||||
});
|
||||
|
||||
it('renders typed markdown in the live preview before any save', async () => {
|
||||
const text = await renderJournal();
|
||||
fireEvent.change(text, { target: { value: 'Now **strong** text.' } });
|
||||
const preview = document.querySelector('.journal-preview-frame')!;
|
||||
expect(preview.innerHTML).toContain('<strong>strong</strong>');
|
||||
expect(preview.textContent).not.toContain('**strong**');
|
||||
// What was typed stays as typed.
|
||||
expect(text.value).toBe('Now **strong** text.');
|
||||
});
|
||||
|
||||
it('keeps text typed inside a link label or bold run', async () => {
|
||||
const text = await renderJournal();
|
||||
fireEvent.change(text, {
|
||||
target: { value: 'Hello **bold and more** and [Immich Photos](https://immich.app).' },
|
||||
});
|
||||
expect(rawMarkdown()).toContain(
|
||||
'Hello **bold and more** and [Immich Photos](https://immich.app).',
|
||||
);
|
||||
});
|
||||
|
||||
it('writes the same file when the content is unchanged', async () => {
|
||||
const text = await renderJournal();
|
||||
const original = text.value;
|
||||
fireEvent.change(text, { target: { value: `${original} extra` } });
|
||||
fireEvent.change(screen.getByLabelText('Text'), { target: { value: original } });
|
||||
expect(rawMarkdown()).toBe(ENTRY);
|
||||
});
|
||||
|
||||
it('keeps `__` as typed while the file gets the canonical form', async () => {
|
||||
const text = await renderJournal();
|
||||
fireEvent.change(text, { target: { value: 'An __underscored__ word' } });
|
||||
expect(text.value).toBe('An __underscored__ word');
|
||||
expect(rawMarkdown()).toContain('An **underscored** word');
|
||||
});
|
||||
});
|
||||
|
||||
describe('InlineMarkdownField', () => {
|
||||
function Harness({ initial }: { initial: string }) {
|
||||
const [html, setHtml] = useState(initial);
|
||||
return (
|
||||
<>
|
||||
<InlineMarkdownField aria-label="Field" html={html} onChange={setHtml} />
|
||||
<button type="button" onClick={() => setHtml('<em>replaced</em>')}>
|
||||
Replace
|
||||
</button>
|
||||
<output data-testid="html">{html}</output>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
it('hands back HTML and re-reads it only on an outside change', () => {
|
||||
render(<Harness initial="<strong>x</strong>" />);
|
||||
const field = screen.getByLabelText('Field') as HTMLInputElement;
|
||||
expect(field.value).toBe('**x**');
|
||||
fireEvent.change(field, { target: { value: 'a [half](http' } });
|
||||
expect(field.value).toBe('a [half](http');
|
||||
fireEvent.change(field, { target: { value: 'a & b <c>' } });
|
||||
expect(screen.getByTestId('html').textContent).toBe('a & b <c>');
|
||||
expect(field.value).toBe('a & b <c>');
|
||||
fireEvent.click(screen.getByRole('button', { name: 'Replace' }));
|
||||
expect(field.value).toBe('*replaced*');
|
||||
});
|
||||
});
|
||||
|
||||
describe('essay block editor: text blocks as markdown (A-5)', () => {
|
||||
it('shows markdown and serializes an edit through the renderer', () => {
|
||||
const onChange = vi.fn();
|
||||
render(
|
||||
<EssayBlockEditor
|
||||
markdown={'Some *italic* and [a link](https://immich.app).'}
|
||||
onChange={onChange}
|
||||
/>,
|
||||
);
|
||||
const text = screen.getByDisplayValue(
|
||||
'Some *italic* and [a link](https://immich.app).',
|
||||
) as HTMLTextAreaElement;
|
||||
fireEvent.change(text, {
|
||||
target: { value: 'Some *italic* and [a longer link](https://immich.app).' },
|
||||
});
|
||||
expect(onChange).toHaveBeenLastCalledWith(
|
||||
'Some *italic* and [a longer link](https://immich.app).',
|
||||
);
|
||||
});
|
||||
});
|
||||
Reference in New Issue
Block a user