@zeedhi/common 1.111.1 → 3.0.0

package/tests/unit/components/zd-grid-editable/data-editor-with-add.spec.ts

@@ -0,0 +1,118 @@
+import { Loader, SimpleControllerBuilder } from '@zeedhi/core';
+import {
+  GridEditable, 
+  
+  DataEditorWithAdd,
+  IGridEditableProps,
+} from '../../../../src';
+
+function getGridInstance(props: Partial<IGridEditableProps> = {}) {
+  const instance = new GridEditable({
+    name: 'Grid',
+    component: 'ZdGridEditable',
+    columns: [
+      {
+        name: 'id',
+        label: 'ID',
+      },
+      {
+        name: 'name',
+        label: 'Name',
+        editable: true,
+        componentProps: {
+          name: 'name-input',
+          component: 'ZdTextInput',
+        },
+      },
+      {
+        name: 'salary',
+        label: 'Salary',
+        editable: true,
+        componentProps: {
+          name: 'salary-input',
+          component: 'ZdNumberInput',
+        },
+      },
+    ],
+    datasource: {
+      uniqueKey: 'id',
+      data: [
+        { id: '1', name: 'Employee 1', salary: 1 },
+        { id: '2', name: 'Employee 2', salary: 2 },
+        { id: '3', name: 'Employee 3', salary: 3 },
+      ],
+    },
+    ...props,
+  });
+  instance.onCreated();
+
+  return instance;
+}
+
+describe('DataEditorWithAdd', () => {
+  beforeAll(() => {
+    Loader.setBuilder(new SimpleControllerBuilder());
+  });
+
+  describe('cancel column', () => {
+    it('should instantiate grid with a cancel column', () => {
+      const grid = getGridInstance({
+        name: 'grid',
+        component: 'ZdGridEditable',
+        showCancelColumn: true,
+        columns: [
+          { name: 'name' },
+        ],
+        datasource: { data: [{ id: '1' }], uniqueKey: 'id' },
+      });
+      const dataEditor = new DataEditorWithAdd(grid);
+      const spy = jest.fn();
+      dataEditor.cancelAddedRow = spy;
+
+      const props = dataEditor.getCancelColumnProps() as any;
+      props.children[0].events.click({ row: { id: '1' }});
+
+      expect(spy).toHaveBeenCalledTimes(1);
+    });
+  });
+
+  describe('getEditedRows()', () => {
+    it('should throw when not silent and invalid', () => {
+      const instance = getGridInstance();
+      const dataEditor = new DataEditorWithAdd(instance);
+      instance.editing = true;
+
+      dataEditor.updateCell('2', 'name', 'New name');
+
+      dataEditor.isGridValid = jest.fn().mockReturnValue(false);
+
+      expect(() => dataEditor.getEditedRows()).toThrow();
+    });
+  });
+
+  describe('canEditRow', () => {
+    it('when using editingNewRows should only allow editing new rows', () => {
+      const instance = getGridInstance({ editingNewRows: true });
+      const dataEditor = new DataEditorWithAdd(instance);
+
+      dataEditor.reapplyCanEditRow({ id: '1', '__added_row': true });
+
+      expect(() => dataEditor.getCanEditRow({ id: '1', '__added_row': true })).toBeTruthy();
+    })
+  });
+
+  describe('saveEditedRows()', () => {
+    it('should save edited after addNewRow', async () => {
+      const instance = getGridInstance({ datasource: { data: [] }});
+      const dataEditor = new DataEditorWithAdd(instance);
+
+      instance.editing = true;
+
+      await dataEditor.addNewRow({ id: '4' });
+      await dataEditor.saveEditedRows();
+      expect(instance.datasource.data).toEqual([
+        { id: '4' },
+      ]);
+    });
+  });
+});