feat: style editor for blog

tests/renderer/components/StatusBar.test.tsx

@@ -0,0 +1,28 @@
+import React from 'react';
+import { describe, it, expect, beforeEach, vi } from 'vitest';
+import { render, screen } from '@testing-library/react';
+import { StatusBar } from '../../../src/renderer/components/StatusBar/StatusBar';
+import { useAppStore } from '../../../src/renderer/store';
+
+vi.mock('../../../src/renderer/components/ProjectSelector', () => ({
+  ProjectSelector: () => <div data-testid="project-selector">Project</div>,
+}));
+
+describe('StatusBar', () => {
+  beforeEach(() => {
+    vi.clearAllMocks();
+    useAppStore.setState({
+      media: [],
+      tasks: [],
+      selectedPostId: null,
+      totalPosts: 0,
+      picoTheme: 'slate',
+    } as any);
+  });
+
+  it('shows the currently applied theme', () => {
+    render(<StatusBar />);
+
+    expect(screen.getByText('Theme: slate')).toBeInTheDocument();
+  });
+});