@open-mercato/ui 0.6.7-develop.6770.1.b52298cf20 → 0.6.7-develop.6773.1.f9b7fbae4f

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@open-mercato/ui",
-  "version": "0.6.7-develop.6770.1.b52298cf20",
+  "version": "0.6.7-develop.6773.1.f9b7fbae4f",
   "license": "MIT",
   "type": "module",
   "main": "./dist/index.js",
@@ -155,13 +155,13 @@
     "remark-gfm": "^4.0.1"
   },
   "peerDependencies": {
-    "@open-mercato/shared": "0.6.7-develop.6770.1.b52298cf20",
+    "@open-mercato/shared": "0.6.7-develop.6773.1.f9b7fbae4f",
     "react": ">=18.0.0",
     "react-dom": ">=18.0.0",
     "react-is": ">=18.0.0"
   },
   "devDependencies": {
-    "@open-mercato/shared": "0.6.7-develop.6770.1.b52298cf20",
+    "@open-mercato/shared": "0.6.7-develop.6773.1.f9b7fbae4f",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.1",

package/src/backend/__tests__/BackendChromeProvider.test.tsx

@@ -3,8 +3,14 @@
  */
 
 import * as React from 'react'
-import { render, screen, waitFor } from '@testing-library/react'
-import { BackendChromeProvider, useBackendChrome } from '../BackendChromeProvider'
+import { act, render, screen, waitFor } from '@testing-library/react'
+import { emitOrganizationScopeChanged } from '@open-mercato/shared/lib/frontend/organizationEvents'
+import type { BackendChromePayload } from '@open-mercato/shared/modules/navigation/backendChrome'
+import {
+  BackendChromeProvider,
+  useBackendChrome,
+  useCurrentOrganization,
+} from '../BackendChromeProvider'
 import { apiCall } from '../utils/apiCall'
 
 jest.mock('../utils/apiCall', () => ({
@@ -21,6 +27,30 @@ function ChromeStateProbe() {
   )
 }
 
+function CurrentOrganizationProbe() {
+  const organization = useCurrentOrganization()
+  return (
+    <span data-testid="current-organization">
+      {organization ? `${organization.id}:${organization.name}` : 'none'}
+    </span>
+  )
+}
+
+function makePayload(
+  currentOrganization: BackendChromePayload['currentOrganization'],
+): BackendChromePayload {
+  return {
+    groups: [],
+    settingsSections: [],
+    settingsPathPrefixes: [],
+    profileSections: [],
+    profilePathPrefixes: [],
+    grantedFeatures: [],
+    roles: [],
+    currentOrganization,
+  }
+}
+
 describe('BackendChromeProvider', () => {
   beforeEach(() => {
     ;(apiCall as jest.Mock).mockReset()
@@ -42,4 +72,70 @@ describe('BackendChromeProvider', () => {
     expect(screen.getByTestId('ready')).toHaveTextContent('not-ready')
     expect(apiCall).toHaveBeenCalledWith('/api/auth/admin/nav', { credentials: 'include' })
   })
+
+  it('returns null outside a provider', () => {
+    render(<CurrentOrganizationProbe />)
+
+    expect(screen.getByTestId('current-organization')).toHaveTextContent('none')
+  })
+
+  it('returns null before the chrome payload arrives', () => {
+    ;(apiCall as jest.Mock).mockReturnValue(new Promise(() => {}))
+
+    render(
+      <BackendChromeProvider adminNavApi="/api/auth/admin/nav?test=pending">
+        <CurrentOrganizationProbe />
+      </BackendChromeProvider>,
+    )
+
+    expect(screen.getByTestId('current-organization')).toHaveTextContent('none')
+  })
+
+  it('returns the organization from the hydrated payload', async () => {
+    ;(apiCall as jest.Mock).mockResolvedValue({
+      ok: true,
+      result: makePayload({ id: 'org-1', name: 'Northwind Ltd' }),
+    })
+
+    render(
+      <BackendChromeProvider adminNavApi="/api/auth/admin/nav?test=hydrated">
+        <CurrentOrganizationProbe />
+      </BackendChromeProvider>,
+    )
+
+    await waitFor(() => {
+      expect(screen.getByTestId('current-organization')).toHaveTextContent('org-1:Northwind Ltd')
+    })
+  })
+
+  it('refreshes the organization after the active scope changes', async () => {
+    ;(apiCall as jest.Mock)
+      .mockResolvedValueOnce({
+        ok: true,
+        result: makePayload({ id: 'org-1', name: 'Northwind Ltd' }),
+      })
+      .mockResolvedValueOnce({
+        ok: true,
+        result: makePayload({ id: 'org-2', name: 'Contoso GmbH' }),
+      })
+
+    render(
+      <BackendChromeProvider adminNavApi="/api/auth/admin/nav?test=scope-refresh">
+        <CurrentOrganizationProbe />
+      </BackendChromeProvider>,
+    )
+
+    await waitFor(() => {
+      expect(screen.getByTestId('current-organization')).toHaveTextContent('org-1:Northwind Ltd')
+    })
+
+    act(() => {
+      emitOrganizationScopeChanged({ organizationId: 'org-2', tenantId: 'tenant-1' })
+    })
+
+    await waitFor(() => {
+      expect(screen.getByTestId('current-organization')).toHaveTextContent('org-2:Contoso GmbH')
+    })
+    expect(apiCall).toHaveBeenCalledTimes(2)
+  })
 })