@nocobase/app-template-default 1.0.0-beta.82 → 1.0.0-beta.84

package/tests/client/permission-editor.test.tsx

@@ -60,13 +60,7 @@ describe('application-owned permission workspace', () => {
         onLevelChange={vi.fn()}
       />,
     );
-    const checkboxes = screen
-      .getAllByRole('checkbox')
-      .filter(
-        (item) =>
-          item.getAttribute('aria-label') !== 'Enabled only' &&
-          item.id !== screen.getByRole('checkbox', { name: 'Enabled only' }).id,
-      );
+    const checkboxes = screen.getAllByRole('checkbox');
     expect(checkboxes.map((item) => item.textContent)).toHaveLength(2);
     expect(checkboxes[0]).toHaveAccessibleName('Approve order');
     expect(checkboxes[1]).toHaveAccessibleName('Withdraw order');
@@ -74,7 +68,7 @@ describe('application-owned permission workspace', () => {
       screen.queryByRole('checkbox', { name: 'Configure numbering' }),
     ).not.toBeInTheDocument();
     expect(
-      screen.getByRole('navigation', { name: 'Permission categories' }),
+      screen.getByRole('tablist', { name: 'Permission categories' }),
     ).toBeVisible();
     expect(
       screen.getByText('Confirm the order and reserve stock.'),
@@ -99,7 +93,7 @@ describe('application-owned permission workspace', () => {
     expect(screen.getByRole('status')).toHaveTextContent(
       'Ask the application developer',
     );
-    expect(screen.getAllByRole('checkbox')).toHaveLength(1);
+    expect(screen.queryAllByRole('checkbox')).toHaveLength(0);
     expect(screen.queryByRole('heading', { level: 2 })).not.toBeInTheDocument();
   });
 
@@ -149,11 +143,11 @@ describe('application-owned permission workspace', () => {
         onLevelChange={vi.fn()}
       />,
     );
-    const category = screen.getByRole('button', {
+    const category = screen.getByRole('tab', {
       name: 'Application configuration',
     });
     await user.click(category);
-    expect(category).toHaveAttribute('aria-current', 'page');
+    expect(category).toHaveAttribute('aria-selected', 'true');
     expect(
       screen.getByRole('checkbox', { name: 'Configure numbering' }),
     ).toBeVisible();
@@ -168,9 +162,9 @@ describe('application-owned permission workspace', () => {
     expect(
       screen.getByRole('checkbox', { name: 'Configure numbering' }),
     ).toBeVisible();
-    expect(category).toHaveAttribute('aria-current', 'page');
+    expect(category).toHaveAttribute('aria-selected', 'true');
     await user.type(screen.getByRole('textbox'), 'missing');
-    await user.click(screen.getByRole('button', { name: 'Business actions' }));
+    await user.click(screen.getByRole('tab', { name: 'Business actions' }));
     expect(screen.getByRole('textbox')).toHaveValue('');
     expect(
       screen.getByRole('checkbox', { name: 'Approve order' }),
@@ -233,7 +227,7 @@ describe('application-owned permission workspace', () => {
       );
     }
     render(<Draft />);
-    await user.click(screen.getByRole('checkbox', { name: 'Enabled only' }));
+    await user.click(screen.getByRole('tab', { name: 'Granted' }));
     await user.click(screen.getByRole('checkbox', { name: 'Approve' }));
     expect(screen.getByRole('textbox')).toHaveFocus();
     expect(screen.getByRole('status')).toHaveTextContent(
@@ -321,13 +315,13 @@ describe('application-owned permission workspace', () => {
     await user.keyboard(' ');
     expect(change).toHaveBeenCalledTimes(2);
     expect(change).toHaveBeenLastCalledWith('withdraw', true);
-    screen.getAllByRole('checkbox', { name: 'Enabled only' })[0]!.focus();
+    screen.getAllByRole('tab', { name: 'Granted' })[0]!.focus();
     await user.keyboard(' ');
     expect(change).toHaveBeenCalledTimes(2);
     await user.type(screen.getAllByRole('textbox')[0]!, 'missing');
     await user.click(screen.getByRole('button', { name: 'Clear filters' }));
     await user.click(
-      screen.getAllByRole('button', { name: 'Application configuration' })[0]!,
+      screen.getAllByRole('tab', { name: 'Application configuration' })[0]!,
     );
     screen.getByRole('checkbox', { name: 'Configure numbering' }).focus();
     await user.keyboard(' ');
@@ -543,7 +537,12 @@ const treeSection: PermissionEditorSection = {
           label: 'Catalog',
           rowId: 'catalog',
           children: [
-            { id: 'books-node', label: 'Books', rowId: 'books' },
+            {
+              id: 'books-node',
+              label: 'Books',
+              rowId: 'books',
+              path: '/library/books',
+            },
             {
               id: 'review-group',
               label: 'Approvals',
@@ -684,7 +683,7 @@ describe('application-owned page navigation', () => {
       );
     }
     render(<ControlledTree />);
-    await user.click(screen.getByRole('checkbox', { name: 'Enabled only' }));
+    await user.click(screen.getByRole('tab', { name: 'Granted' }));
     expect(screen.getByText('Library')).toBeVisible();
     expect(screen.getByText('Catalog')).toBeVisible();
     expect(screen.queryByText('Approvals')).not.toBeInTheDocument();
@@ -711,9 +710,7 @@ describe('application-owned page navigation', () => {
       />,
     );
     expect(screen.getAllByRole('list')).toHaveLength(1);
-    expect(
-      screen.queryByRole('button', { name: /Collapse|Expand/ }),
-    ).not.toBeInTheDocument();
+    expect(screen.getByRole('button', { name: 'Collapse all' })).toBeDisabled();
     rerender(
       <PermissionEditor
         sections={[treeSection]}
@@ -738,3 +735,176 @@ describe('application-owned page navigation', () => {
     expect(change).not.toHaveBeenCalled();
   });
 });
+
+describe('compact permission controls', () => {
+  const leaves: PermissionEditorSection = {
+    id: 'pages',
+    title: 'Pages',
+    groups: [
+      {
+        id: 'borrowing',
+        title: 'Borrowing',
+        accessOnly: true,
+        rows: [{ id: 'borrow', label: 'Access', enabled: true }],
+      },
+      {
+        id: 'catalog',
+        title: 'Catalog',
+        accessOnly: true,
+        rows: [{ id: 'browse', label: 'Access', enabled: false }],
+      },
+    ],
+  };
+
+  it('keeps an all-leaf section visible and excludes its rows from bulk disclosure', async () => {
+    const user = userEvent.setup();
+    const change = vi.fn();
+    render(
+      <PermissionEditor
+        sections={[leaves]}
+        onEnabledChange={change}
+        onLevelChange={vi.fn()}
+      />,
+    );
+    const collapse = screen.getByRole('button', { name: 'Collapse all' });
+    expect(collapse).toBeDisabled();
+    await user.click(collapse);
+    expect(screen.getByRole('checkbox', { name: 'Borrowing' })).toBeVisible();
+    expect(screen.getByRole('checkbox', { name: 'Borrowing' })).toBeChecked();
+    expect(screen.getByRole('checkbox', { name: 'Catalog' })).not.toBeChecked();
+    expect(
+      screen.queryByRole('button', { name: 'Expand all' }),
+    ).not.toBeInTheDocument();
+    expect(change).not.toHaveBeenCalled();
+  });
+
+  it('collapses only titled groups in a mixed section while leaves stay reachable and unchanged', async () => {
+    const user = userEvent.setup();
+    const change = vi.fn();
+    render(
+      <PermissionEditor
+        sections={[
+          { ...leaves, groups: [...leaves.groups, ...sections[0]!.groups] },
+        ]}
+        onEnabledChange={change}
+        onLevelChange={vi.fn()}
+      />,
+    );
+    for (const action of ['Collapse all', 'Expand all']) {
+      await user.click(screen.getByRole('button', { name: action }));
+      for (const name of ['Borrowing', 'Catalog']) {
+        const checkbox = screen.getByRole('checkbox', { name });
+        expect(checkbox).toBeVisible();
+        checkbox.focus();
+        expect(checkbox).toHaveFocus();
+      }
+      expect(screen.getByRole('checkbox', { name: 'Borrowing' })).toBeChecked();
+      expect(
+        screen.getByRole('checkbox', { name: 'Catalog' }),
+      ).not.toBeChecked();
+      if (action === 'Collapse all') {
+        expect(
+          screen.getByRole('button', { name: 'Expand Orders' }),
+        ).toBeVisible();
+        expect(
+          screen.queryByRole('checkbox', { name: 'Approve order' }),
+        ).not.toBeInTheDocument();
+      } else {
+        expect(
+          screen.getByRole('checkbox', { name: 'Approve order' }),
+        ).toBeChecked();
+        expect(
+          screen.getByRole('checkbox', { name: 'Withdraw order' }),
+        ).not.toBeChecked();
+      }
+    }
+    expect(change).not.toHaveBeenCalled();
+  });
+
+  it('ignores an existing collapsed key when a group becomes an access-only leaf', async () => {
+    const user = userEvent.setup();
+    const change = vi.fn();
+    const props = { onEnabledChange: change, onLevelChange: vi.fn() };
+    const { rerender } = render(
+      <PermissionEditor
+        {...props}
+        sections={[
+          {
+            ...leaves,
+            groups: leaves.groups.map((group) => ({
+              ...group,
+              accessOnly: false,
+            })),
+          },
+        ]}
+      />,
+    );
+    await user.click(screen.getByRole('button', { name: 'Collapse all' }));
+    expect(screen.queryByRole('checkbox')).not.toBeInTheDocument();
+    rerender(<PermissionEditor {...props} sections={[leaves]} />);
+    expect(screen.getByRole('checkbox', { name: 'Borrowing' })).toBeVisible();
+    expect(screen.getByRole('checkbox', { name: 'Borrowing' })).toBeChecked();
+    expect(screen.getByRole('checkbox', { name: 'Catalog' })).not.toBeChecked();
+    expect(screen.getByRole('button', { name: 'Collapse all' })).toBeDisabled();
+    expect(change).not.toHaveBeenCalled();
+  });
+
+  it('filters ungranted rows globally, resets without editing, and searches actual routes', async () => {
+    const user = userEvent.setup();
+    const change = vi.fn();
+    render(
+      <PermissionEditor
+        sections={[treeSection, ...sections]}
+        onEnabledChange={change}
+        onLevelChange={vi.fn()}
+      />,
+    );
+    await user.click(screen.getByRole('tab', { name: 'Ungranted' }));
+    expect(
+      screen.getByRole('checkbox', { name: 'Review loans' }),
+    ).not.toBeChecked();
+    expect(
+      screen.getByRole('checkbox', { name: 'Configure numbering' }),
+    ).not.toBeChecked();
+    expect(
+      screen.queryByRole('checkbox', { name: 'Books' }),
+    ).not.toBeInTheDocument();
+    expect(screen.getByText('2 of 4 enabled')).toBeVisible();
+    await user.click(screen.getByRole('button', { name: 'Clear filters' }));
+    await user.type(screen.getByRole('textbox'), '/library/books');
+    expect(screen.getByRole('checkbox', { name: 'Books' })).toBeChecked();
+    expect(screen.getByText('/library/books')).toBeVisible();
+    expect(
+      screen.queryByRole('checkbox', { name: 'Review loans' }),
+    ).not.toBeInTheDocument();
+    expect(change).not.toHaveBeenCalled();
+  });
+  it('collapses resources without mutating grants and restores disclosure after search', async () => {
+    const user = userEvent.setup();
+    const change = vi.fn();
+    render(
+      <PermissionEditor
+        sections={sections}
+        onEnabledChange={change}
+        onLevelChange={vi.fn()}
+      />,
+    );
+    await user.click(screen.getByRole('button', { name: 'Collapse all' }));
+    expect(
+      screen.queryByRole('checkbox', { name: 'Approve order' }),
+    ).not.toBeInTheDocument();
+    await user.type(screen.getByRole('textbox'), 'reserve');
+    expect(
+      screen.getByRole('checkbox', { name: 'Approve order' }),
+    ).toBeChecked();
+    await user.click(screen.getByRole('button', { name: 'Clear filters' }));
+    expect(
+      screen.queryByRole('checkbox', { name: 'Approve order' }),
+    ).not.toBeInTheDocument();
+    await user.click(screen.getByRole('button', { name: 'Expand all' }));
+    expect(
+      screen.getByRole('checkbox', { name: 'Approve order' }),
+    ).toBeChecked();
+    expect(change).not.toHaveBeenCalled();
+  });
+});

package/tests/client/permission-filter-binding.test.tsx

@@ -127,7 +127,7 @@ it('collects native custom filter parameters before changing the draft, then sav
     );
   }
   render(<Role />);
-  await user.click(screen.getByRole('button', { name: 'Configuration' }));
+  await user.click(screen.getByRole('tab', { name: 'Configuration' }));
   const scope = screen.getByRole('combobox', {
     name: 'How far View · Records reaches',
   });

package/tests/client/role-return.test.tsx

@@ -1,4 +1,5 @@
-import { answerApi, renderWithApp } from '@nocobase/app-testing/client';
+import { renderSettingsClient as renderWithApp } from '../helpers/settings-client.js';
+import { answerApi } from '@nocobase/app-testing/client';
 import { apiClientToken, type ClientApplication } from '@nocobase/app-client';
 import {
   AuthorizationClient,

package/tests/client/session-preparation.test.tsx

@@ -19,7 +19,7 @@ import {
   createTestI18nRuntime,
 } from '@nocobase/i18n/testing';
 import { act, fireEvent, render, screen } from '@testing-library/react';
-import { useEffect } from 'react';
+import { useEffect, useState } from 'react';
 import { MemoryRouter, Outlet } from 'react-router';
 import { afterEach, expect, it, vi } from 'vitest';
 import { AppRouter } from '../../client/routing/app-router.js';
@@ -80,6 +80,7 @@ async function setup() {
   const accepted = vi.fn();
   const old = Promise.withResolvers<void>();
   function Page() {
+    const [privateFilter, setPrivateFilter] = useState('');
     useEffect(() => {
       let active = true;
       mounted();
@@ -96,6 +97,11 @@ async function setup() {
         <DialogContent>
           <DialogTitle>Protected dialog</DialogTitle>
           <DialogDescription>Protected content</DialogDescription>
+          <input
+            aria-label='Private filter'
+            value={privateFilter}
+            onChange={(event) => setPrivateFilter(event.target.value)}
+          />
         </DialogContent>
       </Dialog>
     );
@@ -170,6 +176,10 @@ async function setup() {
       session = null;
       await act(async () => refresh());
     },
+    switchUser: async () => {
+      session = { user: { id: 'other' }, session: { id: 'other-session' } };
+      await act(async () => refresh());
+    },
   };
 }
 
@@ -195,6 +205,19 @@ it('mounts only after the initial handshake and preserves runtime fail-closed po
   expect(await screen.findByText('Access denied')).toBeVisible();
 });
 
+it('clears mounted private list memory when the signed-in identity changes', async () => {
+  const probe = await setup();
+  await probe.open();
+  const filter = await screen.findByRole('textbox', { name: 'Private filter' });
+  fireEvent.change(filter, { target: { value: 'private condition' } });
+  expect(filter).toHaveValue('private condition');
+  await probe.switchUser();
+  await probe.open();
+  expect(
+    await screen.findByRole('textbox', { name: 'Private filter' }),
+  ).toHaveValue('');
+});
+
 it('keeps a timed-out session closed, supports retry, and reports sign-out failure', async () => {
   vi.useFakeTimers();
   const probe = await setup();

package/tests/client/settings-continuity.test.tsx

@@ -1,4 +1,5 @@
-import { answerApi, renderWithApp } from '@nocobase/app-testing/client';
+import { renderSettingsClient as renderWithApp } from '../helpers/settings-client.js';
+import { answerApi } from '@nocobase/app-testing/client';
 import { apiClientToken, type ClientApplication } from '@nocobase/app-client';
 import {
   AuthorizationClient,
@@ -282,9 +283,9 @@ it.each(['/settings/users', '/users'])(
         `${base}${search}`,
       ),
     );
-    expect(
-      await screen.findByText('Alice updated', { exact: true }),
-    ).toBeVisible();
+    await waitFor(() =>
+      expect(screen.getByText('Alice updated', { exact: true })).toBeVisible(),
+    );
   },
 );
 

package/tests/client/settings-feedback.test.tsx

@@ -10,6 +10,7 @@ import { describe, expect, it, vi } from 'vitest';
 import { Routes, Route } from 'react-router';
 import UsersPage from '../../client/pages/settings/users.js';
 import RolesPage from '../../client/pages/settings/roles.js';
+import { ListRecoveryError } from '../../client/hooks/use-table-url-state.js';
 import { SettingsError } from '../../client/pages/settings/shared.js';
 import enUS from '../../client/locales/en-US.js';
 import zhCN from '../../client/locales/zh-CN.js';
@@ -151,6 +152,30 @@ describe.each([
     expect(retry).not.toHaveBeenCalled();
   });
 
+  it.each([false, true])(
+    'preserves bounded recovery feedback with inline=%s',
+    async (inline) => {
+      const retry = vi.fn();
+      const message = 'The list changed repeatedly. Refresh to try again.';
+      await renderWithApp(
+        <SettingsError
+          error={new ListRecoveryError(message)}
+          retry={retry}
+          inline={inline}
+        />,
+        { locale: language, namespace, namespaces },
+      );
+      expect(screen.getByText(message)).toBeVisible();
+      expect(screen.queryByText(copy.settings.failed)).not.toBeInTheDocument();
+      expect(screen.queryAllByRole('alert')).toHaveLength(inline ? 0 : 1);
+      expect(retry).not.toHaveBeenCalled();
+      await userEvent.click(
+        screen.getByRole('button', { name: copy.settings.retry }),
+      );
+      expect(retry).toHaveBeenCalledTimes(1);
+    },
+  );
+
   it('keeps a retry for temporary failures and performs it only on demand', async () => {
     const retry = vi.fn();
     await renderWithApp(

package/tests/client/settings-permissions.test.ts

@@ -332,3 +332,38 @@ it('shows a shared plugin action explanation once without duplicating row hints'
   );
   expect(result[0]?.groups[0]?.rows.every((row) => !row.hint)).toBe(true);
 });
+
+it('keeps scope metadata while ungranted without creating a grant or selecting its default', () => {
+  const catalog = {
+    sections: [
+      {
+        name: 'business',
+        title: 'Business',
+        subsections: [{ name: 'orders', resources: [resource] }],
+      },
+    ],
+    recordAccess: [
+      { key: 'mine', title: 'Own' },
+      { key: 'all', title: 'All' },
+    ],
+  } as unknown as Parameters<typeof permissionSections>[0];
+  const grants: Parameters<typeof permissionSections>[1] = [];
+  const row = permissionSections(catalog, grants, (value) =>
+    typeof value === 'string' ? value : value.key,
+  )[0]!.groups[0]!.rows[0]!;
+  expect(row.enabled).toBe(false);
+  expect(row.scopes?.[0]).toMatchObject({
+    id: JSON.stringify(['composite', 'orders', 'edit', 'records']),
+    level: '',
+  });
+  expect(grants).toEqual([]);
+  const enabled = permissionSections(
+    catalog,
+    setPermission(grants, resource, 'edit', true),
+    (value) => (typeof value === 'string' ? value : value.key),
+  )[0]!.groups[0]!.rows[0]!;
+  expect(enabled.scopes?.map((scope) => scope.id)).toEqual(
+    row.scopes?.map((scope) => scope.id),
+  );
+  expect(enabled.scopes?.[0]?.level).toBe('mine');
+});

package/tests/client/settings.test.tsx

@@ -1,4 +1,5 @@
-import { answerApi, renderWithApp } from '@nocobase/app-testing/client';
+import { renderSettingsClient as renderWithApp } from '../helpers/settings-client.js';
+import { answerApi } from '@nocobase/app-testing/client';
 import { apiClientToken, type ClientApplication } from '@nocobase/app-client';
 import {
   AuthorizationClient,

package/tests/client/table-url-state.test.tsx

@@ -4,11 +4,24 @@ import userEvent from '@testing-library/user-event';
 import { useState } from 'react';
 import { useLocation, useNavigate } from 'react-router';
 import { expect, it } from 'vitest';
-import { useTableUrlState } from '../../client/hooks/use-table-url-state.js';
+import {
+  readTableUrlState,
+  useTableUrlState,
+} from '../../client/hooks/use-table-url-state.js';
 
-function Probe() {
+function Probe({
+  sortFormat = 'sort-order',
+}: {
+  sortFormat?: 'sort-order' | 'orderBy';
+}) {
   const [count, setCount] = useState<number>();
-  const state = useTableUrlState({ sortColumns: ['name'], rowCount: count });
+  const [active, setActive] = useState(true);
+  const state = useTableUrlState({
+    sortColumns: ['name', 'updatedAt'],
+    rowCount: count,
+    active,
+    sortFormat,
+  });
   const location = useLocation();
   const navigate = useNavigate();
   return (
@@ -20,7 +33,27 @@ function Probe() {
       </output>
       <output data-testid='url'>{location.search}</output>
       <button onClick={() => setCount(25)}>Loaded</button>
+      <button onClick={() => setActive((value) => !value)}>
+        Toggle active
+      </button>
       <button onClick={() => setCount(10)}>Removed</button>
+      <button
+        onClick={() =>
+          state.onSortingChange([
+            { id: 'name', desc: true },
+            { id: 'updatedAt', desc: false },
+          ])
+        }
+      >
+        Multi sort
+      </button>
+      <button
+        onClick={() =>
+          state.onPaginationChange((old) => ({ ...old, pageSize: 20 }))
+        }
+      >
+        Resize
+      </button>
       <button
         onClick={() => state.onSortingChange([{ id: 'name', desc: true }])}
       >
@@ -93,3 +126,84 @@ it('allows browser Back to restore the preceding page', async () => {
   expect(screen.getByTestId('state')).toHaveTextContent('"pageIndex":2');
   expect(screen.getByTestId('url')).toHaveTextContent('q=kept');
 });
+
+it('starts at page one after resizing even when the table supplies an old page index', async () => {
+  await renderWithApp(<Probe />, {
+    route: '/?page=4&pageSize=10&sort=name&order=desc&q=kept',
+  });
+  await userEvent.click(screen.getByRole('button', { name: 'Resize' }));
+  expect(screen.getByTestId('state')).toHaveTextContent(
+    '"pageIndex":0,"pageSize":20',
+  );
+  expect(screen.getByTestId('url')).toHaveTextContent('order=desc');
+  expect(screen.getByTestId('url')).toHaveTextContent('q=kept');
+});
+
+it('preserves ordered multi-column orderBy and falls back on invalid columns and directions', () => {
+  const options = {
+    sortColumns: ['name', 'updatedAt'],
+    sortFormat: 'orderBy' as const,
+    defaultSorting: [{ id: 'updatedAt', desc: true }],
+  };
+  expect(
+    readTableUrlState(
+      new URLSearchParams('orderBy=name,updatedAt desc&page=2'),
+      options,
+    ),
+  ).toEqual({
+    paginationState: { pageIndex: 1, pageSize: 10 },
+    sortingState: [
+      { id: 'name', desc: false },
+      { id: 'updatedAt', desc: true },
+    ],
+  });
+  for (const value of [
+    'name sideways',
+    'deleted desc',
+    'name,deleted',
+    'name desc extra',
+  ]) {
+    expect(
+      readTableUrlState(new URLSearchParams({ orderBy: value }), options)
+        .sortingState,
+    ).toEqual(options.defaultSorting);
+  }
+});
+
+it('writes and restores the complete existing orderBy sequence', async () => {
+  await renderWithApp(<Probe sortFormat='orderBy' />, {
+    route: '/?page=3&pageSize=20&q=kept',
+  });
+  await userEvent.click(screen.getByRole('button', { name: 'Multi sort' }));
+  expect(screen.getByTestId('state')).toHaveTextContent(
+    '[{"id":"name","desc":true},{"id":"updatedAt","desc":false}]',
+  );
+  expect(screen.getByTestId('state')).toHaveTextContent('"pageIndex":0');
+  await userEvent.click(screen.getByRole('button', { name: 'Next' }));
+  expect(screen.getByTestId('url')).toHaveTextContent(
+    'orderBy=name+desc%2CupdatedAt',
+  );
+  expect(screen.getByTestId('url')).toHaveTextContent('q=kept');
+});
+
+it('keeps ordered multi-sort while deferred deletion recovery corrects the reactivated list', async () => {
+  await renderWithApp(<Probe sortFormat='orderBy' />, {
+    route: '/?page=5&pageSize=10&orderBy=name%20desc,updatedAt&q=kept&tab=open',
+  });
+  await userEvent.click(screen.getByRole('button', { name: 'Toggle active' }));
+  await userEvent.click(screen.getByRole('button', { name: 'Loaded' }));
+  expect(screen.getByTestId('state')).toHaveTextContent('"pageIndex":4');
+  await userEvent.click(screen.getByRole('button', { name: 'Toggle active' }));
+  await waitFor(() =>
+    expect(screen.getByTestId('state')).toHaveTextContent('"pageIndex":2'),
+  );
+  expect(screen.getByTestId('state')).toHaveTextContent(
+    '[{"id":"name","desc":true},{"id":"updatedAt","desc":false}]',
+  );
+  const params = new URLSearchParams(
+    screen.getByTestId('url').textContent ?? '',
+  );
+  expect(params.get('orderBy')).toBe('name desc,updatedAt');
+  expect(params.get('q')).toBe('kept');
+  expect(params.get('tab')).toBe('open');
+});

package/tests/client/user-drawer.test.tsx

@@ -1,4 +1,5 @@
-import { answerApi, renderWithApp } from '@nocobase/app-testing/client';
+import { renderSettingsClient as renderWithApp } from '../helpers/settings-client.js';
+import { answerApi } from '@nocobase/app-testing/client';
 import { apiClientToken, type ClientApplication } from '@nocobase/app-client';
 import {
   AuthorizationClient,