@eohjsc/react-native-smart-city 0.7.41 → 0.7.42

package/src/commons/SubUnit/ShortDetail.js

@@ -32,14 +32,17 @@ const ShortDetailSubUnit = ({ unit, station, isOwner }) => {
 
   useDevicesStatus(unit, station?.devices);
 
+  const stationChipIdsSet = useMemo(() => {
+    return new Set(station?.devices?.map((device) => device.chip_id));
+  }, [station?.devices]);
+
   const { chips, isFetching } = useChipJsonConfiguration({
     dashboardId: unit?.id,
   });
 
   const listChipsMqtt = useMemo(() => {
-    const stationChipIds = station?.devices?.map((device) => device.chip_id);
-    return chips?.filter((chip) => stationChipIds?.includes(chip.id));
-  }, [chips, station?.devices]);
+    return chips.filter((chip) => stationChipIdsSet.has(chip.id));
+  }, [chips, stationChipIdsSet]);
 
   const { mqttConfigs } = useConnectChipMqtt(listChipsMqtt);
 
@@ -64,7 +67,17 @@ const ShortDetailSubUnit = ({ unit, station, isOwner }) => {
   }, [station, mqttConfigs]);
 
   useWatchConfigs(isFetching ? [] : configsNeedWatching);
-  useWatchSharedChips({ dashboardId: unit?.id });
+
+  const listSharedChipIds = useMemo(() => {
+    const chipMqttIdsSet = new Set(listChipsMqtt.map((chip) => chip.id));
+    return [...stationChipIdsSet].filter((id) => !chipMqttIdsSet.has(id));
+  }, [listChipsMqtt, stationChipIdsSet]);
+
+  useWatchSharedChips({
+    dashboardId: unit?.id,
+    filterChipIds: listSharedChipIds,
+    ready: !!listSharedChipIds.length,
+  });
 
   const goToPlayBack = useCallback(() => {
     navigate(Routes.PlaybackCamera, {

package/src/commons/SubUnit/__test__/Favorites.test.js

@@ -1,12 +1,21 @@
 import React from 'react';
+import MockAdapter from 'axios-mock-adapter';
 import { act, create } from 'react-test-renderer';
+import { API } from '../../../configs';
 import { SCProvider } from '../../../context';
 import { mockSCStore } from '../../../context/mockStore';
+import { watchMultiDataChips, watchMultiConfigs } from '../../../iot/Monitor';
+import api from '../../../utils/Apis/axios';
+import { gatewayDataFactory } from '../../../utils/FactoryGateway';
 import ItemAddNew from '../../Device/ItemAddNew';
 import ItemDevice from '../../Device/ItemDevice';
 import SubUnitFavorites from '../Favorites';
 import ItemOneTap from '../OneTap/ItemOneTap';
 
+const mockAxios = new MockAdapter(api.axiosInstance);
+
+jest.mock('../../../iot/Monitor');
+
 const wrapComponent = (props) => (
   <SCProvider initState={mockSCStore({})}>
     <SubUnitFavorites {...props} />
@@ -18,6 +27,7 @@ describe('test ShortDetail Subunit', () => {
   let props;
 
   beforeEach(() => {
+    jest.useFakeTimers();
     props = {
       unit: {
         address: null,
@@ -78,6 +88,8 @@ describe('test ShortDetail Subunit', () => {
       ],
       isGGHomeConnected: true,
     };
+    watchMultiConfigs.mockClear();
+    watchMultiDataChips.mockClear();
   });
 
   it('render SubUnitFavorites', async () => {
@@ -96,4 +108,82 @@ describe('test ShortDetail Subunit', () => {
       await itemAddNew[0].props.onAddNew();
     });
   });
+
+  it('render using mqtt call watch config and data chips', async () => {
+    mockAxios
+      .onGet(API.CHIP.JSON_CONFIGURATION)
+      .reply(200, [gatewayDataFactory]);
+    mockAxios
+      .onGet(API.CHIP.SHARED_CONFIGURATION)
+      .reply(200, [gatewayDataFactory, { ...gatewayDataFactory, id: 7690 }]);
+    props.favoriteDevices = [
+      {
+        action: {
+          color: '#00979D',
+          icon: 'caretup',
+          id: 1,
+          key: '',
+        },
+        action2: null,
+        chip_id: 7690,
+        description: null,
+        icon: '',
+        id: 1,
+        name: 'People Counting',
+        quick_action: { config_id: 128283 },
+        remote_control_options: {},
+        station: {},
+        status: null,
+        status2: null,
+        is_managed_by_backend: true,
+      },
+    ];
+
+    await act(async () => {
+      tree = await create(wrapComponent(props));
+    });
+    await act(async () => {
+      jest.runOnlyPendingTimers();
+    });
+    expect(watchMultiConfigs).toHaveBeenCalledWith([128283]);
+    expect(watchMultiDataChips).toHaveBeenCalledWith([7690]);
+  });
+
+  it('render using mqtt not call watch config and data chips', async () => {
+    mockAxios
+      .onGet(API.CHIP.JSON_CONFIGURATION)
+      .reply(200, [gatewayDataFactory]);
+    mockAxios.onGet(API.CHIP.SHARED_CONFIGURATION).reply(200, []);
+    props.favoriteDevices = [
+      {
+        action: {
+          color: '#00979D',
+          icon: 'caretup',
+          id: 1,
+          key: '',
+        },
+        action2: null,
+        chip_id: 7689,
+        description: null,
+        icon: '',
+        id: 1,
+        name: 'People Counting',
+        quick_action: { config_id: 128282 },
+        remote_control_options: {},
+        station: {},
+        status: null,
+        status2: null,
+        is_managed_by_backend: true,
+      },
+    ];
+
+    await act(async () => {
+      tree = await create(wrapComponent(props));
+    });
+    await act(async () => {
+      jest.runOnlyPendingTimers();
+    });
+    expect(watchMultiConfigs).not.toHaveBeenCalled();
+    expect(watchMultiDataChips).not.toHaveBeenCalled();
+  });
 });

package/src/commons/SubUnit/__test__/ShortDetail.test.js

@@ -7,7 +7,7 @@ import { API } from '../../../configs';
 import { AccessibilityLabel } from '../../../configs/Constants';
 import { SCProvider } from '../../../context';
 import { mockSCStore } from '../../../context/mockStore';
-import { watchMultiConfigs } from '../../../iot/Monitor';
+import { watchMultiDataChips, watchMultiConfigs } from '../../../iot/Monitor';
 import { keyPermission } from '../../../utils/Permission/common';
 import api from '../../../utils/Apis/axios';
 import Routes from '../../../utils/Route';
@@ -78,6 +78,7 @@ describe('test ShortDetail Subunit', () => {
       isGGHomeConnected: true,
     };
     watchMultiConfigs.mockClear();
+    watchMultiDataChips.mockClear();
   });
 
   it('render ShortDetail', async () => {
@@ -191,10 +192,51 @@ describe('test ShortDetail Subunit', () => {
     expect(watchMultiConfigs).toHaveBeenCalledWith([1]);
   });
 
-  it('render using mqtt not call watch config', async () => {
+  it('render using mqtt call watch config and data chips', async () => {
     mockAxios
       .onGet(API.CHIP.JSON_CONFIGURATION)
       .reply(200, [gatewayDataFactory]);
+    mockAxios
+      .onGet(API.CHIP.SHARED_CONFIGURATION)
+      .reply(200, [gatewayDataFactory, { ...gatewayDataFactory, id: 7690 }]);
+    props.station.devices = [
+      {
+        action: {
+          color: '#00979D',
+          icon: 'caretup',
+          id: 1,
+          key: '',
+        },
+        action2: null,
+        chip_id: 7690,
+        description: null,
+        icon: '',
+        id: 1,
+        name: 'People Counting',
+        quick_action: { config_id: 128283 },
+        remote_control_options: {},
+        station: {},
+        status: null,
+        status2: null,
+        is_managed_by_backend: true,
+      },
+    ];
+
+    await act(async () => {
+      tree = await create(wrapComponent(props));
+    });
+    await act(async () => {
+      jest.runOnlyPendingTimers();
+    });
+    expect(watchMultiConfigs).toHaveBeenCalledWith([128283]);
+    expect(watchMultiDataChips).toHaveBeenCalledWith([7690]);
+  });
+
+  it('render using mqtt not call watch config and data chips', async () => {
+    mockAxios
+      .onGet(API.CHIP.JSON_CONFIGURATION)
+      .reply(200, [gatewayDataFactory]);
+    mockAxios.onGet(API.CHIP.SHARED_CONFIGURATION).reply(200, []);
     props.station.devices = [
       {
         action: {
@@ -225,6 +267,7 @@ describe('test ShortDetail Subunit', () => {
       jest.runOnlyPendingTimers();
     });
     expect(watchMultiConfigs).not.toHaveBeenCalled();
+    expect(watchMultiDataChips).not.toHaveBeenCalled();
   });
 
   ['ConfigAndEvaluation', 'ConfigValue', 'EvaluationOverConfig'].forEach(

package/src/hooks/IoT/__test__/useValueEvaluation.test.js

@@ -1,11 +1,11 @@
-import React from 'react';
-import { renderHook } from '@testing-library/react-hooks';
+import { act, renderHook } from '@testing-library/react-hooks';
 import MockAdapter from 'axios-mock-adapter';
+import React from 'react';
+import { API } from '../../../configs';
 import { SCProvider } from '../../../context';
 import { mockSCStore } from '../../../context/mockStore';
-import { useValueEvaluations } from '../index';
 import api from '../../../utils/Apis/axios';
-import { API } from '../../../configs';
+import { useValueEvaluations } from '../index';
 
 const mock = new MockAdapter(api.axiosInstance);
 
@@ -35,13 +35,11 @@ describe('Test useValueEvaluation', () => {
   it('test unitId not null request success', async () => {
     mock.onGet(API.VALUE_EVALUATIONS()).replyOnce(200, {
       results: [],
-      next: 'link',
     });
-    mock.onGet(API.VALUE_EVALUATIONS()).replyOnce(200, {
-      results: [],
-    });
-    renderHook(() => useValueEvaluations(1), {
-      wrapper,
+    await act(async () => {
+      renderHook(() => useValueEvaluations(1), {
+        wrapper,
+      });
     });
     expect(mock.history.get.length).toBe(1);
   });
@@ -50,8 +48,10 @@ describe('Test useValueEvaluation', () => {
     mock.onGet(API.VALUE_EVALUATIONS()).replyOnce(400, {
       results: [],
     });
-    renderHook(() => useValueEvaluations(1), {
-      wrapper,
+    await act(async () => {
+      renderHook(() => useValueEvaluations(1), {
+        wrapper,
+      });
     });
     expect(mock.history.get.length).toBe(1);
   });

package/src/iot/UpdateStates.js

@@ -1,6 +1,6 @@
 import moment from 'moment';
 
-import { getConfigGlobalState, setConfigGlobalState } from './states';
+import { setConfigGlobalState } from './states';
 
 const isNewer = (valueTime, valueMicro, currentTime, currentMicro) => {
   if (valueTime?.isAfter(currentTime)) {
@@ -40,21 +40,42 @@ export const updateGlobalValues = (data) => {
   });
 };
 
+let pending = {};
+let scheduled = false;
+
 export const updateGlobalValue = (configId, value) => {
-  const configValues = getConfigGlobalState('configValues');
-  const currentValue = configValues[configId];
-  if (
-    !isNewer(
-      value.last_updated,
-      value.last_updated_micro,
-      currentValue?.last_updated || moment(0),
-      currentValue?.last_updated_micro || 0
-    )
-  ) {
-    return;
+  pending[configId] = value;
+
+  if (!scheduled) {
+    scheduled = true;
+
+    requestAnimationFrame(() => {
+      setConfigGlobalState('configValues', (prev) => {
+        let changed = false;
+        const next = { ...prev };
+
+        Object.keys(pending).forEach((id) => {
+          const val = pending[id];
+          const cur = prev[id];
+
+          if (
+            isNewer(
+              val.last_updated,
+              val.last_updated_micro,
+              cur?.last_updated || moment(0),
+              cur?.last_updated_micro || 0
+            )
+          ) {
+            next[id] = val;
+            changed = true;
+          }
+        });
+
+        pending = {};
+        scheduled = false;
+
+        return changed ? next : prev;
+      });
+    });
   }
-  setConfigGlobalState('configValues', {
-    ...configValues,
-    [configId]: value,
-  });
 };

package/src/iot/mqtt.js

@@ -193,6 +193,19 @@ const convert_ai = (bytes_str, config_data = null) => {
   );
 };
 
+const power_factor_4q_fp_pf = (value) => {
+  let pfVal;
+  if (value > 1) {
+    pfVal = 2 - value;
+  } else if (value < -1) {
+    pfVal = -2 - value;
+  } else {
+    pfVal = value;
+  }
+
+  return pfVal;
+};
+
 const mappingTransformer = {
   int_all: int_all,
   float_abcd: float_abcd,
@@ -224,6 +237,10 @@ const mappingTransformer = {
   int_64_cdab: int_64_cdab,
 };
 
+const mappingValueConverter = {
+  power_factor_4q_fp_pf: power_factor_4q_fp_pf,
+};
+
 const extract_config_value = (register, value_bytes) => {
   const transformer = mappingTransformer[register?.transformer];
   if (!transformer) {
@@ -303,6 +320,11 @@ const get_offset_sample_value = async (value, config) => {
   return value;
 };
 
+const getValueConverter = (value, config) => {
+  const converter = mappingValueConverter[config?.value_converter];
+  return converter ? converter(value) : value;
+};
+
 const check_filter = (value, config) => {
   if (!config?.active_filter) {
     return false;
@@ -333,6 +355,7 @@ const updateGlobalValueMqtt = async (config, value, time) => {
 
   value = get_scale_value(value, config);
   value = await get_offset_sample_value(value, config);
+  value = getValueConverter(value, config);
 
   if (check_filter(value, config)) {
     return;

package/src/screens/Device/__test__/DeviceDetail-3rdparty.test.js

@@ -120,6 +120,12 @@ describe('test DeviceDetail', () => {
     mock.onGet(API.CHIP.SHARED_CONFIGURATION).reply(200, []);
   });
 
+  afterEach(() => {
+    act(() => {
+      jest.runOnlyPendingTimers();
+    });
+  });
+
   const _receiveDataOnDeviceDetail = async (widgetConfigs, topic, message) => {
     mock.onGet(API.CHIP.JSON_CONFIGURATION).reply(200, [gatewayData]);
 
@@ -168,6 +174,10 @@ describe('test DeviceDetail', () => {
       await client.trigger('message', topic, JSON.stringify(message), 'packet');
     });
 
+    await act(async () => {
+      jest.runOnlyPendingTimers();
+    });
+
     const valueBox = instance.findAllByType(QualityIndicatorItem);
     return valueBox;
   };
@@ -370,11 +380,6 @@ describe('test DeviceDetail', () => {
       );
     });
 
-    const instance = tree.root;
-    const valueBoxs = instance.findAllByType(QualityIndicatorItem);
-    expect(valueBoxs[0].props.value).toEqual(expect1);
-    expect(valueBoxs[1].props.value).toEqual(expect2);
-
     expect(
       mock.history.post.filter(
         (req) => req.url === API.IOT.CHIP_MANAGER.WATCH_DATA_CHIPS()
@@ -384,6 +389,7 @@ describe('test DeviceDetail', () => {
     await act(async () => {
       jest.runOnlyPendingTimers();
     });
+
     expect(
       mock.history.post.filter(
         (req) => req.url === API.IOT.CHIP_MANAGER.WATCH_DATA_CHIPS()
@@ -391,6 +397,11 @@ describe('test DeviceDetail', () => {
     ).toHaveLength(2);
     expect(unwatchMultiDataChips).not.toHaveBeenCalled();
 
+    const instance = tree.root;
+    const valueBoxs = instance.findAllByType(QualityIndicatorItem);
+    expect(valueBoxs[0].props.value).toEqual(expect1);
+    expect(valueBoxs[1].props.value).toEqual(expect2);
+
     await act(async () => {
       await tree.unmount();
     });

package/src/screens/Device/__test__/DeviceDetail-arduino.test.js

@@ -120,6 +120,12 @@ describe('test DeviceDetail', () => {
     mock.onGet(API.CHIP.SHARED_CONFIGURATION).reply(200, []);
   });
 
+  afterEach(() => {
+    act(() => {
+      jest.runOnlyPendingTimers();
+    });
+  });
+
   const _receiveDataOnDeviceDetail = async (widgetConfigs, topic, message) => {
     mock.onGet(API.CHIP.JSON_CONFIGURATION).reply(200, [gatewayData]);
 
@@ -168,6 +174,10 @@ describe('test DeviceDetail', () => {
       await client.trigger('message', topic, JSON.stringify(message), 'packet');
     });
 
+    await act(async () => {
+      jest.runOnlyPendingTimers();
+    });
+
     const valueBox = instance.findAllByType(QualityIndicatorItem);
     return valueBox;
   };

package/src/screens/Device/__test__/DeviceDetail-modbus.test.js

@@ -1,9 +1,8 @@
-import { NavigationContext } from '@react-navigation/native';
 import AsyncStorage from '@react-native-async-storage/async-storage';
+import { NavigationContext } from '@react-navigation/native';
 import MockAdapter from 'axios-mock-adapter';
 import moment from 'moment';
 import mqtt from 'precompiled-mqtt/dist/mqtt.browser';
-import React from 'react';
 import { Alert } from 'react-native';
 import { act, create } from 'react-test-renderer';
 
@@ -120,6 +119,12 @@ describe('test DeviceDetail', () => {
     mock.onGet(API.CHIP.SHARED_CONFIGURATION).reply(200, []);
   });
 
+  afterEach(() => {
+    act(() => {
+      jest.runOnlyPendingTimers();
+    });
+  });
+
   const _receiveDataOnDeviceDetail = async (widgetConfigs, topic, message) => {
     mock.onGet(API.CHIP.JSON_CONFIGURATION).reply(200, [gatewayData]);
 
@@ -168,6 +173,10 @@ describe('test DeviceDetail', () => {
       await client.trigger('message', topic, JSON.stringify(message), 'packet');
     });
 
+    await act(async () => {
+      jest.runOnlyPendingTimers();
+    });
+
     const valueBox = instance.findAllByType(QualityIndicatorItem);
     return valueBox;
   };
@@ -500,6 +509,25 @@ describe('test DeviceDetail', () => {
     await testModbus('00012', 0.1, '--');
   });
 
+  it('should render device detail, modbus call updateGlobalValue, power_factor_4q_fp_pf > 1', async () => {
+    gatewayData.sensors[1].configs[1].scale = 0.1;
+    gatewayData.sensors[1].configs[1].decimal_behind = 1;
+    gatewayData.sensors[1].configs[1].value_converter = 'power_factor_4q_fp_pf';
+    await testModbus('0001000F', 0.1, 0.5);
+  });
+  it('should render device detail, modbus call updateGlobalValue, power_factor_4q_fp_pf < -1', async () => {
+    gatewayData.sensors[1].configs[1].scale = 0.1;
+    gatewayData.sensors[1].configs[1].decimal_behind = 1;
+    gatewayData.sensors[1].configs[1].value_converter = 'power_factor_4q_fp_pf';
+    await testModbus('0001FFF1', 0.1, -0.5);
+  });
+  it('should render device detail, modbus call updateGlobalValue, power_factor_4q_fp_pf in range [-1, 1]', async () => {
+    gatewayData.sensors[1].configs[1].scale = 0.1;
+    gatewayData.sensors[1].configs[1].decimal_behind = 1;
+    gatewayData.sensors[1].configs[1].value_converter = 'power_factor_4q_fp_pf';
+    await testModbus('00010005', 0.1, 0.5);
+  });
+
   const dataConverterWrongData64 = async (transformer) => {
     gatewayData.mqtt_server.is_wss = false;
     gatewayData.modbus_gateway.sensors[0].configs[1].transformer = transformer;
@@ -688,11 +716,6 @@ describe('test DeviceDetail', () => {
       );
     });
 
-    const instance = tree.root;
-    const valueBoxs = instance.findAllByType(QualityIndicatorItem);
-    expect(valueBoxs[0].props.value).toEqual(expect1);
-    expect(valueBoxs[1].props.value).toEqual(expect2);
-
     expect(
       mock.history.post.filter(
         (req) => req.url === API.IOT.CHIP_MANAGER.WATCH_DATA_CHIPS()
@@ -702,6 +725,7 @@ describe('test DeviceDetail', () => {
     await act(async () => {
       jest.runOnlyPendingTimers();
     });
+
     expect(
       mock.history.post.filter(
         (req) => req.url === API.IOT.CHIP_MANAGER.WATCH_DATA_CHIPS()
@@ -709,6 +733,11 @@ describe('test DeviceDetail', () => {
     ).toHaveLength(2);
     expect(unwatchMultiDataChips).not.toHaveBeenCalled();
 
+    const instance = tree.root;
+    const valueBoxs = instance.findAllByType(QualityIndicatorItem);
+    expect(valueBoxs[0].props.value).toEqual(expect1);
+    expect(valueBoxs[1].props.value).toEqual(expect2);
+
     await act(async () => {
       await tree.unmount();
     });
@@ -783,5 +812,5 @@ describe('test DeviceDetail', () => {
       0.2,
       '2025-09-09T12:00:00.123456Z'
     );
-  });
+  }, 10000);
 });

package/src/screens/Device/__test__/DeviceDetail-zigbee.test.js

@@ -120,6 +120,12 @@ describe('test DeviceDetail', () => {
     mock.onGet(API.CHIP.SHARED_CONFIGURATION).reply(200, []);
   });
 
+  afterEach(() => {
+    act(() => {
+      jest.runOnlyPendingTimers();
+    });
+  });
+
   const _receiveDataOnDeviceDetail = async (widgetConfigs, topic, message) => {
     mock.onGet(API.CHIP.JSON_CONFIGURATION).reply(200, [gatewayData]);
 
@@ -168,6 +174,10 @@ describe('test DeviceDetail', () => {
       await client.trigger('message', topic, JSON.stringify(message), 'packet');
     });
 
+    await act(async () => {
+      jest.runOnlyPendingTimers();
+    });
+
     const valueBox = instance.findAllByType(QualityIndicatorItem);
     return valueBox;
   };
@@ -374,11 +384,6 @@ describe('test DeviceDetail', () => {
       );
     });
 
-    const instance = tree.root;
-    const valueBoxs = instance.findAllByType(QualityIndicatorItem);
-    expect(valueBoxs[0].props.value).toEqual(expect1);
-    expect(valueBoxs[1].props.value).toEqual(expect2);
-
     expect(
       mock.history.post.filter(
         (req) => req.url === API.IOT.CHIP_MANAGER.WATCH_DATA_CHIPS()
@@ -388,6 +393,7 @@ describe('test DeviceDetail', () => {
     await act(async () => {
       jest.runOnlyPendingTimers();
     });
+
     expect(
       mock.history.post.filter(
         (req) => req.url === API.IOT.CHIP_MANAGER.WATCH_DATA_CHIPS()
@@ -395,6 +401,11 @@ describe('test DeviceDetail', () => {
     ).toHaveLength(2);
     expect(unwatchMultiDataChips).not.toHaveBeenCalled();
 
+    const instance = tree.root;
+    const valueBoxs = instance.findAllByType(QualityIndicatorItem);
+    expect(valueBoxs[0].props.value).toEqual(expect1);
+    expect(valueBoxs[1].props.value).toEqual(expect2);
+
     await act(async () => {
       await tree.unmount();
     });

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

@@ -117,6 +117,12 @@ describe('test DeviceDetail', () => {
     mock.onGet(API.CHIP.SHARED_CONFIGURATION).reply(200, []);
   });
 
+  afterEach(() => {
+    act(() => {
+      jest.runOnlyPendingTimers();
+    });
+  });
+
   it('should render device detail, connect will call subscribe', async () => {
     mock.onGet(API.CHIP.JSON_CONFIGURATION).reply(200, [gatewayData]);
     const client = mqtt.connect();
@@ -328,6 +334,10 @@ describe('test DeviceDetail', () => {
       await client.trigger('message', topic, JSON.stringify(message), 'packet');
     });
 
+    await act(async () => {
+      jest.runOnlyPendingTimers();
+    });
+
     const valueBox = instance.findAllByType(QualityIndicatorItem);
     expect(valueBox.length).toBe(widgetConfigs.length);
     return valueBox;
@@ -442,12 +452,6 @@ describe('test DeviceDetail', () => {
       );
     });
 
-    const instance = tree.root;
-    const valueBoxs = instance.findAllByType(QualityIndicatorItem);
-    for (let i = 0; i < widgetConfigs.length; i++) {
-      expect(valueBoxs[i].props.value).toEqual(expects[i]);
-    }
-
     expect(
       mock.history.post.filter(
         (req) => req.url === API.IOT.CHIP_MANAGER.WATCH_DATA_CHIPS()
@@ -457,6 +461,7 @@ describe('test DeviceDetail', () => {
     await act(async () => {
       jest.runOnlyPendingTimers();
     });
+
     expect(
       mock.history.post.filter(
         (req) => req.url === API.IOT.CHIP_MANAGER.WATCH_DATA_CHIPS()
@@ -464,6 +469,12 @@ describe('test DeviceDetail', () => {
     ).toHaveLength(2);
     expect(unwatchMultiDataChips).not.toHaveBeenCalled();
 
+    const instance = tree.root;
+    const valueBoxs = instance.findAllByType(QualityIndicatorItem);
+    for (let i = 0; i < widgetConfigs.length; i++) {
+      expect(valueBoxs[i].props.value).toEqual(expects[i]);
+    }
+
     await act(async () => {
       await tree.unmount();
     });