amitwh/markdown-converter
1
0
Fork 0
mirror of https://github.com/amitwh/markdown-converter.git synced 2026-08-02 18:10:18 +05:30
Code Issues Packages Projects Releases Wiki Activity

feat(renderer): AppHeader gets Settings + About icon buttons

Browse Source
This commit is contained in:
amitwh
2026-06-05 19:46:56 +05:30
parent fe62c8814c
commit 9d154a8521
2 changed files with 43 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
tests/component/layout/AppHeader.test.tsx
+26
View File
@@ -19,6 +19,12 @@ describe('AppHeader', () => {
useAppStore.getState().togglePreview();
});
useCommandStore.getState().register('shortcuts.show', () => {});
useCommandStore.getState().register('settings.open', () => {
useAppStore.getState().openModal('settings');
});
useCommandStore.getState().register('help.about', () => {
useAppStore.getState().openModal('about');
});
});
it('renders the app title', () => {
@@ -64,4 +70,24 @@ describe('AppHeader', () => {
// The test passes if no error is thrown and the click is processed.
expect(btn).toBeInTheDocument();
});
it('settings button opens settings modal', async () => {
render(
<ThemeProvider defaultTheme="dark" attribute="class">
<AppHeader />
</ThemeProvider>
);
await userEvent.click(screen.getByRole('button', { name: /settings/i }));
expect(useAppStore.getState().modal).toEqual({ kind: 'settings' });
});
it('about button opens about modal', async () => {
render(
<ThemeProvider defaultTheme="dark" attribute="class">
<AppHeader />
</ThemeProvider>
);
await userEvent.click(screen.getByRole('button', { name: /^about$/i }));
expect(useAppStore.getState().modal).toEqual({ kind: 'about' });
});
});