@eohjsc/react-native-smart-city 0.3.90 → 0.3.92

package/src/screens/Device/__test__/detail.test.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { Alert, ScrollView } from 'react-native';
 import { act, create } from 'react-test-renderer';
 import MockAdapter from 'axios-mock-adapter';
-import { NavigationContext } from '@react-navigation/native';
+import { NavigationContext, useNavigation } from '@react-navigation/native';
 
 import DeviceDetail from '../detail';
 import { API } from '../../../configs';
@@ -19,20 +19,10 @@ import { mockSCStore } from '../../../context/mockStore';
 import Routes from '../../../utils/Route';
 import api from '../../../utils/Apis/axios';
 
-const mockedNavigate = jest.fn();
 const mockedDispatch = jest.fn();
 
 const mock = new MockAdapter(api.axiosInstance);
 
-jest.mock('@react-navigation/native', () => {
-  return {
-    ...jest.requireActual('@react-navigation/native'),
-    useNavigation: () => ({
-      navigate: mockedNavigate,
-    }),
-  };
-});
-
 jest.mock('react-redux', () => {
   return {
     ...jest.requireActual('react-redux'),
@@ -44,12 +34,6 @@ jest.mock('react-redux', () => {
   };
 });
 
-jest.mock('react', () => ({
-  ...jest.requireActual('react'),
-  useLayoutEffect: jest.fn(),
-  memo: (x) => x,
-}));
-
 jest.mock('../../../hooks/Common', () => {
   return {
     ...jest.requireActual('../../../hooks/Common'),
@@ -62,13 +46,13 @@ const mockAxios = (
   responseDisplayValueV2,
   responseRemoteControl = {}
 ) => {
-  mock.onGet(API.DEVICE.DISPLAY(1)).reply(200, responseDisplay.data);
+  mock.onGet(API.DEVICE.DISPLAY(1)).reply(200, responseDisplay);
   mock
     .onGet(API.DEVICE.REMOTE_CONTROL_OPTIONS(1))
-    .reply(200, responseRemoteControl.data);
+    .reply(200, responseRemoteControl);
   mock
     .onGet(API.DEVICE.DISPLAY_VALUES_V2(1))
-    .reply(200, responseDisplayValueV2.data);
+    .reply(200, responseDisplayValueV2);
 };
 
 let store = mockSCStore({});
@@ -97,6 +81,7 @@ describe('test DeviceDetail', () => {
   let tree;
   let route;
   let account;
+  const mockedNavigate = useNavigation().navigate;
 
   beforeEach(() => {
     route = {
@@ -132,7 +117,7 @@ describe('test DeviceDetail', () => {
     account = {
       token: 'abc',
     };
-    jest.clearAllTimers();
+    jest.useFakeTimers();
     const setState = jest.fn();
     const useLayoutEffectSpy = jest.spyOn(React, 'useLayoutEffect');
     useLayoutEffectSpy.mockImplementation(() => setState);
@@ -160,7 +145,7 @@ describe('test DeviceDetail', () => {
             'http://admin:admin123@203.205.32.86:10080/Streaming/Channels/2/picture',
           uri: 'rtsp://admin:admin123@203.205.32.86:10554/Streaming/Channels/1/',
         },
-        id: 17,
+        id: 18,
         order: 1,
         template: 'camera',
         type: 'camera',
@@ -212,7 +197,7 @@ describe('test DeviceDetail', () => {
             text3: 'DOWN',
           },
         },
-        id: 18,
+        id: 19,
         order: 2,
         template: 'action',
         type: 'action',
@@ -221,29 +206,20 @@ describe('test DeviceDetail', () => {
     side_menu_items: [{ id: 1, order: 1, name: 'Setup generate passcode' }],
   };
   it('render DeviceDetail render SensorDisplayItem', async () => {
-    const responseDisplay = {
-      status: 200,
-      data: data_sensor_display,
-    };
+    const responseDisplay = data_sensor_display;
 
     const responseRemoteControl = {
-      status: 200,
-      data: {
-        bluetooth: {
-          address: 'JUvfa06PMDU8Cqlo',
-          password: 'MYcNoskxspWTPsnh',
-        },
-        internet: {},
+      bluetooth: {
+        address: 'JUvfa06PMDU8Cqlo',
+        password: 'MYcNoskxspWTPsnh',
       },
+      internet: {},
     };
 
     const responseDisplayValueV2 = {
-      status: 200,
-      data: {
-        configs: [],
-        is_connected: true,
-        last_updated: '2021-01-24T12:00:00.000Z',
-      },
+      configs: [],
+      is_connected: true,
+      last_updated: '2021-01-24T12:00:00.000Z',
     };
 
     mockAxios(responseDisplay, responseDisplayValueV2, responseRemoteControl);
@@ -251,6 +227,7 @@ describe('test DeviceDetail', () => {
     await act(async () => {
       tree = await create(wrapComponent(store, account, route));
     });
+    jest.useFakeTimers();
 
     const instance = tree.root;
     const sensorDisplayItem = instance.findAll(
@@ -385,138 +362,132 @@ describe('test DeviceDetail', () => {
 
   it('Should render SensorDisplayItem', async () => {
     const responseDisplay = {
-      status: 200,
-      data: {
-        items: [
-          {
-            id: 0,
-            order: 1,
-            template: 'camera',
-            type: 'camera',
-            configuration: {
-              id: 2,
-              name: 'E',
-              uri: 'http://123121',
-              preview_uri: 'http://123121',
-            },
+      items: [
+        {
+          id: 0,
+          order: 1,
+          template: 'camera',
+          type: 'camera',
+          configuration: {
+            id: 2,
+            name: 'E',
+            uri: 'http://123121',
+            preview_uri: 'http://123121',
           },
-          {
+        },
+        {
+          id: 1,
+          order: 2,
+          template: 'action',
+          type: 'action',
+          configuration: {
             id: 1,
-            order: 2,
-            template: 'action',
-            type: 'action',
+            template: 'three_button_action_template',
+            title: '',
             configuration: {
-              id: 1,
-              template: 'three_button_action_template',
-              title: '',
-              configuration: {
-                action1: 'a',
-                action2: 'b',
-                action3: 'b',
-                icon1: 'caret-up',
-                icon2: 'stop',
-                icon3: 'caret-down',
-                text1: 'A',
-                text2: 'B',
-                text3: 'C',
-                action1_data: {
-                  id: 9,
-                  key: 'a',
-                  icon: 'caret-up',
-                  color: '#00979D',
-                  googlehome_actions: [],
-                  command_prefer_over_internet: false,
-                  command_prefer_over_bluetooth: true,
-                  command_prefer_over_googlehome: false,
-                },
-                action2_data: {
-                  id: 11,
-                  key: 'c',
-                  icon: 'stop',
-                  color: '#00979D',
-                  googlehome_actions: [],
-                  command_prefer_over_internet: false,
-                  command_prefer_over_bluetooth: true,
-                  command_prefer_over_googlehome: false,
-                },
-                action3_data: {
-                  id: 10,
-                  key: 'b',
-                  icon: 'caret-down',
-                  color: '#00979D',
-                  googlehome_actions: [],
-                  command_prefer_over_internet: false,
-                  command_prefer_over_bluetooth: true,
-                  command_prefer_over_googlehome: false,
-                },
+              action1: 'a',
+              action2: 'b',
+              action3: 'b',
+              icon1: 'caret-up',
+              icon2: 'stop',
+              icon3: 'caret-down',
+              text1: 'A',
+              text2: 'B',
+              text3: 'C',
+              action1_data: {
+                id: 9,
+                key: 'a',
+                icon: 'caret-up',
+                color: '#00979D',
+                googlehome_actions: [],
+                command_prefer_over_internet: false,
+                command_prefer_over_bluetooth: true,
+                command_prefer_over_googlehome: false,
+              },
+              action2_data: {
+                id: 11,
+                key: 'c',
+                icon: 'stop',
+                color: '#00979D',
+                googlehome_actions: [],
+                command_prefer_over_internet: false,
+                command_prefer_over_bluetooth: true,
+                command_prefer_over_googlehome: false,
+              },
+              action3_data: {
+                id: 10,
+                key: 'b',
+                icon: 'caret-down',
+                color: '#00979D',
+                googlehome_actions: [],
+                command_prefer_over_internet: false,
+                command_prefer_over_bluetooth: true,
+                command_prefer_over_googlehome: false,
               },
             },
           },
-          {
-            id: 3,
-            order: 3,
-            template: 'action',
-            type: 'action',
+        },
+        {
+          id: 3,
+          order: 3,
+          template: 'action',
+          type: 'action',
+          configuration: {
+            id: 25,
+            template: 'one_button_action_template',
+            title: '',
             configuration: {
-              id: 25,
-              template: 'one_button_action_template',
-              title: '',
-              configuration: {
-                action: 'd',
+              action: 'd',
+              icon: 'lock',
+              text: 'd',
+              action_data: {
+                id: 77,
+                key: 'd',
                 icon: 'lock',
-                text: 'd',
-                action_data: {
-                  id: 77,
-                  key: 'd',
-                  icon: 'lock',
-                  color: '#00979D',
-                  googlehome_actions: [],
-                  command_prefer_over_internet: false,
-                  command_prefer_over_bluetooth: true,
-                  command_prefer_over_googlehome: false,
-                },
+                color: '#00979D',
+                googlehome_actions: [],
+                command_prefer_over_internet: false,
+                command_prefer_over_bluetooth: true,
+                command_prefer_over_googlehome: false,
               },
             },
           },
-          {
-            id: 170,
-            order: 1,
-            template: 'value',
-            type: 'value',
-            configuration: {
-              type: 'simple_list',
-              configs: [
-                {
-                  id: 428,
-                  standard: 'Temperature',
-                  measure: '°C',
-                  color: 'red',
-                  unit: '°C',
-                },
-              ],
-            },
+        },
+        {
+          id: 170,
+          order: 1,
+          template: 'value',
+          type: 'value',
+          configuration: {
+            type: 'simple_list',
+            configs: [
+              {
+                id: 428,
+                standard: 'Temperature',
+                measure: '°C',
+                color: 'red',
+                unit: '°C',
+              },
+            ],
           },
-          {
-            configuration: {
-              id: 3,
-              name: 'Emergency',
-            },
-            id: 17,
-            order: 1,
-            template: 'emergency',
-            type: 'emergency',
+        },
+        {
+          configuration: {
+            id: 3,
+            name: 'Emergency',
           },
-        ],
-      },
+          id: 17,
+          order: 1,
+          template: 'emergency',
+          type: 'emergency',
+        },
+      ],
     };
 
     const responseDisplayValueV2 = {
-      status: 200,
-      data: {
-        configs: [],
-        is_connected: true,
-        last_updated: '2021-01-24T12:00:00.000Z',
-      },
+      configs: [],
+      is_connected: true,
+      last_updated: '2021-01-24T12:00:00.000Z',
     };
 
     mockAxios(responseDisplay, responseDisplayValueV2);
@@ -535,53 +506,47 @@ describe('test DeviceDetail', () => {
 
   it('render SensorDisplayItem emercency', async () => {
     const responseDisplay = {
-      status: 200,
-      data: {
-        items: [
-          {
-            id: 1,
-            order: 1,
-            template: 'emergency',
-            type: 'emergency',
-            configuration: {
-              camera: null,
-              device: {
-                configs: { id: 521, value: null, time: null },
-                last_event: { id: 374, reportedAt: '' },
+      items: [
+        {
+          id: 1,
+          order: 1,
+          template: 'emergency',
+          type: 'emergency',
+          configuration: {
+            camera: null,
+            device: {
+              configs: { id: 521, value: null, time: null },
+              last_event: { id: 374, reportedAt: '' },
+              id: 1,
+              group: {
                 id: 1,
-                group: {
-                  id: 1,
-                  contacts: [
-                    {
-                      id: 1,
-                      group: 1,
-                      name: 'user1',
-                      phone_number: '038111111',
-                    },
-                    {
-                      id: 2,
-                      group: 1,
-                      name: 'user1',
-                      phone_number: '038111112',
-                    },
-                    { id: 3, group: 1, name: 'user1', phone_number: '' },
-                  ],
-                },
+                contacts: [
+                  {
+                    id: 1,
+                    group: 1,
+                    name: 'user1',
+                    phone_number: '038111111',
+                  },
+                  {
+                    id: 2,
+                    group: 1,
+                    name: 'user1',
+                    phone_number: '038111112',
+                  },
+                  { id: 3, group: 1, name: 'user1', phone_number: '' },
+                ],
               },
-              title: '',
             },
+            title: '',
           },
-        ],
-      },
+        },
+      ],
     };
 
     const responseDisplayValueV2 = {
-      status: 200,
-      data: {
-        configs: [],
-        is_connected: true,
-        last_updated: '2021-01-24T12:00:00.000Z',
-      },
+      configs: [],
+      is_connected: true,
+      last_updated: '2021-01-24T12:00:00.000Z',
     };
 
     mockAxios(responseDisplay, responseDisplayValueV2);
@@ -600,36 +565,30 @@ describe('test DeviceDetail', () => {
 
   it('render CurrentRainSensor', async () => {
     const responseDisplay = {
-      status: 200,
-      data: {
-        items: [
-          {
-            id: 170,
-            order: 1,
-            template: 'value',
-            configuration: {
-              type: 'circle',
-              configs: [
-                {
-                  id: 428,
-                  color: 'red',
-                  standard: 'Temperature',
-                  measure: '°C',
-                },
-              ],
-            },
+      items: [
+        {
+          id: 170,
+          order: 1,
+          template: 'value',
+          configuration: {
+            type: 'circle',
+            configs: [
+              {
+                id: 428,
+                color: 'red',
+                standard: 'Temperature',
+                measure: '°C',
+              },
+            ],
           },
-        ],
-      },
+        },
+      ],
     };
 
     const responseDisplayValueV2 = {
-      status: 200,
-      data: {
-        configs: [{ id: 428 }],
-        is_connected: true,
-        last_updated: '2021-01-24T12:00:00.000Z',
-      },
+      configs: [{ id: 428 }],
+      is_connected: true,
+      last_updated: '2021-01-24T12:00:00.000Z',
     };
 
     mockAxios(responseDisplay, responseDisplayValueV2);
@@ -722,35 +681,29 @@ describe('test DeviceDetail', () => {
 
   it('Go to ActivityLog', async () => {
     const responseDisplay = {
-      status: 200,
-      data: {
-        items: [
-          {
+      items: [
+        {
+          configuration: {
+            template: 'OnOffSimpleActionTemplate',
             configuration: {
-              template: 'OnOffSimpleActionTemplate',
-              configuration: {
-                config: 5,
-                icon: 'up',
-                is_on_value: [],
-              },
-              title: 'Turn on / off',
+              config: 5,
+              icon: 'up',
+              is_on_value: [],
             },
-            id: 18,
-            order: 2,
-            template: 'action',
-            type: 'action',
+            title: 'Turn on / off',
           },
-        ],
-      },
+          id: 18,
+          order: 2,
+          template: 'action',
+          type: 'action',
+        },
+      ],
     };
 
     const responseDisplayValueV2 = {
-      status: 200,
-      data: {
-        configs: [],
-        is_connected: true,
-        last_updated: '2021-01-24T12:00:00.000Z',
-      },
+      configs: [],
+      is_connected: true,
+      last_updated: '2021-01-24T12:00:00.000Z',
     };
 
     mockAxios(responseDisplay, responseDisplayValueV2);
@@ -779,20 +732,12 @@ describe('test DeviceDetail', () => {
   it('Open popup ble when server down', async () => {
     store.bluetooth.isEnabled = false;
     data_sensor_display.items[2].configuration.configuration.action1_data.command_prefer_over_bluetooth = true;
-    const responseDisplay = {
-      status: 200,
-      data: data_sensor_display,
-      resp_status: 503,
-    };
+    const responseDisplay = data_sensor_display;
 
     const responseDisplayValueV2 = {
-      status: 503,
-      resp_status: 503,
-      data: {
-        configs: [],
-        is_connected: true,
-        last_updated: '2021-01-24T12:00:00.000Z',
-      },
+      configs: [],
+      is_connected: true,
+      last_updated: '2021-01-24T12:00:00.000Z',
     };
 
     mockAxios(responseDisplay, responseDisplayValueV2);