mirror of
https://github.com/go-gitea/gitea.git
synced 2026-05-20 03:51:09 +00:00
134e86c78c
Purpose: 1. Make the whole code base have unified "item" layout 2. Clarify our "list" styles: "flex-relaxed-list", "flex-divided-list" 3. Prepare to replace legacy "ui relaxed list" * https://github.com/go-gitea/gitea/pull/37445#discussion_r3144458865 4. Prepare for refactoring the "pull merge box", it needs the "flex-divided-list" * related to "Refactor pull request view (*)" like #37451 5. Fix legacy abuses of "flex-list", e.g.: repo home sidebar
59 lines
2.1 KiB
TypeScript
59 lines
2.1 KiB
TypeScript
import {initRepoSettingsBranchesDrag} from './repo-settings-branches.ts';
|
|
import {POST} from '../modules/fetch.ts';
|
|
import {createSortable} from '../modules/sortable.ts';
|
|
import type {SortableEvent} from 'sortablejs';
|
|
|
|
vi.mock('../modules/fetch.ts', () => ({
|
|
POST: vi.fn(),
|
|
}));
|
|
|
|
vi.mock('../modules/sortable.ts', () => ({
|
|
createSortable: vi.fn(),
|
|
}));
|
|
|
|
const branchesHTML = `
|
|
<div id="protected-branches-list" data-update-priority-url="some/repo/branches/priority">
|
|
<div class="item" data-id="1">
|
|
<div class="drag-handle"></div>
|
|
</div>
|
|
<div class="item" data-id="2">
|
|
<div class="drag-handle"></div>
|
|
</div>
|
|
<div class="item" data-id="3">
|
|
<div class="drag-handle"></div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
describe('Repository Branch Settings', () => {
|
|
test('should initialize sortable for protected branches list', () => {
|
|
document.body.innerHTML = branchesHTML;
|
|
const callsBefore = vi.mocked(createSortable).mock.calls.length;
|
|
initRepoSettingsBranchesDrag();
|
|
const newCalls = vi.mocked(createSortable).mock.calls.slice(callsBefore);
|
|
expect(newCalls).toHaveLength(1);
|
|
expect(newCalls[0][0]).toBe(document.querySelector('#protected-branches-list'));
|
|
expect(newCalls[0][1]).toMatchObject({handle: '.drag-handle', animation: 150});
|
|
});
|
|
|
|
test('should not initialize if protected branches list is not present', () => {
|
|
document.querySelector('#protected-branches-list')?.remove();
|
|
const callsBefore = vi.mocked(createSortable).mock.calls.length;
|
|
initRepoSettingsBranchesDrag();
|
|
expect(vi.mocked(createSortable).mock.calls.length).toBe(callsBefore);
|
|
});
|
|
|
|
test('should post new order after sorting', () => {
|
|
document.body.innerHTML = branchesHTML;
|
|
vi.mocked(POST).mockResolvedValue({ok: true} as Response);
|
|
const callsBefore = vi.mocked(createSortable).mock.calls.length;
|
|
initRepoSettingsBranchesDrag();
|
|
const onEnd = vi.mocked(createSortable).mock.calls[callsBefore][1]!.onEnd!;
|
|
onEnd(new Event('SortableEvent') as SortableEvent);
|
|
expect(POST).toHaveBeenCalledWith(
|
|
'some/repo/branches/priority',
|
|
expect.objectContaining({data: {ids: [1, 2, 3]}}),
|
|
);
|
|
});
|
|
});
|