@controleonline/ui-default 1.0.264 → 1.0.265

package/src/tests/react/components/form/DefaultForm.test.js

@@ -0,0 +1,81 @@
+const React = require('react');
+const renderer = require('react-test-renderer');
+const {jest} = require('@jest/globals');
+
+const {beforeEach, describe, expect, it} = global;
+
+global.IS_REACT_ACT_ENVIRONMENT = true;
+
+let mockStores = {};
+let capturedInputs = [];
+
+jest.mock('@store', () => ({
+  useStore: jest.fn(name => mockStores[name] || {actions: {}, getters: {}}),
+}));
+
+jest.mock('react-native', () => {
+  const React = require('react');
+  const createComponent = name => props =>
+    React.createElement(name, props, props.children);
+
+  return {
+    ScrollView: createComponent('ScrollView'),
+    StyleSheet: {create: value => value},
+    Text: createComponent('Text'),
+    TouchableOpacity: createComponent('TouchableOpacity'),
+    View: createComponent('View'),
+  };
+});
+
+jest.mock('../../../../react/components/inputs/DefaultInput', () => props => {
+  const React = require('react');
+  capturedInputs.push(props);
+  return React.createElement('DefaultInput', props);
+});
+
+const DefaultForm = require('../../../../react/components/form/DefaultForm').default;
+
+describe('DefaultForm', () => {
+  beforeEach(() => {
+    capturedInputs = [];
+    mockStores = {
+      theme: {
+        getters: {
+          colors: {},
+        },
+      },
+    };
+  });
+
+  it('keeps create-mode draft text while typing when no row is provided', async () => {
+    const columns = [
+      {
+        name: 'name',
+        label: 'reason',
+        editable: true,
+      },
+    ];
+
+    await renderer.act(async () => {
+      renderer.create(
+        React.createElement(DefaultForm, {
+          actions: {
+            save: jest.fn(),
+          },
+          columns,
+          mode: 'create',
+          storeName: 'order_cancellation_reasons',
+        }),
+      );
+    });
+
+    const inputBeforeTyping = capturedInputs[capturedInputs.length - 1];
+
+    await renderer.act(async () => {
+      inputBeforeTyping.onChangeValue('Cliente desistiu');
+    });
+
+    const inputAfterTyping = capturedInputs[capturedInputs.length - 1];
+    expect(inputAfterTyping.value).toBe('Cliente desistiu');
+  });
+});

package/src/tests/react/components/inputs/DefaultSelect.test.js

@@ -1,12 +1,19 @@
 const React = require('react');
 const renderer = require('react-test-renderer');
-const {jest} = require('@jest/globals');
-
-const {describe, expect, it} = global;
-
-global.IS_REACT_ACT_ENVIRONMENT = true;
-
-jest.mock('react-native', () => {
+const {jest} = require('@jest/globals');
+
+const {beforeEach, describe, expect, it} = global;
+
+global.IS_REACT_ACT_ENVIRONMENT = true;
+
+let mockStores = {};
+
+jest.mock('@store', () => ({
+  getAllStores: jest.fn(() => mockStores),
+  useStore: jest.fn(name => mockStores[name] || {actions: {}, getters: {}}),
+}));
+
+jest.mock('react-native', () => {
   const React = require('react');
   const createComponent = name => props =>
     React.createElement(name, props, props.children);
@@ -27,7 +34,7 @@ jest.mock('react-native-vector-icons/Feather', () => {
   return props => React.createElement('Icon', props, props.children);
 });
 
-const DefaultSelect = require('../../../../react/components/inputs/DefaultSelect').default;
+const DefaultSelect = require('../../../../react/components/inputs/DefaultSelect').default;
 
 const createDeferred = () => {
   let resolve;
@@ -38,8 +45,25 @@ const createDeferred = () => {
   return {promise, resolve};
 };
 
-describe('DefaultSelect', () => {
-  it('waits for onBeforeOpen before showing the options modal', async () => {
+describe('DefaultSelect', () => {
+  beforeEach(() => {
+    mockStores = {
+      people: {
+        getters: {
+          currentCompany: {
+            id: 21,
+          },
+        },
+      },
+      invoice: {
+        getters: {
+          configs: {},
+        },
+      },
+    };
+  });
+
+  it('waits for onBeforeOpen before showing the options modal', async () => {
     const gate = createDeferred();
     const onBeforeOpen = jest.fn(() => gate.promise);
     const onStartEditing = jest.fn();
@@ -87,7 +111,75 @@ describe('DefaultSelect', () => {
       gate.resolve();
       await openPromise;
     });
-
-    expect(modal.props.visible).toBe(true);
-  });
-});
+
+    expect(modal.props.visible).toBe(true);
+  });
+
+  it('loads remote list options itself when the modal opens and when search changes', async () => {
+    const getItems = jest.fn(() => Promise.resolve([
+      {id: 33, status: 'Pago', context: 'invoice'},
+    ]));
+    mockStores.status = {
+      actions: {
+        getItems,
+      },
+      getters: {
+        items: [],
+      },
+    };
+    let tree;
+
+    await renderer.act(async () => {
+      tree = renderer.create(
+        React.createElement(DefaultSelect, {
+          column: {
+            key: 'status',
+            label: 'Situação',
+            list: 'status/getItems',
+            listRequestParams: {
+              context: 'invoice',
+            },
+            searchParam: 'status',
+          },
+          onStartEditing: jest.fn(),
+          row: {
+            status: {id: 1, status: 'Aberto'},
+          },
+          storeName: 'invoice',
+          value: '1',
+        }),
+      );
+    });
+
+    const readButton = tree.root.findAllByType('TouchableOpacity')[0];
+
+    await renderer.act(async () => {
+      await readButton.props.onPress();
+      await Promise.resolve();
+    });
+
+    expect(getItems).toHaveBeenCalledWith({
+      context: 'invoice',
+      __storeMeta: expect.objectContaining({
+        skipSystemError: true,
+      }),
+    });
+    expect(
+      tree.root.findAllByType('Text').some(node => node.props.children === 'Pago'),
+    ).toBe(true);
+
+    const searchInput = tree.root.findByType('TextInput');
+    await renderer.act(async () => {
+      searchInput.props.onChangeText('pag');
+      await Promise.resolve();
+    });
+
+    expect(getItems).toHaveBeenLastCalledWith({
+      context: 'invoice',
+      status: 'pag',
+      __storeMeta: expect.objectContaining({
+        skipSystemError: true,
+      }),
+    });
+  });
+});