@eohjsc/react-native-smart-city 0.7.19 → 0.7.21

package/src/screens/Automate/ScriptDetail/Styles/indexStyles.js

@@ -57,9 +57,15 @@ export default StyleSheet.create({
   },
   editButton: {
     height: 40,
+    paddingLeft: 40,
     justifyContent: 'center',
     alignItems: 'center',
   },
+  rowActionList: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+  },
   moreButton: {
     marginLeft: -5,
   },
@@ -183,6 +189,12 @@ export default StyleSheet.create({
     justifyContent: 'center',
     alignItems: 'center',
   },
+  width30: {
+    width: '30%',
+  },
+  width40: {
+    width: '40%',
+  },
   width50: {
     width: '50%',
   },
@@ -190,6 +202,7 @@ export default StyleSheet.create({
     width: '100%',
     backgroundColor: Colors.White,
     borderRadius: 5,
+    maxHeight: 500,
   },
   localControl: {
     flexDirection: 'row',
@@ -197,6 +210,12 @@ export default StyleSheet.create({
     maxWidth: 190,
     marginRight: 5,
   },
+  boxCondition: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    maxWidth: 210,
+    marginRight: 5,
+  },
   card: {
     marginRight: 0,
     padding: 10,

package/src/screens/Automate/ScriptDetail/__test__/index.test.js

@@ -24,8 +24,22 @@ import { ToastBottomHelper } from '../../../../utils/Utils';
 import { getTranslate } from '../../../../utils/I18n';
 import AddActionScript from '../Components/AddActionScript';
 import ItemConditionScriptDetail from '../../../../commons/Automate/ItemConditionScriptDetail';
+import ModalAddCondition from '../Components/ModalAddCondition';
 
-const wrapComponent = (route, storeData = {}) => (
+const wrapComponent = (
+  route,
+  storeData = {
+    auth: {
+      account: {
+        user: {
+          permissions: {
+            max_actions_per_automation: 1,
+          },
+        },
+      },
+    },
+  }
+) => (
   <SCProvider initState={mockSCStore(storeData)}>
     <ScriptDetail route={route} />
   </SCProvider>
@@ -63,14 +77,18 @@ describe('Test ScriptDetail', () => {
           id: 1,
           can_edit: true,
           type: 'value_change',
-          value_change: {
-            condition: '<',
-            config: 'PM2.5 (Mr.Son Office)',
-            config_id: 201,
-            config_name: 'PM2.5 (Mr.Son Office)',
-            sensor_id: 73,
-            value: 35,
-          },
+          conditions: [
+            {
+              id: 1,
+              type: 'value_change',
+              condition: '<',
+              config: 'PM2.5 (Mr.Son Office)',
+              config_id: 201,
+              config_name: 'PM2.5 (Mr.Son Office)',
+              sensor_id: 73,
+              value: 35,
+            },
+          ],
           script: {
             name: 'name',
             enable: true,
@@ -112,6 +130,15 @@ describe('Test ScriptDetail', () => {
             str_emails: 'email0@eoh.io',
           },
         },
+        {
+          action_script: null,
+          notify_script: null,
+          sms_script: {
+            message: 'message',
+            unit_id: 60,
+            str_emails: '0902xxx',
+          },
+        },
       ],
     };
   });
@@ -154,6 +181,9 @@ describe('Test ScriptDetail', () => {
   };
 
   it('test rename script', async () => {
+    mock
+      .onGet(API.AUTOMATE.FETCH_AUTOMATE(1))
+      .reply(200, route.params.preAutomate);
     await act(async () => {
       tree = await create(wrapComponent(route));
     });
@@ -235,6 +265,278 @@ describe('Test ScriptDetail', () => {
     );
   });
 
+  it('test edit condition value change single unit', async () => {
+    await act(async () => {
+      tree = await create(wrapComponent(route));
+    });
+    const instance = tree.root;
+    const button = instance.find(
+      (el) =>
+        el.props.accessibilityLabel === AccessibilityLabel.ICON_MENU_POPUP &&
+        el.type === TouchableOpacity
+    );
+    await act(async () => {
+      await button.props.onPress();
+    });
+
+    const menuActionMore = instance.find(
+      (el) =>
+        el.props.accessibilityLabel === AccessibilityLabel.MENU_POPPER_MORE_2
+    );
+
+    await act(async () => {
+      menuActionMore.props.onItemClick({ doAction: jest.fn() });
+      menuActionMore.props.listMenuItem[0].doAction();
+    });
+
+    expect(global.mockedNavigate).toBeCalledWith(Routes.SelectMonitorDevices, {
+      automate: route.params.preAutomate,
+      closeScreen: Routes.ScriptDetail,
+      routeName: null,
+    });
+  });
+
+  it('test edit condition value change multi unit', async () => {
+    route.params.preAutomate.unit = null;
+    await act(async () => {
+      tree = await create(wrapComponent(route));
+    });
+    const instance = tree.root;
+    const button = instance.find(
+      (el) =>
+        el.props.accessibilityLabel === AccessibilityLabel.ICON_MENU_POPUP &&
+        el.type === TouchableOpacity
+    );
+    await act(async () => {
+      await button.props.onPress();
+    });
+
+    const menuActionMore = instance.find(
+      (el) =>
+        el.props.accessibilityLabel === AccessibilityLabel.MENU_POPPER_MORE_2
+    );
+
+    await act(async () => {
+      menuActionMore.props.onItemClick({ doAction: jest.fn() });
+      menuActionMore.props.listMenuItem[0].doAction();
+    });
+
+    expect(global.mockedNavigate).toBeCalledWith(Routes.SelectUnit, {
+      automate: route.params.preAutomate,
+      routeName: Routes.SelectMonitorDevices,
+    });
+  });
+
+  it('test edit condition schedule', async () => {
+    route.params.preAutomate.type = AUTOMATE_TYPE.SCHEDULE;
+    route.params.preAutomate.conditions[0].type = AUTOMATE_TYPE.SCHEDULE;
+    await act(async () => {
+      tree = await create(wrapComponent(route));
+    });
+    const instance = tree.root;
+    const button = instance.find(
+      (el) =>
+        el.props.accessibilityLabel === AccessibilityLabel.ICON_MENU_POPUP &&
+        el.type === TouchableOpacity
+    );
+    await act(async () => {
+      await button.props.onPress();
+    });
+
+    const menuActionMore = instance.find(
+      (el) =>
+        el.props.accessibilityLabel === AccessibilityLabel.MENU_POPPER_MORE_2
+    );
+
+    await act(async () => {
+      menuActionMore.props.onItemClick({ doAction: jest.fn() });
+      menuActionMore.props.listMenuItem[0].doAction();
+    });
+
+    expect(global.mockedNavigate).toBeCalledWith(
+      Routes.AddEditConditionSchedule,
+      {
+        automate: route.params.preAutomate,
+        condition: route.params.preAutomate.conditions[0],
+        isUpdateCondition: true,
+        closeScreen: Routes.ScriptDetail,
+      }
+    );
+  });
+
+  const testDeleteCondition = async (statusCode, toastSpy, toastMessage) => {
+    const spyToast = jest.spyOn(ToastBottomHelper, toastSpy);
+    mock.onDelete(API.AUTOMATE.DELETE_CONDITION(1, 1)).reply(statusCode);
+
+    await act(async () => {
+      tree = await create(wrapComponent(route));
+    });
+
+    const instance = tree.root;
+    const button = instance.find(
+      (el) =>
+        el.props.accessibilityLabel === AccessibilityLabel.ICON_MENU_POPUP &&
+        el.type === TouchableOpacity
+    );
+
+    await act(async () => {
+      await button.props.onPress();
+    });
+
+    const menuActionMore = instance.find(
+      (el) =>
+        el.props.accessibilityLabel === AccessibilityLabel.MENU_POPPER_MORE_2
+    );
+
+    await act(async () => {
+      menuActionMore.props.onItemClick({ doAction: jest.fn() });
+      menuActionMore.props.listMenuItem[1].doAction();
+    });
+
+    const model = instance.find(
+      (el) =>
+        el.props.accessibilityLabel ===
+        AccessibilityLabel.AUTOMATE_DELETE_CONDITION
+    );
+
+    await act(async () => {
+      model.props.rightButtonClick();
+    });
+
+    expect(spyToast).toHaveBeenCalledWith(toastMessage);
+  };
+
+  it('test delete condition success', async () => {
+    await testDeleteCondition(204, 'success', 'Removed successfully!');
+  });
+
+  it('test delete condition call api fail', async () => {
+    await testDeleteCondition(400, 'error', 'Remove failed');
+  });
+
+  it('test can not delete condition because not owner', async () => {
+    route.params.preAutomate.can_edit = false;
+    await act(async () => {
+      tree = await create(wrapComponent(route));
+    });
+
+    const instance = tree.root;
+    const button = instance.find(
+      (el) =>
+        el.props.accessibilityLabel === AccessibilityLabel.ICON_MENU_POPUP &&
+        el.type === TouchableOpacity
+    );
+
+    await act(async () => {
+      await button.props.onPress();
+    });
+
+    const menuActionMore = instance.find(
+      (el) =>
+        el.props.accessibilityLabel === AccessibilityLabel.MENU_POPPER_MORE_2
+    );
+
+    await act(async () => {
+      menuActionMore.props.onItemClick({ doAction: jest.fn() });
+      menuActionMore.props.listMenuItem[1].doAction();
+    });
+
+    const model = instance.find(
+      (el) =>
+        el.props.accessibilityLabel ===
+        AccessibilityLabel.AUTOMATE_DELETE_CONDITION
+    );
+    expect(model).toBeDefined();
+  });
+
+  it('test edit script list action', async () => {
+    mock.onGet(API.AUTOMATE.SCRIPT_ITEMS(1)).reply(200, data);
+    await act(async () => {
+      tree = await create(wrapComponent(route));
+    });
+    const instance = tree.root;
+
+    const buttonEditScript = instance.find(
+      (el) =>
+        el.props.accessibilityLabel ===
+          AccessibilityLabel.BUTTON_EDIT_SCRIPT_ACTION &&
+        el.type === TouchableOpacity
+    );
+    await act(async () => {
+      await buttonEditScript.props.onPress();
+    });
+
+    expect(global.mockedNavigate).toBeCalledWith(Routes.EditActionsList, {
+      data: data.script_items,
+      id: 1,
+      unitId: 2,
+    });
+  });
+
+  const testUpdateNeedAllCondition = async (
+    statusCode,
+    toastSpy,
+    toastMessage,
+    index
+  ) => {
+    const spyToast = jest.spyOn(ToastBottomHelper, toastSpy);
+    mock.onPost(API.AUTOMATE.NEED_ALL_CONDITIONS(1)).reply(statusCode);
+
+    await act(async () => {
+      tree = await create(
+        wrapComponent(route, {
+          auth: {
+            account: {
+              user: {
+                permissions: {
+                  max_conditions_per_automation: 1,
+                },
+              },
+            },
+          },
+        })
+      );
+    });
+    const instance = tree.root;
+    const showPopup = instance.find(
+      (el) =>
+        el.props.accessibilityLabel === AccessibilityLabel.AUTOMATE_CONDITION
+    );
+    await act(async () => {
+      await showPopup.props.onPress();
+    });
+
+    const selects = instance.findAll(
+      (el) =>
+        el.props.accessibilityLabel ===
+          AccessibilityLabel.AUTOMATE_SELECT_CONDITION &&
+        el.type === TouchableOpacity
+    );
+    expect(selects).toHaveLength(2);
+    await act(async () => {
+      await selects[index].props.onPress();
+    });
+    expect(spyToast).toHaveBeenCalledWith(toastMessage);
+  };
+
+  it('test update need all condition success', async () => {
+    await testUpdateNeedAllCondition(
+      200,
+      'success',
+      'Update condition success',
+      0
+    );
+  });
+
+  it('test update need all condition fail', async () => {
+    await testUpdateNeedAllCondition(
+      400,
+      'error',
+      'Error! Please try later',
+      1
+    );
+  });
+
   it('test cannot edit condition because not owner', async () => {
     route.params.preAutomate.can_edit = false;
     const spyToastError = jest.spyOn(ToastBottomHelper, 'error');
@@ -358,8 +660,10 @@ describe('Test ScriptDetail', () => {
     expect(global.mockedGoBack).not.toHaveBeenCalled();
   });
 
-  it('test activate one tap', async () => {
-    mock.onGet(API.AUTOMATE.SCRIPT(1)).reply(200, data);
+  const testTriggerOneTap = async (statusCode, toastSpy, toastMessage) => {
+    const spyToast = jest.spyOn(ToastBottomHelper, toastSpy);
+    mock.onGet(API.AUTOMATE.SCRIPT_ITEMS(1)).reply(200, data);
+    mock.onPost(API.AUTOMATE.ACTION_ONE_TAP(1)).reply(statusCode);
     route.params.preAutomate.type = AUTOMATE_TYPE.ONE_TAP;
 
     await act(async () => {
@@ -372,11 +676,20 @@ describe('Test ScriptDetail', () => {
           AccessibilityLabel.BUTTON_ACTIVATE_ONE_TAP &&
         el.type === TouchableOpacity
     );
-    mock.onPost(API.AUTOMATE.ACTION_ONE_TAP(1)).reply(200);
+
     await act(async () => {
       await buttonActivate.props.onPress();
     });
-    expect(global.mockedNavigate).not.toBeCalled();
+
+    expect(spyToast).toHaveBeenCalledWith(toastMessage);
+  };
+
+  it('test activate call one tap success', async () => {
+    await testTriggerOneTap(200, 'success', 'Activated successfully.');
+  });
+
+  it('test activate call one tap fail', async () => {
+    await testTriggerOneTap(400, 'error', 'Activation failed.');
   });
 
   it('test press add action', async () => {
@@ -388,7 +701,7 @@ describe('Test ScriptDetail', () => {
         script_items: null,
       },
     ];
-    mock.onGet(API.AUTOMATE.SCRIPT(1)).reply(200, data);
+    mock.onGet(API.AUTOMATE.SCRIPT_ITEMS(1)).reply(200, data);
     const auth = {
       account: {
         user: {
@@ -599,7 +912,7 @@ describe('Test ScriptDetail', () => {
   });
 
   it('test press disable script', async () => {
-    mock.onGet(API.AUTOMATE.SCRIPT(1)).reply(200, data);
+    mock.onGet(API.AUTOMATE.SCRIPT_ITEMS(1)).reply(200, data);
     mock.onPost(API.AUTOMATE.ENABLE_SCRIPT(1)).reply(200, data);
     await act(async () => {
       tree = await create(wrapComponent(route));
@@ -627,7 +940,7 @@ describe('Test ScriptDetail', () => {
   });
 
   it('test press add action reach limit', async () => {
-    mock.onGet(API.AUTOMATE.SCRIPT(1)).reply(200, data);
+    mock.onGet(API.AUTOMATE.SCRIPT_ITEMS(1)).reply(200, data);
     await act(async () => {
       tree = await create(
         wrapComponent(route, {
@@ -664,7 +977,7 @@ describe('Test ScriptDetail', () => {
 
   it('test not see add action', async () => {
     route.params.preAutomate.can_edit = false;
-    mock.onGet(API.AUTOMATE.SCRIPT(1)).reply(200, data);
+    mock.onGet(API.AUTOMATE.SCRIPT_ITEMS(1)).reply(200, data);
     await act(async () => {
       tree = await create(wrapComponent(route));
     });
@@ -740,13 +1053,16 @@ describe('Test ScriptDetail', () => {
     const automate = {
       can_edit: true,
       type: AUTOMATE_TYPE.VALUE_CHANGE,
-      value_change: {
-        config_name: 'Light Value',
-        value: 3,
-        condition: '>',
-        end_device_id: 1,
-        unit_id: 1,
-      },
+      conditions: [
+        {
+          type: AUTOMATE_TYPE.VALUE_CHANGE,
+          config_name: 'Light Value',
+          value: 3,
+          condition: '>',
+          end_device_id: 1,
+          unit_id: 1,
+        },
+      ],
       script: {
         name: 'name',
         enable: true,
@@ -777,11 +1093,6 @@ describe('Test ScriptDetail', () => {
       menuActionMore.props.listMenuItem[2].doAction();
     });
 
-    expectMockedDispatch(Routes.AddUnknownTypeSmart, {
-      automate: automate,
-      closeScreen: undefined,
-    });
-
     expect(menuActionMore.props.listMenuItem[0].text).toEqual('Device display');
     await act(async () => {
       menuActionMore.props.listMenuItem[0].doAction();
@@ -791,7 +1102,7 @@ describe('Test ScriptDetail', () => {
       unitId: 1,
     });
     global.mockedNavigate.mockClear();
-    expect(menuActionMore.props.listMenuItem[1].text).toEqual('Unit');
+    expect(menuActionMore.props.listMenuItem[1].text).toEqual('Go to Unit');
     await act(async () => {
       menuActionMore.props.listMenuItem[1].doAction();
     });
@@ -805,7 +1116,14 @@ describe('Test ScriptDetail', () => {
       ...route.params,
       preAutomate: {
         type: AUTOMATE_TYPE.VALUE_CHANGE,
-        value_change: { config_name: 'Light Value', value: 3, condition: '=' },
+        conditions: [
+          {
+            type: AUTOMATE_TYPE.VALUE_CHANGE,
+            config_name: 'Light Value',
+            value: 3,
+            condition: '=',
+          },
+        ],
       },
     };
     await act(async () => {
@@ -823,11 +1141,14 @@ describe('Test ScriptDetail', () => {
       ...route.params,
       preAutomate: {
         type: AUTOMATE_TYPE.VALUE_CHANGE,
-        value_change: {
-          config_name: 'Light Value',
-          value: 3,
-          condition: '<',
-        },
+        conditions: [
+          {
+            type: AUTOMATE_TYPE.VALUE_CHANGE,
+            config_name: 'Light Value',
+            value: 3,
+            condition: '<',
+          },
+        ],
       },
     };
     await act(async () => {
@@ -845,11 +1166,13 @@ describe('Test ScriptDetail', () => {
       ...route.params,
       preAutomate: {
         type: AUTOMATE_TYPE.SCHEDULE,
-        schedule: {
-          repeat: 'every_day',
-          date_repeat: '2022-01-02',
-          time_repeat: '19:00:00',
-        },
+        conditions: [
+          {
+            type: AUTOMATE_TYPE.SCHEDULE,
+            repeat: 'every_day',
+            time_repeat: '19:00:00',
+          },
+        ],
       },
     };
     await act(async () => {
@@ -867,12 +1190,15 @@ describe('Test ScriptDetail', () => {
       ...route.params,
       preAutomate: {
         type: AUTOMATE_TYPE.SCHEDULE,
-        schedule: {
-          repeat: 'every_week',
-          date_repeat: '2022-01-02',
-          time_repeat: '19:00:00',
-          weekday_repeat: ['1', '2', '4', '6'],
-        },
+        conditions: [
+          {
+            type: AUTOMATE_TYPE.SCHEDULE,
+            repeat: 'every_week',
+            date_repeat: '2022-01-02',
+            time_repeat: '19:00:00',
+            weekday_repeat: ['1', '2', '4', '6'],
+          },
+        ],
       },
     };
     await act(async () => {
@@ -1029,4 +1355,72 @@ describe('Test ScriptDetail', () => {
     });
     expect(mock.history.post.length).toBe(0);
   });
+
+  it('test user have max_conditions_per_automation', async () => {
+    mock.onGet(API.AUTOMATE.SCRIPT_ITEMS(1)).reply(200, data);
+    await act(async () => {
+      tree = await create(
+        wrapComponent(route, {
+          auth: {
+            account: {
+              user: {
+                permissions: {
+                  max_conditions_per_automation: 2,
+                  max_actions_per_automation: 0,
+                },
+              },
+            },
+          },
+        })
+      );
+    });
+    const instance = tree.root;
+    const text_number = instance.find(
+      (el) =>
+        el.props.accessibilityLabel ===
+          AccessibilityLabel.AUTOMATE_NUMBER_CONDITION && el.type === Text
+    );
+    expect(text_number.props.children).toEqual('Available [1] condition');
+    const buttonAddCondition = instance.find(
+      (el) =>
+        el.props.accessibilityLabel ===
+          AccessibilityLabel.BUTTON_ADD_CONDITION &&
+        el.type === TouchableOpacity
+    );
+    await act(async () => {
+      await buttonAddCondition.props.onPress();
+    });
+
+    const model = instance.findByType(ModalAddCondition);
+    expect(model.props.isVisible).toBe(true);
+  });
+
+  it('can not add condition because user reach_max_conditions_per_automation', async () => {
+    mock.onGet(API.AUTOMATE.SCRIPT_ITEMS(1)).reply(200, data);
+    mock.onGet(API.AUTH.PERMISSIONS()).reply(200, {
+      max_conditions_per_automation: 1,
+    });
+    await act(async () => {
+      tree = await create(wrapComponent(route));
+    });
+    const instance = tree.root;
+    const text_number = instance.find(
+      (el) =>
+        el.props.accessibilityLabel ===
+          AccessibilityLabel.AUTOMATE_NUMBER_CONDITION && el.type === Text
+    );
+    expect(text_number.props.children).toEqual('Available [0] condition');
+    const buttonAddCondition = instance.find(
+      (el) =>
+        el.props.accessibilityLabel ===
+          AccessibilityLabel.BUTTON_ADD_CONDITION &&
+        el.type === TouchableOpacity
+    );
+    await act(async () => {
+      await buttonAddCondition.props.onPress();
+    });
+
+    const model = instance.findByType(ModalAddCondition);
+    expect(model.props.isVisible).toBe(false);
+  });
 });