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): drag-to-reorder tabs (dnd-kit)

Browse Source
This commit is contained in:
amitwh
2026-06-05 15:34:25 +05:30
parent 6da98c3a54
commit ce2bf62d42
2 changed files with 128 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files
tests/component/layout/TabBar.test.tsx
+23
View File
@@ -90,4 +90,27 @@ describe('TabBar', () => {
const dirtyDot = screen.getByLabelText('Unsaved changes');
expect(dirtyDot).toBeInTheDocument();
});
it('reorders tabs when reorderTabs is called (drag end handler integration)', () => {
useFileStore.setState({
openTabs: [
{ id: '/tmp/a.md', path: '/tmp/a.md', title: 'a.md', dirty: false },
{ id: '/tmp/b.md', path: '/tmp/b.md', title: 'b.md', dirty: false },
{ id: '/tmp/c.md', path: '/tmp/c.md', title: 'c.md', dirty: false },
],
activeTabId: '/tmp/a.md',
});
render(<TabBar />);
// Initial DOM order
const initialOrder = screen.getAllByRole('tab').map((el) => el.getAttribute('data-testid'));
expect(initialOrder).toEqual(['tab-/tmp/a.md', 'tab-/tmp/b.md', 'tab-/tmp/c.md']);
// Simulate what dnd-kit's onDragEnd would do: move a.md (idx 0) to idx 2
act(() => {
useFileStore.getState().reorderTabs(0, 2);
});
const newOrder = screen.getAllByRole('tab').map((el) => el.getAttribute('data-testid'));
expect(newOrder).toEqual(['tab-/tmp/b.md', 'tab-/tmp/c.md', 'tab-/tmp/a.md']);
});
});