improved component composition and added tests.

src/components/blog/Composer.test.ts

@@ -0,0 +1,27 @@
+import { fireEvent, render, waitFor } from '@testing-library/svelte'
+import { describe, expect, it, vi } from 'vitest'
+import { APP_SERVICES } from '$lib/app-services'
+import { account, session, status, testServices } from '$test/fixtures'
+import Composer from './Composer.svelte'
+
+describe('Composer', () => {
+  it('posts through an in-memory endpoint double', async () => {
+    const postStatus = vi.fn().mockResolvedValue(status())
+    const services = testServices({
+      session: session({ token: 'token', me: account(), signedIn: true }),
+      endpoints: { postStatus },
+    })
+    const view = render(Composer, {
+      props: { initialText: 'A backend-free component test' },
+      context: new Map([[APP_SERVICES, services]]),
+    })
+
+    await fireEvent.click(view.getByRole('button', { name: 'Post Entry' }))
+
+    await waitFor(() => expect(postStatus).toHaveBeenCalledOnce())
+    expect(postStatus.mock.calls[0][1]).toMatchObject({
+      status: 'A backend-free component test',
+      visibility: 'public',
+    })
+  })
+})