diff --git a/src/views/reorganize/TransferHistoryView.vue b/src/views/reorganize/TransferHistoryView.vue index 8e3df8eb..442cb93b 100644 --- a/src/views/reorganize/TransferHistoryView.vue +++ b/src/views/reorganize/TransferHistoryView.vue @@ -1939,19 +1939,18 @@ onUnmounted(() => { style="margin-block: 0" />
- - + + + + > + +
diff --git a/src/views/reorganize/__tests__/TransferHistoryView.spec.ts b/src/views/reorganize/__tests__/TransferHistoryView.spec.ts index af8957f0..e2814b6f 100644 --- a/src/views/reorganize/__tests__/TransferHistoryView.spec.ts +++ b/src/views/reorganize/__tests__/TransferHistoryView.spec.ts @@ -229,6 +229,14 @@ const PassthroughStub = defineComponent({ }, }) +const IconButtonStub = defineComponent({ + name: 'IconBtn', + inheritAttrs: false, + setup(_props, { attrs, slots }) { + return () => h('button', { ...attrs, type: 'button' }, slots.default?.()) + }, +}) + const EmptyStub = defineComponent({ inheritAttrs: false, setup() { @@ -338,7 +346,7 @@ async function renderHistory(initialRoute = '/history') { VDataTableVirtual: HistoryTableStub, VImg: ImageStub, VInfiniteScroll: InfiniteScrollStub, - IconBtn: PassthroughStub, + IconBtn: IconButtonStub, VList: PassthroughStub, VListItem: ListItemStub, VListItemTitle: ListItemTitleStub, @@ -439,6 +447,11 @@ describe('TransferHistoryView', () => { }) it('joins the desktop status filter to search and moves the mobile filter into the titlebar menu', () => { + const mobileTitlebarSource = transferHistorySource.slice( + transferHistorySource.indexOf('
'), + transferHistorySource.indexOf(' { expect(transferHistorySource).toContain('border-start-start-radius: 0;') expect(transferHistorySource).toContain('data-menu-activator="history-status-filter-btn"') expect(transferHistorySource).not.toContain('class="transfer-history-mobile-status"') + expect(mobileTitlebarSource.match(/') + expect(mobileTitlebarSource).toContain('') + expect(mobileTitlebarSource).not.toContain('settings-icon-button') }) it('selects a mobile status from the titlebar dropdown and refreshes with the explicit status query', async () => {