nebula-cms 0.1.3 → 0.1.5

package/tests/e2e/backend-connection.test.ts

@@ -1,301 +0,0 @@
-import { describe, it, expect, vi, afterEach, beforeEach } from 'vitest';
-import { render, cleanup } from '@testing-library/svelte';
-import { resetMocks, configureConnected } from './helpers/test-app';
-
-/*
-//////////////////////////////
-// Hoisted mocks — created before any import runs
-//////////////////////////////
-*/
-
-const mocks = vi.hoisted(() => ({
-  mockBackendReady: vi.fn(() => false),
-  mockRoute: vi.fn(() => ({ view: 'home' as const })),
-  mockCollections: vi.fn(() => [] as string[]),
-  mockContentList: vi.fn(
-    () => [] as Array<{ filename: string; data: Record<string, unknown> }>,
-  ),
-  mockLoading: vi.fn(() => false),
-  mockError: vi.fn(() => null as string | null),
-  mockDrafts: vi.fn(() => []),
-  mockOutdatedMap: vi.fn(() => ({}) as Record<string, boolean>),
-  mockActiveTab: vi.fn(() => 'metadata'),
-  mockGetEditorFile: vi.fn(() => null),
-  mockSchema: vi.fn(() => null),
-  mockCollectionHasDates: vi.fn(() => false),
-  mockComputePublishDisabled: vi.fn(() => false),
-}));
-
-/*
-//////////////////////////////
-// Module mocks — each vi.mock() is hoisted to run before imports
-//////////////////////////////
-*/
-
-vi.mock('virtual:nebula/collections', () => ({
-  default: {
-    pages: '/collections/pages.schema.json',
-    posts: '/collections/posts.schema.json',
-  },
-}));
-vi.mock('virtual:nebula/config', () => ({
-  default: { basePath: '/admin', collectionsPath: '/collections' },
-}));
-vi.mock('../../src/client/js/state/state.svelte', () => ({
-  backend: {
-    get type() {
-      return null;
-    },
-    get ready() {
-      return mocks.mockBackendReady();
-    },
-    get permission() {
-      return 'denied';
-    },
-  },
-  content: {
-    get list() {
-      return mocks.mockContentList();
-    },
-    get loading() {
-      return mocks.mockLoading();
-    },
-    get error() {
-      return mocks.mockError();
-    },
-  },
-  get collections() {
-    return mocks.mockCollections();
-  },
-  storageClient: null,
-  drafts: {
-    get all() {
-      return mocks.mockDrafts();
-    },
-    get outdated() {
-      return mocks.mockOutdatedMap();
-    },
-  },
-  restoreBackend: vi.fn(async () => {}),
-  loadCollection: vi.fn(),
-  reloadCollection: vi.fn(),
-  disconnect: vi.fn(),
-  refreshDrafts: vi.fn(async () => {}),
-  updateContentItem: vi.fn(),
-  pickDirectory: vi.fn(),
-  requestPermission: vi.fn(),
-  connectGitHub: vi.fn(async () => {}),
-}));
-vi.mock('../../src/client/js/state/router.svelte', () => ({
-  initRouter: vi.fn(),
-  nav: {
-    get route() {
-      return mocks.mockRoute();
-    },
-  },
-  navigate: vi.fn(),
-  registerDirtyChecker: vi.fn(),
-  adminPath: vi.fn((...segments) =>
-    segments.length === 0 ? '/admin' : '/admin/' + segments.join('/'),
-  ),
-}));
-vi.mock('../../src/client/js/state/schema.svelte', () => ({
-  fetchSchema: vi.fn(async () => {}),
-  schema: {
-    get active() {
-      return mocks.mockSchema();
-    },
-  },
-  clearSchema: vi.fn(),
-  prefetchAllSchemas: vi.fn(async () => {}),
-  collectionHasDates: mocks.mockCollectionHasDates,
-  getCollectionTitle: vi.fn(() => null),
-  getCollectionDescription: vi.fn(() => null),
-}));
-vi.mock('../../src/client/js/editor/editor.svelte', () => ({
-  preloadFile: vi.fn(async () => {}),
-  loadFileBody: vi.fn(async () => {}),
-  clearEditor: vi.fn(),
-  editor: {
-    get tab() {
-      return mocks.mockActiveTab();
-    },
-    get data() {
-      return {};
-    },
-    get originalFilename() {
-      return '';
-    },
-  },
-  setActiveTab: vi.fn(),
-  getEditorFile: mocks.mockGetEditorFile,
-  loadDraftById: vi.fn(async () => {}),
-  setFilename: vi.fn(),
-  updateBody: vi.fn(),
-  updateFormField: vi.fn(),
-  saveDraftToIDB: vi.fn(async () => {}),
-  saveFile: vi.fn(async () => {}),
-  publishFile: vi.fn(async () => {}),
-  deleteCurrentDraft: vi.fn(async () => {}),
-  applyEditorState: vi.fn(),
-  _getDraftState: vi.fn(() => ({})),
-  _setDraftState: vi.fn(),
-  changeFileFormat: vi.fn(),
-  setDefaultFormat: vi.fn(),
-}));
-vi.mock('../../src/client/js/handlers/admin', async (importOriginal) => {
-  const actual =
-    await importOriginal<typeof import('../../src/client/js/handlers/admin')>();
-  return {
-    ...actual,
-    handleSave: vi.fn(async () => {}),
-    handlePublish: vi.fn(async () => ({ status: 'ok' })),
-    handleDeleteDraft: vi.fn(async () => {}),
-    handleFilenameConfirm: vi.fn(async () => {}),
-    computePublishDisabled: mocks.mockComputePublishDisabled,
-    // Override buildCollectionItems to read from mockCollections — the
-    // module-level getter for `collections` is not a live binding in
-    // vitest's browser mode, so the real function would see an empty array.
-    buildCollectionItems: () =>
-      mocks.mockCollections().map((name: string) => ({
-        label: name.charAt(0).toUpperCase() + name.slice(1),
-        href: '/admin/' + name,
-      })),
-  };
-});
-vi.mock('../../src/client/js/utils/sort', () => ({
-  toSortDate: vi.fn(() => undefined),
-  readSortMode: vi.fn(() => 'alpha'),
-  writeSortMode: vi.fn(),
-  createComparator: vi.fn(() => () => 0),
-  SORT_MODES: {
-    alpha: { icon: 'sort_by_alpha', label: 'Alphabetical' },
-    'date-asc': { icon: 'hourglass_arrow_down', label: 'Oldest first' },
-    'date-desc': { icon: 'hourglass_arrow_up', label: 'Newest first' },
-  },
-  SORT_ORDER: ['alpha', 'date-asc', 'date-desc'],
-}));
-vi.mock('../../src/client/js/drafts/storage', () => ({
-  saveDraft: vi.fn(async () => {}),
-  getDraftByFile: vi.fn(async () => null),
-  loadDrafts: vi.fn(async () => []),
-  loadDraft: vi.fn(async () => null),
-  deleteDraft: vi.fn(async () => {}),
-}));
-vi.mock('../../src/client/js/utils/schema-utils', () => ({
-  extractTabs: vi.fn(() => []),
-  getFieldsForTab: vi.fn(() => []),
-  resolveFieldType: vi.fn(() => ({ kind: 'string' })),
-  createDefaultValue: vi.fn(() => ''),
-  getByPath: vi.fn(),
-  setByPath: vi.fn(),
-  isReadOnly: vi.fn(() => false),
-  isNullable: vi.fn(() => false),
-  getProperties: vi.fn(
-    (schema: Record<string, unknown>) => schema['properties'],
-  ),
-  getRequiredFields: vi.fn((schema: Record<string, unknown>) =>
-    Array.isArray(schema['required']) ? schema['required'] : [],
-  ),
-  getLabel: vi.fn((schema: Record<string, unknown>, name: string) =>
-    typeof schema['title'] === 'string' ? schema['title'] : name,
-  ),
-}));
-vi.mock('../../src/client/js/drafts/merge.svelte', () => ({
-  drafts: {
-    get all() {
-      return mocks.mockDrafts();
-    },
-    get outdated() {
-      return mocks.mockOutdatedMap();
-    },
-  },
-  mergeDrafts: vi.fn(async () => {}),
-  refreshDrafts: vi.fn(async () => {}),
-  resetDraftMerge: vi.fn(),
-}));
-
-vi.mock('../../src/client/js/state/theme.svelte', () => ({
-  initTheme: vi.fn(() => () => {}),
-  cycleTheme: vi.fn(),
-  theme: { resolved: 'dark', icon: 'brightness_auto', label: 'Auto' },
-}));
-vi.mock('../../src/client/js/state/dialogs.svelte', () => ({
-  dialog: {
-    get active() {
-      return null;
-    },
-    open: vi.fn(),
-    close: vi.fn(),
-  },
-}));
-
-import Admin from '../../src/client/Admin.svelte';
-
-afterEach(() => cleanup());
-beforeEach(() => resetMocks(mocks));
-
-describe('Backend Connection', () => {
-  it('renders BackendPicker when no backend is connected', () => {
-    const { container } = render(Admin);
-
-    expect(container.querySelector('.picker')).not.toBeNull();
-    const heading = container.querySelector('.picker-title');
-    expect(heading?.textContent).toBe('Connect to your project');
-  });
-
-  it('does not render sidebar when backend is not ready', () => {
-    const { container } = render(Admin);
-
-    expect(container.querySelector('.sidebar')).toBeNull();
-  });
-
-  it('shows both FSA and GitHub connection options', () => {
-    const { container } = render(Admin);
-
-    const options = container.querySelectorAll('.picker-option');
-    expect(options.length).toBe(2);
-    expect(options[0].querySelector('h3')?.textContent).toBe('Local Folder');
-    expect(options[1].querySelector('h3')?.textContent).toBe(
-      'GitHub Repository',
-    );
-  });
-
-  it('renders collections sidebar after backend connects', () => {
-    configureConnected(mocks, ['pages', 'posts']);
-    mocks.mockRoute.mockReturnValue({ view: 'home' });
-
-    const { container } = render(Admin);
-
-    expect(container.querySelector('.picker')).toBeNull();
-    const sidebars = container.querySelectorAll('.sidebar');
-    expect(sidebars.length).toBe(1);
-  });
-
-  it('shows collection names title-cased in sidebar', () => {
-    configureConnected(mocks, ['posts', 'pages']);
-    mocks.mockRoute.mockReturnValue({ view: 'home' });
-
-    const { container } = render(Admin);
-
-    const links = container.querySelectorAll('.sidebar-link');
-    const labels = Array.from(links).map((el) => el.textContent?.trim());
-    expect(labels).toContain('Posts');
-    expect(labels).toContain('Pages');
-  });
-
-  it('applies admin--connected CSS class when backend is ready', () => {
-    configureConnected(mocks, []);
-    mocks.mockRoute.mockReturnValue({ view: 'home' });
-
-    const { container } = render(Admin);
-
-    expect(container.querySelector('.admin--connected')).not.toBeNull();
-  });
-
-  it('does not apply admin--connected CSS class when not ready', () => {
-    const { container } = render(Admin);
-
-    expect(container.querySelector('.admin--connected')).toBeNull();
-  });
-});

package/tests/e2e/draft-lifecycle.test.ts

@@ -1,388 +0,0 @@
-import { describe, it, expect, vi, afterEach, beforeEach } from 'vitest';
-import { render, cleanup, fireEvent } from '@testing-library/svelte';
-import {
-  resetMocks,
-  configureConnected,
-  configureFileOpen,
-  configureDraftOpen,
-} from './helpers/test-app';
-
-/*
-//////////////////////////////
-// Hoisted mocks
-//////////////////////////////
-*/
-
-const mocks = vi.hoisted(() => ({
-  mockBackendReady: vi.fn(() => false),
-  mockRoute: vi.fn(() => ({ view: 'home' as const })),
-  mockCollections: vi.fn(() => [] as string[]),
-  mockContentList: vi.fn(
-    () => [] as Array<{ filename: string; data: Record<string, unknown> }>,
-  ),
-  mockLoading: vi.fn(() => false),
-  mockError: vi.fn(() => null as string | null),
-  mockDrafts: vi.fn(() => []),
-  mockOutdatedMap: vi.fn(() => ({}) as Record<string, boolean>),
-  mockActiveTab: vi.fn(() => 'metadata'),
-  mockGetEditorFile: vi.fn(() => null),
-  mockSchema: vi.fn(() => null),
-  mockCollectionHasDates: vi.fn(() => false),
-  mockComputePublishDisabled: vi.fn(() => false),
-}));
-
-// Hoisted handler mocks for assertions
-const handlers = vi.hoisted(() => ({
-  mockHandleSave: vi.fn(async () => {}),
-  mockHandleDeleteDraft: vi.fn(async () => {}),
-}));
-
-/*
-//////////////////////////////
-// Module mocks
-//////////////////////////////
-*/
-
-vi.mock('virtual:nebula/collections', () => ({
-  default: {
-    pages: '/collections/pages.schema.json',
-    posts: '/collections/posts.schema.json',
-  },
-}));
-vi.mock('virtual:nebula/config', () => ({
-  default: { basePath: '/admin', collectionsPath: '/collections' },
-}));
-vi.mock('../../src/client/js/state/state.svelte', () => ({
-  backend: {
-    get type() {
-      return null;
-    },
-    get ready() {
-      return mocks.mockBackendReady();
-    },
-    get permission() {
-      return 'denied';
-    },
-  },
-  content: {
-    get list() {
-      return mocks.mockContentList();
-    },
-    get loading() {
-      return mocks.mockLoading();
-    },
-    get error() {
-      return mocks.mockError();
-    },
-  },
-  get collections() {
-    return mocks.mockCollections();
-  },
-  storageClient: null,
-  drafts: {
-    get all() {
-      return mocks.mockDrafts();
-    },
-    get outdated() {
-      return mocks.mockOutdatedMap();
-    },
-  },
-  restoreBackend: vi.fn(async () => {}),
-  loadCollection: vi.fn(),
-  reloadCollection: vi.fn(),
-  disconnect: vi.fn(),
-  refreshDrafts: vi.fn(async () => {}),
-  updateContentItem: vi.fn(),
-  pickDirectory: vi.fn(),
-  requestPermission: vi.fn(),
-  connectGitHub: vi.fn(async () => {}),
-}));
-vi.mock('../../src/client/js/state/router.svelte', () => ({
-  initRouter: vi.fn(),
-  nav: {
-    get route() {
-      return mocks.mockRoute();
-    },
-  },
-  navigate: vi.fn(),
-  registerDirtyChecker: vi.fn(),
-  adminPath: vi.fn((...segments) =>
-    segments.length === 0 ? '/admin' : '/admin/' + segments.join('/'),
-  ),
-}));
-vi.mock('../../src/client/js/state/schema.svelte', () => ({
-  fetchSchema: vi.fn(async () => {}),
-  schema: {
-    get active() {
-      return mocks.mockSchema();
-    },
-  },
-  clearSchema: vi.fn(),
-  prefetchAllSchemas: vi.fn(async () => {}),
-  collectionHasDates: mocks.mockCollectionHasDates,
-  getCollectionTitle: vi.fn(() => null),
-  getCollectionDescription: vi.fn(() => null),
-}));
-vi.mock('../../src/client/js/editor/editor.svelte', () => ({
-  preloadFile: vi.fn(async () => {}),
-  loadFileBody: vi.fn(async () => {}),
-  clearEditor: vi.fn(),
-  editor: {
-    get tab() {
-      return mocks.mockActiveTab();
-    },
-    get data() {
-      return {};
-    },
-    get originalFilename() {
-      return '';
-    },
-  },
-  setActiveTab: vi.fn(),
-  getEditorFile: mocks.mockGetEditorFile,
-  loadDraftById: vi.fn(async () => {}),
-  setFilename: vi.fn(),
-  updateBody: vi.fn(),
-  updateFormField: vi.fn(),
-  saveDraftToIDB: vi.fn(async () => {}),
-  saveFile: vi.fn(async () => {}),
-  publishFile: vi.fn(async () => {}),
-  deleteCurrentDraft: vi.fn(async () => {}),
-  applyEditorState: vi.fn(),
-  _getDraftState: vi.fn(() => ({})),
-  _setDraftState: vi.fn(),
-  changeFileFormat: vi.fn(),
-  setDefaultFormat: vi.fn(),
-}));
-vi.mock('../../src/client/js/handlers/admin', async (importOriginal) => {
-  const actual =
-    await importOriginal<typeof import('../../src/client/js/handlers/admin')>();
-  return {
-    ...actual,
-    handleSave: handlers.mockHandleSave,
-    handlePublish: vi.fn(async () => ({ status: 'ok' })),
-    handleDeleteDraft: handlers.mockHandleDeleteDraft,
-    handleFilenameConfirm: vi.fn(async () => {}),
-    computePublishDisabled: mocks.mockComputePublishDisabled,
-    // Override buildCollectionItems to read from mockCollections — the
-    // module-level getter for `collections` is not a live binding in
-    // vitest's browser mode, so the real function would see an empty array.
-    buildCollectionItems: () =>
-      mocks.mockCollections().map((name: string) => ({
-        label: name.charAt(0).toUpperCase() + name.slice(1),
-        href: '/admin/' + name,
-      })),
-  };
-});
-vi.mock('../../src/client/js/utils/sort', () => ({
-  toSortDate: vi.fn(() => undefined),
-  readSortMode: vi.fn(() => 'alpha'),
-  writeSortMode: vi.fn(),
-  createComparator: vi.fn(() => () => 0),
-  SORT_MODES: {
-    alpha: { icon: 'sort_by_alpha', label: 'Alphabetical' },
-    'date-asc': { icon: 'hourglass_arrow_down', label: 'Oldest first' },
-    'date-desc': { icon: 'hourglass_arrow_up', label: 'Newest first' },
-  },
-  SORT_ORDER: ['alpha', 'date-asc', 'date-desc'],
-}));
-vi.mock('../../src/client/js/drafts/storage', () => ({
-  saveDraft: vi.fn(async () => {}),
-  getDraftByFile: vi.fn(async () => null),
-  loadDrafts: vi.fn(async () => []),
-  loadDraft: vi.fn(async () => null),
-  deleteDraft: vi.fn(async () => {}),
-}));
-vi.mock('../../src/client/js/utils/schema-utils', () => ({
-  extractTabs: vi.fn(() => []),
-  getFieldsForTab: vi.fn(() => []),
-  resolveFieldType: vi.fn(() => ({ kind: 'string' })),
-  createDefaultValue: vi.fn(() => ''),
-  getByPath: vi.fn(),
-  setByPath: vi.fn(),
-  isReadOnly: vi.fn(() => false),
-  isNullable: vi.fn(() => false),
-  getProperties: vi.fn(
-    (schema: Record<string, unknown>) => schema['properties'],
-  ),
-  getRequiredFields: vi.fn((schema: Record<string, unknown>) =>
-    Array.isArray(schema['required']) ? schema['required'] : [],
-  ),
-  getLabel: vi.fn((schema: Record<string, unknown>, name: string) =>
-    typeof schema['title'] === 'string' ? schema['title'] : name,
-  ),
-}));
-vi.mock('../../src/client/js/drafts/merge.svelte', () => ({
-  drafts: {
-    get all() {
-      return mocks.mockDrafts();
-    },
-    get outdated() {
-      return mocks.mockOutdatedMap();
-    },
-  },
-  mergeDrafts: vi.fn(async () => {}),
-  refreshDrafts: vi.fn(async () => {}),
-  resetDraftMerge: vi.fn(),
-}));
-
-vi.mock('../../src/client/js/state/theme.svelte', () => ({
-  initTheme: vi.fn(() => () => {}),
-  cycleTheme: vi.fn(),
-  theme: { resolved: 'dark', icon: 'brightness_auto', label: 'Auto' },
-}));
-vi.mock('../../src/client/js/state/dialogs.svelte', () => ({
-  dialog: {
-    get active() {
-      return null;
-    },
-    open: vi.fn(),
-    close: vi.fn(),
-  },
-}));
-
-import Admin from '../../src/client/Admin.svelte';
-
-afterEach(() => cleanup());
-beforeEach(() => {
-  resetMocks(mocks);
-  handlers.mockHandleSave.mockClear();
-  handlers.mockHandleDeleteDraft.mockClear();
-});
-
-describe('Draft Lifecycle', () => {
-  it('renders editor for a new draft', () => {
-    configureDraftOpen(mocks, 'posts', 'draft-abc', {
-      body: '',
-      formData: {},
-    });
-
-    const { container } = render(Admin);
-
-    expect(container.querySelector('.editor-area')).not.toBeNull();
-  });
-
-  it('shows "Untitled Draft" for drafts without a title', () => {
-    configureDraftOpen(mocks, 'posts', 'draft-abc', {
-      body: '',
-      formData: {},
-    });
-
-    const { container } = render(Admin);
-
-    const title = container.querySelector('.editor-area .toolbar__title');
-    expect(title).not.toBeNull();
-    expect(title?.textContent).toContain('Untitled Draft');
-  });
-
-  it('shows draft title when formData has a title', () => {
-    configureDraftOpen(mocks, 'posts', 'draft-abc', {
-      body: 'Draft body',
-      formData: { title: 'My Draft Title' },
-    });
-
-    const { container } = render(Admin);
-
-    const title = container.querySelector('.editor-area .toolbar__title');
-    expect(title).not.toBeNull();
-    expect(title?.textContent).toContain('My Draft Title');
-  });
-
-  it('calls handleSave when save button is clicked', async () => {
-    configureFileOpen(mocks, 'posts', 'hello-world', {
-      filename: 'hello-world.md',
-      body: 'Modified',
-      formData: { title: 'Hello World' },
-      dirty: true,
-    });
-
-    const { container } = render(Admin);
-
-    const saveBtn = container.querySelector('.editor-area .btn--save-outline');
-    expect(saveBtn).not.toBeNull();
-
-    if (saveBtn) await fireEvent.click(saveBtn);
-    expect(handlers.mockHandleSave).toHaveBeenCalled();
-  });
-
-  it('shows draft chip for items with draft status', () => {
-    configureConnected(mocks, ['posts']);
-    mocks.mockRoute.mockReturnValue({
-      view: 'collection',
-      collection: 'posts',
-    });
-    mocks.mockContentList.mockReturnValue([
-      { filename: 'hello.md', data: { title: 'Hello' } },
-    ]);
-    mocks.mockDrafts.mockReturnValue([
-      {
-        id: 'draft-1',
-        isNew: false,
-        filename: 'hello.md',
-        formData: { title: 'Hello' },
-        collection: 'posts',
-      },
-    ]);
-
-    const { container } = render(Admin);
-
-    // DraftChip renders a .chip element with lowercase text
-    const chip = container.querySelector('.chip');
-    expect(chip).not.toBeNull();
-    expect(chip?.textContent?.trim()).toBe('draft');
-  });
-
-  it('shows outdated chip when draft is outdated', () => {
-    configureConnected(mocks, ['posts']);
-    mocks.mockRoute.mockReturnValue({
-      view: 'collection',
-      collection: 'posts',
-    });
-    mocks.mockContentList.mockReturnValue([
-      { filename: 'hello.md', data: { title: 'Hello' } },
-    ]);
-    mocks.mockDrafts.mockReturnValue([
-      {
-        id: 'draft-1',
-        isNew: false,
-        filename: 'hello.md',
-        formData: { title: 'Hello' },
-        collection: 'posts',
-      },
-    ]);
-    mocks.mockOutdatedMap.mockReturnValue({ 'draft-1': true });
-
-    const { container } = render(Admin);
-
-    // Both draft and outdated chips render; use the variant-specific class
-    const outdatedChip = container.querySelector('.chip--outdated');
-    expect(outdatedChip).not.toBeNull();
-    expect(outdatedChip?.textContent?.trim()).toBe('outdated');
-  });
-
-  it('shows new draft items in the sidebar', () => {
-    configureConnected(mocks, ['posts']);
-    mocks.mockRoute.mockReturnValue({
-      view: 'collection',
-      collection: 'posts',
-    });
-    mocks.mockContentList.mockReturnValue([]);
-    mocks.mockDrafts.mockReturnValue([
-      {
-        id: 'new-draft-1',
-        isNew: true,
-        filename: null,
-        formData: { title: 'Brand New Draft' },
-        collection: 'posts',
-      },
-    ]);
-
-    const { container } = render(Admin);
-
-    const sidebars = container.querySelectorAll('.sidebar');
-    const contentSidebar = sidebars[1];
-    const links = contentSidebar.querySelectorAll('.sidebar-link');
-    expect(links.length).toBe(1);
-    expect(links[0].textContent).toContain('Brand New Draft');
-  });
-});