@open-mercato/ui 0.6.8-develop.6924.1.a8d208fcdc → 0.6.8-develop.6925.1.cefa200fa4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@open-mercato/ui",
-  "version": "0.6.8-develop.6924.1.a8d208fcdc",
+  "version": "0.6.8-develop.6925.1.cefa200fa4",
   "license": "MIT",
   "type": "module",
   "main": "./dist/index.js",
@@ -155,14 +155,14 @@
     "remark-gfm": "^4.0.1"
   },
   "peerDependencies": {
-    "@open-mercato/shared": "0.6.8-develop.6924.1.a8d208fcdc",
+    "@open-mercato/shared": "0.6.8-develop.6925.1.cefa200fa4",
     "react": ">=18.0.0",
     "react-dom": ">=18.0.0",
     "react-is": ">=18.0.0"
   },
   "devDependencies": {
     "@figma/code-connect": "^1.3.4",
-    "@open-mercato/shared": "0.6.8-develop.6924.1.a8d208fcdc",
+    "@open-mercato/shared": "0.6.8-develop.6925.1.cefa200fa4",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^7.0.0",
     "@testing-library/react": "^16.3.1",

package/src/backend/__tests__/CrudForm.checkboxToggle.test.tsx

@@ -0,0 +1,97 @@
+/** @jest-environment jsdom */
+
+jest.mock('next/navigation', () => ({
+  useRouter: () => ({ push: jest.fn() }),
+  usePathname: () => '/',
+  useSearchParams: () => new URLSearchParams(),
+}))
+jest.mock('remark-gfm', () => ({ __esModule: true, default: {} }))
+jest.mock('../confirm-dialog', () => ({
+  useConfirmDialog: () => ({ confirm: jest.fn().mockResolvedValue(true), ConfirmDialogElement: null }),
+}))
+jest.mock('../custom-fields/FieldDefinitionsManager', () => {
+  const React = require('react')
+  return { __esModule: true, FieldDefinitionsManager: React.forwardRef(() => <div>field definitions</div>) }
+})
+jest.mock('../utils/customFieldForms', () => ({
+  __esModule: true,
+  buildFormFieldFromCustomFieldDef: jest.fn(() => null),
+  buildFormFieldsFromCustomFields: jest.fn(() => []),
+  fetchCustomFieldFormStructure: jest.fn(async () => ({
+    fields: [],
+    definitions: [],
+    metadata: { items: [], fieldsetsByEntity: {}, entitySettings: {} },
+  })),
+}))
+
+import * as React from 'react'
+import { fireEvent, screen, waitFor } from '@testing-library/react'
+import { renderWithProviders } from '@open-mercato/shared/lib/testing/renderWithProviders'
+import { CrudForm, type CrudField } from '../CrudForm'
+
+const dict = { 'ui.forms.actions.save': 'Save' }
+
+const fields: CrudField[] = [
+  { id: 'name', label: 'Name', type: 'text' },
+  { id: 'isActive', label: 'Active', type: 'checkbox' },
+]
+
+/**
+ * A checkbox seeded `false` must be able to reach `true`. The users edit form uses this
+ * to reactivate a deactivated account, so a stuck-off checkbox would let an operator
+ * deactivate someone with no way back.
+ */
+describe('CrudForm checkbox toggling', () => {
+  it('submits true after toggling a checkbox that started false', async () => {
+    const onSubmit = jest.fn().mockResolvedValue(undefined)
+
+    renderWithProviders(
+      <CrudForm
+        title="Test"
+        fields={fields}
+        initialValues={{ name: 'thing', isActive: false }}
+        onSubmit={onSubmit}
+        submitLabel="Save"
+      />,
+      { dict },
+    )
+
+    const checkbox = await screen.findByRole('checkbox')
+    expect(checkbox).toHaveAttribute('data-state', 'unchecked')
+
+    fireEvent.click(checkbox)
+
+    await waitFor(() => expect(checkbox).toHaveAttribute('data-state', 'checked'))
+
+    fireEvent.click(screen.getAllByRole('button', { name: 'Save' })[0])
+
+    await waitFor(() => expect(onSubmit).toHaveBeenCalled())
+    expect(onSubmit.mock.calls[0][0]).toMatchObject({ isActive: true })
+  })
+
+  it('submits false after clearing a checkbox that started true', async () => {
+    const onSubmit = jest.fn().mockResolvedValue(undefined)
+
+    renderWithProviders(
+      <CrudForm
+        title="Test"
+        fields={fields}
+        initialValues={{ name: 'thing', isActive: true }}
+        onSubmit={onSubmit}
+        submitLabel="Save"
+      />,
+      { dict },
+    )
+
+    const checkbox = await screen.findByRole('checkbox')
+    expect(checkbox).toHaveAttribute('data-state', 'checked')
+
+    fireEvent.click(checkbox)
+    await waitFor(() => expect(checkbox).toHaveAttribute('data-state', 'unchecked'))
+
+    fireEvent.click(screen.getAllByRole('button', { name: 'Save' })[0])
+
+    await waitFor(() => expect(onSubmit).toHaveBeenCalled())
+    expect(onSubmit.mock.calls[0][0]).toMatchObject({ isActive: false })
+  })
+})