@nocobase/app-template-default 1.0.0-beta.79 → 1.0.0-beta.81

package/tests/components/inbox.test.tsx

@@ -1,124 +0,0 @@
-import { fireEvent, render, screen, waitFor } from '@testing-library/react';
-import { I18nRuntime } from '@nocobase/i18n';
-import { I18nProvider } from '@nocobase/i18n/client';
-import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
-import type { ReactElement } from 'react';
-import { MemoryRouter } from 'react-router';
-import { beforeEach, expect, it, vi } from 'vitest';
-
-import locales from '../../client/locales/index.js';
-import { TooltipProvider } from '../../client/components/ui/tooltip';
-
-const mocks = vi.hoisted(() => ({
-  session: { user: { id: 'user-1' } } as { user: { id: string } } | null,
-  unread: 2,
-  request: vi.fn(),
-}));
-vi.mock('@nocobase/app-plugin-authentication/client', () => ({
-  useAuthentication: () => ({ session: mocks.session, isPending: false }),
-}));
-vi.mock('@nocobase/app-client', async (importOriginal) => {
-  const actual = await importOriginal<typeof import('@nocobase/app-client')>();
-  const client = { request: mocks.request };
-  const realtime = {
-    watch: () => ({ close: vi.fn() }),
-    subscribe: () => vi.fn(),
-    onOpen: () => vi.fn(),
-  };
-  return {
-    ...actual,
-    useApiClient: () => client,
-    useService: (token: unknown) =>
-      token === actual.realtimeClientToken ? realtime : client,
-  };
-});
-
-import InboxPage from '../../client/pages/inbox.tsx';
-
-const messages = [
-  {
-    id: 'm1',
-    deliveryId: 'd1',
-    notificationId: 'n1',
-    title: 'Weekly report is ready',
-    body: 'The sales report for week 40 is ready.',
-    createdAt: '2026-10-01T08:00:00.000Z',
-  },
-  {
-    id: 'm2',
-    deliveryId: 'd2',
-    notificationId: 'n2',
-    title: 'Backup finished',
-    body: 'All databases were backed up.',
-    readAt: '2026-10-01T09:00:00.000Z',
-    createdAt: '2026-10-01T07:00:00.000Z',
-  },
-];
-
-let runtime: I18nRuntime;
-beforeEach(async () => {
-  mocks.session = { user: { id: 'user-1' } };
-  mocks.unread = 2;
-  mocks.request.mockReset();
-  mocks.request.mockImplementation(
-    async ({ path }: { readonly path: string }) => {
-      if (path.endsWith('/unreadCount'))
-        return { data: { count: mocks.unread } };
-      if (path.startsWith('notificationInApp/messages?'))
-        return { data: messages, meta: {} };
-      return { data: { ...messages[0], readAt: '2026-10-01T10:00:00.000Z' } };
-    },
-  );
-  runtime = new I18nRuntime({
-    defaultLocale: 'en-US',
-    locales: ['en-US', 'zh-CN'],
-    applicationNamespace: 'test-app',
-  });
-  runtime.registerApplicationNamespace('test-app', locales);
-  await runtime.init('en-US');
-});
-
-function Frame({
-  children,
-  path,
-}: {
-  readonly children: ReactElement;
-  readonly path: string;
-}): ReactElement {
-  return (
-    <QueryClientProvider
-      client={
-        new QueryClient({ defaultOptions: { queries: { retry: false } } })
-      }
-    >
-      <MemoryRouter initialEntries={[path]}>
-        <I18nProvider runtime={runtime}>
-          <TooltipProvider>{children}</TooltipProvider>
-        </I18nProvider>
-      </MemoryRouter>
-    </QueryClientProvider>
-  );
-}
-
-it("lists the plugin's messages as notifications and marks one read when it is opened", async () => {
-  render(
-    <Frame path='/inbox'>
-      <InboxPage />
-    </Frame>,
-  );
-  expect(
-    await screen.findByRole('heading', { name: /Notifications/u }),
-  ).toBeInTheDocument();
-  expect(screen.getByText('Backup finished')).toBeInTheDocument();
-  // The first message is shown, and opening it marks it read.
-  expect(
-    screen.getByRole('heading', { name: 'Weekly report is ready', level: 2 }),
-  ).toBeInTheDocument();
-  fireEvent.click(screen.getAllByText('Weekly report is ready')[0]!);
-  await waitFor(() =>
-    expect(mocks.request).toHaveBeenCalledWith({
-      path: 'notificationInApp/messages/m1/markRead',
-      method: 'POST',
-    }),
-  );
-});

package/tests/components/sidebar-permissions.test.tsx

@@ -1,108 +0,0 @@
-import {
-  createAppSidebarPreferenceStore,
-  SidebarPreferenceProvider,
-} from '../../client/layouts/use-sidebar-preference.js';
-import type { AppClientRegisteredRoute } from '@nocobase/app-client/plugins';
-import { act, render, screen, waitFor } from '@testing-library/react';
-import { MemoryRouter } from 'react-router';
-import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
-import {
-  useRouteNavigation,
-  routeKey,
-} from '../../client/routing/route-navigation';
-import { NavigationMenu } from '../../client/layouts/components/navigation-menu';
-import { AppSidebarProvider } from '../../client/layouts/components/app-sidebar';
-
-const sidebarPreference = createAppSidebarPreferenceStore('/main');
-
-const auth = vi.hoisted(() => ({ revision: 0, client: { can: vi.fn() } }));
-vi.mock('@nocobase/app-plugin-authorization/client', () => ({
-  useAuthorizationClient: () => auth.client,
-  useAuthorizationRevision: () => auth.revision,
-}));
-vi.mock('@nocobase/i18n/client', () => ({
-  useTranslation: () => ({ t: (key: string) => key }),
-}));
-beforeEach(() => {
-  auth.revision = 0;
-  localStorage.clear();
-  vi.stubGlobal('matchMedia', () => ({
-    matches: false,
-    addEventListener: vi.fn(),
-    removeEventListener: vi.fn(),
-  }));
-});
-afterEach(() => vi.unstubAllGlobals());
-function page(name: string): AppClientRegisteredRoute {
-  return {
-    id: name,
-    name,
-    path: `/${name}`,
-    packageName: 'test',
-    source: 'application',
-    auth: 'required',
-    authz: { resource: { type: 'page', id: name }, action: 'access' },
-    navigation: { title: name },
-    componentLoader: async () => ({ default: () => null }),
-  };
-}
-const visible = page('Allowed');
-const hidden = page('Denied');
-const routes: AppClientRegisteredRoute[] = [
-  { ...page('Group'), componentLoader: undefined, children: [visible, hidden] },
-  { ...page('Empty'), componentLoader: undefined, children: [hidden] },
-];
-function Menu() {
-  const { items } = useRouteNavigation(routes);
-  return (
-    <NavigationMenu
-      items={items}
-      label='Navigation'
-      selectedKey={routeKey(visible)}
-    />
-  );
-}
-describe.each(['expanded', 'collapsed', 'mobile'])(
-  'permissions in %s navigation',
-  (mode) => {
-    it('hides pending and denied entries, removes empty groups, and refreshes open menus', async () => {
-      if (mode === 'mobile') vi.stubGlobal('innerWidth', 390);
-      if (mode === 'collapsed')
-        localStorage.setItem('nocobase:sidebar:collapsed:app:/main', 'true');
-      const resolve: ((allowed: boolean) => void)[] = [];
-      auth.client.can.mockImplementation(
-        () => new Promise<boolean>((done) => resolve.push(done)),
-      );
-      const tree = () => (
-        <MemoryRouter>
-          <SidebarPreferenceProvider value={sidebarPreference}>
-            <AppSidebarProvider>
-              <Menu />
-            </AppSidebarProvider>
-          </SidebarPreferenceProvider>
-        </MemoryRouter>
-      );
-      const { rerender } = render(tree());
-      expect(screen.queryByText('Group')).not.toBeInTheDocument();
-      await act(async () => {
-        resolve.forEach((done, i) => done(i === 0));
-      });
-      // Group is a section: its entries show in every mode, as icons in the collapsed sidebar.
-      expect(
-        await screen.findByRole('link', { name: 'Allowed' }),
-      ).toHaveAttribute('href', '/Allowed');
-      expect(screen.queryByText('Denied')).not.toBeInTheDocument();
-      expect(screen.queryByText('Empty')).not.toBeInTheDocument();
-      auth.client.can.mockResolvedValue(false);
-      auth.revision++;
-      rerender(tree());
-      await waitFor(() =>
-        expect(screen.queryByText('Group')).not.toBeInTheDocument(),
-      );
-      expect(
-        screen.queryByRole('link', { name: 'Allowed' }),
-      ).not.toBeInTheDocument();
-      expect(screen.queryByRole('dialog')).not.toBeInTheDocument();
-    });
-  },
-);

package/tests/logic/account-permissions.test.tsx

@@ -1,204 +0,0 @@
-import {
-  ClientApplicationContext,
-  type ClientApplication,
-} from '@nocobase/app-client';
-import type { AppClientRegisteredRoute } from '@nocobase/app-client/plugins';
-import {
-  AuthorizationClient,
-  authorizationClientToken,
-} from '@nocobase/app-plugin-authorization/client';
-import { reactProviders } from '@nocobase/app-plugin-authorization/client/react-providers';
-import { ServiceContainer } from '@nocobase/service-provider';
-import {
-  TestI18nProvider,
-  createTestI18nRuntime,
-} from '@nocobase/i18n/testing';
-import { act, render, screen, waitFor } from '@testing-library/react';
-import type { ReactNode } from 'react';
-import { MemoryRouter } from 'react-router';
-import { beforeEach, describe, expect, it, vi } from 'vitest';
-import { ClientRoute } from '../../client/routing/client-route.js';
-import { useRouteNavigation } from '../../client/routing/route-navigation.js';
-import enUS from '../../client/locales/en-US.js';
-
-const AuthorizationProvider = reactProviders[0].component;
-
-const runtime = await createTestI18nRuntime({
-  application: { namespace: '@nocobase/app-template-default', resources: enUS },
-});
-
-function I18n({ children }: { readonly children: ReactNode }) {
-  return <TestI18nProvider runtime={runtime}>{children}</TestI18nProvider>;
-}
-
-const authentication = vi.hoisted(() => ({
-  session: null as null | { user: { id: string }; session: { id: string } },
-  isPending: false,
-}));
-vi.mock('@nocobase/app-plugin-authentication/client', () => ({
-  useAuthentication: () => authentication,
-}));
-const routes: AppClientRegisteredRoute[] = ['apps', 'users'].map((name) => ({
-  id: name,
-  name,
-  path: `/${name}`,
-  auth: 'required',
-  authz: { resource: { type: 'page', id: name }, action: 'access' },
-  packageName: 'test',
-  source: 'application',
-  navigation: { title: name },
-  componentLoader: async () => ({ default: () => <div>{name} content</div> }),
-}));
-const permissions = (admin: boolean) => ({
-  data: {
-    permissions: (admin ? ['apps', 'users'] : ['apps']).map((id) => ({
-      resource: { type: 'page', id },
-      actions: ['access'],
-    })),
-  },
-});
-function Menu() {
-  const { items, loading } = useRouteNavigation(routes);
-  return (
-    <nav aria-label='Pages'>
-      {loading
-        ? 'Checking'
-        : items.map(({ route }) => <span key={route.id}>{route.name}</span>)}
-    </nav>
-  );
-}
-function session(user: string, id = user) {
-  authentication.session = { user: { id: user }, session: { id } };
-}
-function setup(
-  request = vi
-    .fn()
-    .mockImplementation(() =>
-      Promise.resolve(permissions(authentication.session?.user.id === 'admin')),
-    ),
-) {
-  const client = new AuthorizationClient({ request } as never);
-  const container = new ServiceContainer();
-  container.instance(authorizationClientToken, client);
-  const app = { services: container } as unknown as ClientApplication;
-  const tree = () => (
-    <ClientApplicationContext.Provider value={app}>
-      <MemoryRouter>
-        <AuthorizationProvider>
-          <Menu />
-          <ClientRoute route={routes[1]} />
-        </AuthorizationProvider>
-      </MemoryRouter>
-    </ClientApplicationContext.Provider>
-  );
-  const view = render(tree(), { wrapper: I18n });
-  return { client, request, rerender: () => view.rerender(tree()) };
-}
-async function expectMenu(admin: boolean) {
-  await waitFor(() =>
-    expect(screen.getByRole('navigation', { name: 'Pages' }).textContent).toBe(
-      admin ? 'appsusers' : 'apps',
-    ),
-  );
-  if (admin)
-    await waitFor(() =>
-      expect(screen.getByText('users content')).toBeInTheDocument(),
-    );
-  else {
-    await waitFor(() =>
-      expect(screen.getByText('Access denied')).toBeInTheDocument(),
-    );
-    expect(screen.queryByText('users content')).not.toBeInTheDocument();
-  }
-}
-
-describe('account permission changes without a browser reload', () => {
-  beforeEach(() => {
-    authentication.session = null;
-    authentication.isPending = false;
-  });
-
-  it('updates menus and cached route guards from admin to operator and back', async () => {
-    session('admin');
-    const view = setup();
-    await expectMenu(true);
-    session('operator');
-    view.rerender();
-    expect(screen.queryByText('users content')).not.toBeInTheDocument();
-    await expectMenu(false);
-    session('admin');
-    view.rerender();
-    await expectMenu(true);
-  });
-
-  it('clears permissions on logout and same-user re-login with a new session', async () => {
-    session('admin', 'first');
-    const view = setup();
-    await expectMenu(true);
-    authentication.isPending = true;
-    view.rerender();
-    expect(screen.queryByRole('navigation')).not.toBeInTheDocument();
-    authentication.session = null;
-    authentication.isPending = false;
-    view.rerender();
-    await expectMenu(false);
-    view.request.mockResolvedValue(permissions(false));
-    session('admin', 'second');
-    view.rerender();
-    await expectMenu(false);
-    expect(view.request).toHaveBeenCalledTimes(3);
-  });
-
-  it('updates a mounted menu and page when permissions change', async () => {
-    session('admin');
-    const view = setup();
-    await expectMenu(true);
-    view.request.mockResolvedValue(permissions(false));
-    act(() => view.client.invalidate());
-    expect(screen.queryByText('users content')).not.toBeInTheDocument();
-    await expectMenu(false);
-    view.request.mockResolvedValue(permissions(true));
-    act(() => view.client.invalidate());
-    await expectMenu(true);
-  });
-
-  it('hides previously allowed pages when revalidation fails and recovers on retry', async () => {
-    session('admin');
-    const view = setup();
-    await expectMenu(true);
-    view.request.mockRejectedValue(new Error('Offline'));
-    act(() => view.client.invalidate());
-    await waitFor(() =>
-      expect(
-        screen.getByRole('navigation', { name: 'Pages' }).textContent,
-      ).toBe(''),
-    );
-    await waitFor(() =>
-      expect(screen.getByText('Access denied')).toBeInTheDocument(),
-    );
-    expect(screen.queryByText('users content')).not.toBeInTheDocument();
-    view.request.mockResolvedValue(permissions(true));
-    act(() => view.client.invalidate());
-    await expectMenu(true);
-  });
-
-  it('does not restore admin menus when an old request returns after switching accounts', async () => {
-    const old = Promise.withResolvers<ReturnType<typeof permissions>>();
-    const request = vi
-      .fn()
-      .mockReturnValueOnce(old.promise)
-      .mockResolvedValue(permissions(false));
-    session('admin');
-    const view = setup(request);
-    await waitFor(() => expect(request).toHaveBeenCalledTimes(1));
-    session('operator');
-    view.rerender();
-    await expectMenu(false);
-    await act(async () => {
-      old.resolve(permissions(true));
-      await old.promise;
-    });
-    await expectMenu(false);
-    expect(request).toHaveBeenCalledTimes(2);
-  });
-});

package/tests/logic/user-menu-sign-out.test.tsx

@@ -1,107 +0,0 @@
-import {
-  act,
-  fireEvent,
-  render,
-  screen,
-  waitFor,
-} from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
-import { beforeEach, describe, expect, it, vi } from 'vitest';
-import {
-  TestI18nProvider,
-  createTestI18nRuntime,
-} from '@nocobase/i18n/testing';
-import type { ReactNode } from 'react';
-import { UserMenu } from '../../client/layouts/components/user-menu.tsx';
-import enUS from '../../client/locales/en-US.js';
-
-const runtime = await createTestI18nRuntime({
-  application: { namespace: '@nocobase/app-template-default', resources: enUS },
-});
-
-function I18n({ children }: { readonly children: ReactNode }) {
-  return <TestI18nProvider runtime={runtime}>{children}</TestI18nProvider>;
-}
-
-const { signOut, refresh, showToast, resolveError } = vi.hoisted(() => ({
-  resolveError: vi.fn(),
-  signOut: vi.fn(),
-  refresh: vi.fn(),
-  showToast: vi.fn(),
-}));
-vi.mock('@nocobase/app-plugin-authentication/client/actions', () => ({
-  useAuthenticationErrorResolver: () => resolveError,
-}));
-vi.mock('@nocobase/app-client', () => {
-  const toaster = { show: showToast, close: vi.fn() };
-  return { useToaster: () => toaster };
-});
-vi.mock('@nocobase/app-plugin-authentication/client', () => ({
-  useAuthentication: () => ({
-    client: { signOut },
-    session: {
-      user: { id: 'operator', name: 'Operator', email: 'operator@example.com' },
-    },
-    isPending: false,
-    refresh,
-  }),
-}));
-vi.mock('../../client/layouts/components/language-switcher.js', () => ({
-  LanguageSwitcher: () => null,
-}));
-
-/**
- * Opens the account menu from the keyboard. A pointer opens it on hover and again on the press, one frame later, which
- * can reopen the menu after a test has already chosen an item and closed it.
- */
-async function openAccountMenu(): Promise<void> {
-  act(() => screen.getByRole('button', { name: 'Open account menu' }).focus());
-  await userEvent.keyboard('{Enter}');
-}
-
-describe('account menu sign out', () => {
-  beforeEach(() => {
-    vi.resetAllMocks();
-    refresh.mockResolvedValue(undefined);
-    resolveError.mockReturnValue({ message: 'Localized authentication error' });
-  });
-  async function signOutFromMenu() {
-    render(<UserMenu />, { wrapper: I18n });
-    await openAccountMenu();
-    fireEvent.click(await screen.findByRole('menuitem', { name: 'Sign out' }));
-  }
-  it('refreshes the server session after successful sign-out', async () => {
-    signOut.mockResolvedValue({ data: { success: true }, error: null });
-    await signOutFromMenu();
-    await waitFor(() => expect(refresh).toHaveBeenCalledTimes(1));
-    expect(showToast).not.toHaveBeenCalled();
-  });
-  it('reports a rejected origin without pretending the session ended', async () => {
-    signOut.mockResolvedValue({
-      data: null,
-      error: { status: 403, code: 'INVALID_ORIGIN' },
-    });
-    await signOutFromMenu();
-    await waitFor(() =>
-      expect(showToast).toHaveBeenCalledWith({
-        type: 'error',
-        title: 'Localized authentication error',
-      }),
-    );
-    expect(resolveError).toHaveBeenCalledWith({
-      status: 403,
-      code: 'INVALID_ORIGIN',
-    });
-    expect(refresh).not.toHaveBeenCalled();
-    await openAccountMenu();
-    expect(
-      await screen.findByRole('menuitem', { name: 'Sign out' }),
-    ).not.toHaveAttribute('aria-disabled', 'true');
-  });
-  it('reports network failures and allows retry', async () => {
-    signOut.mockRejectedValue(new Error('Network unavailable'));
-    await signOutFromMenu();
-    await waitFor(() => expect(showToast).toHaveBeenCalledTimes(1));
-    expect(refresh).not.toHaveBeenCalled();
-  });
-});