@eohjsc/react-native-smart-city 0.2.20 → 0.2.26

package/src/screens/UnitSummary/components/WaterQuality/index.js

@@ -1,12 +1,13 @@
 import React, { memo, useMemo } from 'react';
 import { StyleSheet, View } from 'react-native';
-import { t } from 'i18n-js';
+import { useTranslations } from '../../../../hooks/Common/useTranslations';
 import { Today, Section } from '../../../../commons';
 import Text from '../../../../commons/Text';
 import ConfigHistoryChart from '../../../../commons/UnitSummary/ConfigHistoryChart';
 import Item from './Item';
 
 const WaterQuality = memo(({ summaryDetail }) => {
+  const t = useTranslations();
   const { ph_id, tur_id, clo_id } = summaryDetail;
   const showBoxHistory = useMemo(() => {
     return ph_id || tur_id || clo_id ? true : false;

package/src/screens/UnitSummary/components/__test__/TotalPowerConsumption.test.js

@@ -1,20 +1,26 @@
 import React from 'react';
 import renderer, { act } from 'react-test-renderer';
 import { TESTID } from '../../../../configs/Constants';
+import { SCProvider } from '../../../../context';
+import { mockSCStore } from '../../../../context/mockStore';
 import TotalPowerConsumption from '../TotalPowerConsumption/index';
 
+const wrapComponent = () => (
+  <SCProvider initState={mockSCStore({})}>
+    <TotalPowerConsumption
+      total={{
+        value: 10,
+      }}
+    />
+  </SCProvider>
+);
+
 describe('Test Total Power Consumption', () => {
   let tree;
 
   test('render Total Power Consumption', () => {
     act(() => {
-      tree = renderer.create(
-        <TotalPowerConsumption
-          total={{
-            value: 10,
-          }}
-        />
-      );
+      tree = renderer.create(wrapComponent());
     });
     const instance = tree.root;
     const item = instance.find(

package/src/screens/UnitSummary/index.js

@@ -3,7 +3,7 @@ import { View, StyleSheet } from 'react-native';
 import { useNavigation } from '@react-navigation/native';
 import { TouchableOpacity } from 'react-native';
 import { IconOutline } from '@ant-design/icons-react-native';
-import { t } from 'i18n-js';
+import { useTranslations } from '../../hooks/Common/useTranslations';
 
 import { API, Colors } from '../../configs';
 import Routes from '../../utils/Route';
@@ -20,6 +20,7 @@ import WaterQuality from './components/WaterQuality';
 import { TESTID } from '../../configs/Constants';
 
 const UnitSummary = memo(({ route }) => {
+  const t = useTranslations();
   const { unit, summary } = route.params;
   const [summaryDetail, setSummaryDetail] = useState({});
 

package/src/screens/WaterQualityGuide/__test__/index.test.js

@@ -5,6 +5,8 @@ import WaterQualityGuide from '../index';
 import { create, act } from 'react-test-renderer';
 import { TESTID } from '../../../configs/Constants';
 import Text from '../../../commons/Text';
+import { SCProvider } from '../../../context';
+import { mockSCStore } from '../../../context/mockStore';
 
 jest.mock('react-redux', () => ({
   ...jest.requireActual('react-redux'),
@@ -16,6 +18,12 @@ jest.mock('react', () => ({
   useLayoutEffect: jest.fn(),
 }));
 
+const wrapComponent = (route) => (
+  <SCProvider initState={mockSCStore({})}>
+    <WaterQualityGuide route={route} />
+  </SCProvider>
+);
+
 describe('Test WaterQualityGuide', () => {
   let route;
 
@@ -91,7 +99,7 @@ describe('Test WaterQualityGuide', () => {
 
   test('render WaterQualityGuide default turbidityGuide', async () => {
     act(() => {
-      tree = create(<WaterQualityGuide route={route} />);
+      tree = create(wrapComponent(route));
     });
     const instance = tree.root;
 
@@ -115,14 +123,12 @@ describe('Test WaterQualityGuide', () => {
     expect(textDescription1).toHaveLength(0);
     expect(textTitleLevel1).toHaveLength(0);
     expect(textDescriptionLevel1).toHaveLength(0);
-
-    expect(tree.toJSON()).toMatchSnapshot();
   });
 
   test('render WaterQualityGuide with turbidityGuide', async () => {
     route.params.waterType = 'turbidity';
     act(() => {
-      tree = create(<WaterQualityGuide route={route} />);
+      tree = create(wrapComponent(route));
     });
     const instance = tree.root;
 
@@ -146,14 +152,12 @@ describe('Test WaterQualityGuide', () => {
     expect(textDescription1).toHaveLength(0);
     expect(textTitleLevel1).toHaveLength(0);
     expect(textDescriptionLevel1).toHaveLength(0);
-
-    expect(tree.toJSON()).toMatchSnapshot();
   });
 
   test('render WaterQualityGuide with cloGuide', async () => {
     route.params.waterType = 'clo';
     act(() => {
-      tree = create(<WaterQualityGuide route={route} />);
+      tree = create(wrapComponent(route));
     });
     const instance = tree.root;
 
@@ -177,14 +181,12 @@ describe('Test WaterQualityGuide', () => {
     expect(textDescription1).toHaveLength(0);
     expect(textTitleLevel1).toHaveLength(0);
     expect(textDescriptionLevel1).toHaveLength(0);
-
-    expect(tree.toJSON()).toMatchSnapshot();
   });
 
   test('render WaterQualityGuide with phGuide', async () => {
     route.params.waterType = 'ph';
     act(() => {
-      tree = create(<WaterQualityGuide route={route} />);
+      tree = create(wrapComponent(route));
     });
     const instance = tree.root;
 
@@ -208,7 +210,5 @@ describe('Test WaterQualityGuide', () => {
     expect(textDescription1).toHaveLength(1);
     expect(textTitleLevel1).toHaveLength(14);
     expect(textDescriptionLevel1).toHaveLength(14);
-
-    expect(tree.toJSON()).toMatchSnapshot();
   });
 });

package/src/screens/WaterQualityGuide/index.js

@@ -1,6 +1,6 @@
 import React, { memo, useCallback, useMemo } from 'react';
 import { View, ScrollView, StyleSheet, SafeAreaView } from 'react-native';
-import { t } from 'i18n-js';
+import { useTranslations } from '../../hooks/Common/useTranslations';
 
 import Text from '../../commons/Text';
 import { Colors, Theme } from '../../configs';
@@ -9,6 +9,7 @@ import { TESTID } from '../../configs/Constants';
 import { useSCContextSelector } from '../../context';
 
 const WaterQualityGuide = memo(({ route }) => {
+  const t = useTranslations();
   const { waterType } = route.params;
   const language = useSCContextSelector((state) => state.language);
 

package/src/utils/Converter/array.js

@@ -5,3 +5,7 @@ export const removeDuplicateSearch = (recentSearch, description) => {
     }
   });
 };
+
+// Sequence generator function
+export const range = (start, stop, step) =>
+  Array.from({ length: (stop - start) / step + 1 }, (_, i) => start + i * step);

package/src/utils/Converter/time.js

@@ -1,4 +1,4 @@
-import { t } from 'i18n-js';
+import t from '../../hooks/Common/useTranslations';
 import moment from 'moment';
 
 export const transformDatetime = (data = {}, listFieldName = []) => {
@@ -19,7 +19,7 @@ export const transformDatetime = (data = {}, listFieldName = []) => {
   });
 };
 
-export const timeDifference = (current, previous) => {
+export const timeDifference = (current, previous, symbol = false) => {
   let msPerMinute = 60 * 1000;
   let msPerHour = msPerMinute * 60;
   let msPerDay = msPerHour * 24;
@@ -33,9 +33,11 @@ export const timeDifference = (current, previous) => {
     if (second < 0) {
       second = 0;
     }
-    return `${second} ${t('seconds_ago')}`;
+    return `${second} ${symbol ? t('secs_ago') : t('seconds_ago')}`;
   } else if (elapsed < msPerHour) {
-    return `${Math.round(elapsed / msPerMinute)} ${t('minutes_ago')}`;
+    return `${Math.round(elapsed / msPerMinute)} ${
+      symbol ? t('mins_ago') : t('minutes_ago')
+    }`;
   } else if (elapsed < msPerDay) {
     return `${Math.round(elapsed / msPerHour)} ${t('hours_ago')}`;
   } else if (elapsed < msPerMonth) {
@@ -62,3 +64,26 @@ export const getTitleFromTime = (time, current) => {
     return moment(time).format('DD/MM/YYYY');
   }
 };
+
+export const getDateData = (initialDate, max, min) => {
+  let dateData = [];
+  let dateIndex = -1;
+  const date = moment(min);
+  const today = moment();
+
+  while (date <= max) {
+    const dateString = date.isSame(today, 'day')
+      ? t('today')
+      : date.format('ddd DD/MM');
+    dateData.push({
+      text: dateString,
+      value: moment(date),
+    });
+    if (date.isSame(initialDate, 'day')) {
+      dateIndex = dateData.length - 1;
+    }
+    date.add(1, 'days');
+  }
+  const indexInitialDate = dateIndex !== -1 ? dateIndex : 0;
+  return [dateData, indexInitialDate];
+};

package/src/utils/I18n/index.ts

@@ -0,0 +1,6 @@
+export { getTranslate } from './translations';
+export type {
+  InterPolateString,
+  Language,
+  TranslationString,
+} from './translations';

package/src/utils/I18n/translations/en.json

@@ -100,7 +100,7 @@
   "Yesterday": "Yesterday",
   "last_updated_%{minutes}_minutes_ago": "Last updated %{minutes} minutes ago",
   "Last %{days} ago": "Last %{days} days",
-  "Welcome %{name}": "Welcome %{name}",
+  "Welcome {name}": "Welcome {name}",
   "devices": "Devices",
   "Turbidity": "Turbidity",
   "pH": "pH",
@@ -180,6 +180,9 @@
   "text_recommended_clo": "The higher the residual chlorine levels in the supply, the better and longer the chemical will be able to protect the system from contamination. However, high levels of chlorine make the water smell and give it a bad taste, which will discourage people from drinking it. \nFor normal domestic use, residual chlorine levels at the point where the consumer collects water should be between 0.2 and 0.5 mg/l. The higher level will be close to the disinfection point and the lower level at the far extremities of the supply network.",
   "text_low_level": "Low",
   "text_high_level": "High",
+  "launch_one_tap": "Launch One-Tap",
+  "des_launch_one_tap": "Quick button create at the dashboard",
+  "active_list": "Actions List",
   "text_very_good_level": "Very good",
   "text_good_level": "Good",
   "text_moderate_level": "Moderate",
@@ -308,6 +311,9 @@
   "text_remove_sub_unit_success": "Remove sub unit success!",
   "text_remove_sub_unit_fail": "Remove sub unit fail!",
   "camera": "Camera",
+  "favorites": "Favorites",
+  "add_to_favorites": "Add to Favorites",
+  "remove_from_favorites": "Remove from Favorites",
   "add_new_device": "Add new device",
   "add_new_device_message_no_unit": "You cannot add new device. You have to add a new unit first.",
   "add_member": "Add member",
@@ -448,7 +454,9 @@
   "what_is_tds_title": "What is TDS?",
   "what_is_tds_text": "TDS: is the total dissolved solids present in a certain amount of water - (the total number of charged ions, including salts, minerals or metals) that exist in a certain volume of water. High TDS is also responsible for turbidity and sedimentation in water. TDS is expressed in mg / L or parts per million (parts per million).",
   "tds_guidlines_title": "TDS guidlines for drinking water",
-  "tds_guidlines_text": "Ideally, the TDS for drinking water should be below 300ppm and the maximum limit considered safe is 500ppm. Water sources with TDS <50ppm are usually water at a fairly pure level or water after being filtered through the RO system - this is water that contains a small amount of minerals and is completely assured to drink directly.",
+  "tds_guidlines_text_1": "Ideally, the TDS for drinking water should be below 300ppm and the maximum limit considered safe is 500ppm. Water sources with TDS <50ppm are usually water at a fairly pure level or water after being filtered through the RO system - this is water that contains a small amount of minerals and is completely assured to drink directly.",
+  "tds_guidlines_text_2": "Alpha 139G Water Purifier is certified to the national standards TCVN 11978:2017 & QCVN 4-2009/BKHCN about water purifiers for household use by the Ministry of Science and Technology.",
+  "tds_guidlines_text_3": "The quality of filtered water meets the standard of direct drinking water, QCVN 6-1:2010/BYT of the Ministry of Health includes 21 toxic physicochemical indicators such as: Arsenic, Ammonium, Lead, Cyanide, Mercury, Copper, Nitrate.. and 5 microbiological indicators: E.coli bacteria, Coliform, Streptococci feacal, Pseudomonas aeruginosa, Spores of sulfite-reducing anaerobic bacteria, ensuring absolute safety for users' health when drinking directly without boiling .(*).",
   "your_booking_is_safety": "Your booking is safely reserved. However, please be aware that there is no refund for cancellation.",
   "no_spot_available": "No spots available",
   "status_full_info": "No spots available at this moment.",
@@ -591,7 +599,9 @@
   "emergency_alert": "EMERGENCY ALERT!",
   "the_emergency_button_has_been_activated": "The Emergency button has been activated at unit ",
   "seconds_ago": "seconds ago",
+  "secs_ago": "secs ago",
   "minutes_ago": "minutes ago",
+  "mins_ago": "mins ago",
   "hours_ago": "hours ago",
   "days_ago": "days ago",
   "months_ago": "months ago",
@@ -669,6 +679,18 @@
   "owners": "Owners",
   "guest": "Guest",
   "no_guest": "No guest",
+  "guest_info": "Guest Information",
+  "eoh_account_id": "EoH account ID",
+  "access_schedule": "Access Schedule",
+  "always": "Always",
+  "recurring": "Recurring",
+  "temporary": "Temporary",
+  "set_time": "Set time",
+  "set_date_time": "Set date and time",
+  "start": "Start",
+  "end": "End",
+  "repeat": "Repeat",
+  "add_action": "Add action",
   "connecting_your_gateway": "Connecting your gateway",
   "general_trading_conditions": "General Trading Conditions",
   "station_name": "Station name",
@@ -688,10 +710,34 @@
   "request_fail": "Request fail",
   "modbus_fail": "Modbus failrate",
   "rssi_node": "RSSI Node",
+  "edit_actions_list": "Edit Actions List",
+  "des_edit_actions_list": "Click on the order number to rearrange automatic order",
   "please_add_your_phone_number_and_chip_name": "Please add your phone number and chip name",
   "phone_number_of_data_sim": "Phone number of data sim",
   "select_a_sub_unit": "Select a sub-unit that you want to add this gateway",
   "all_camera": "All Cameras",
   "gateway_name": "Gateway name",
+  "activated_time": "Activated {time}",
+  "activated_successfully": "Activated successfully.",
+  "activation_failed": "Activation failed.",
+  "set_hour": "Set hour",
+  "sync_lg_device": "Sync LG device",
+  "lg_sync_failed": "Sync LG device failed!",
+  "lg_sync_success": "Sync LG device success!",
+  "setting_at": "Setting at",
+  "name_your_button": "Name your button",
+  "continue": "Continue",
+  "tap_to_run": "Tap to run",
+  "how_to_start": "How to start",
+  "set_up {name}": "Setup {name}",
+  "action": "Action",
+  "actions_list": "Actions list",
+  "delette_action": "Delete action?",
+  "message_delete_action": "Are you sure you want to delete action of \n{actionName} in {stationName}?",
+  "add_script": "Add Script",
+  "go_to_automate_scripts": "Go to automate scripts",
+  "Script": "Script",
+  "create_smart": "Create Smart",
+  "choose_the_automation_method_you_want": "Choose the automation method you want",
   "error_please_try_later": "Error! Please try later"
 }

package/src/utils/I18n/translations/vi.json

@@ -39,6 +39,9 @@
   "machine_status": "Trạng thái máy",
   "tank_working_normally": "Máy lọc hoạt động bình thường.",
   "filters": "Lõi lọc",
+  "launch_one_tap": "Khởi chạy một lần chạm",
+  "des_launch_one_tap": "Tạo nút nhanh trên trang tổng quan",
+  "active_list": "Danh sách hành động",
   "filtering": "Đang sục rửa",
   "insufficient_water_input": "Thiếu nước đầu vào.",
   "check_water_leak": "Kiểm tra rò rỉ nước.",
@@ -50,6 +53,7 @@
   "auth_already_have_an_account": "Bạn đã có tài khoản? ",
   "tds_infomation": "Chỉ số TDS",
   "what_is_tds_title": "TDS là gì?",
+  "add_action": "Thêm hành động",
   "what_is_tds_text": "TDS là tổng chất rắn hoà tan tồn tại trong một lượng nước nhất định - (tổng số các ion mang điện tích, bao gồm muối, khoáng chất hoặc kim loại) tồn tại trong một thể tích nước nhất định. TDS cao cũng là nguyên nhân gây ra độ đục và trầm tích trong nước. TDS được biểu thị bằng đơn vị mg/L hoặc ppm (parts per million - phần triệu).",
   "tds_guidlines_title": "Chỉ số TDS cho nước uống",
   "tds_guidlines_text_1": "Lý tưởng nhất, TDS cho nước uống phải dưới 300mg/lít và giới hạn tối đa được coi là an toàn là 500mg/lít. Với các nguồn nước có TDS < 50ppm thường là nước ở mức khá tinh khiết hoặc nước sau khi lọc qua hệ thống RO - đây là nước có chứa lượng khoáng nhỏ và hoàn toàn yên tâm để sử dụng uống trực tiếp.",
@@ -61,6 +65,8 @@
   "verify": "Xác nhận",
   "text_new_unit": "Địa điểm",
   "text_sub_units": "Khu vực",
+  "edit_actions_list": "Chỉnh sửa danh sách hành động",
+  "des_edit_actions_list": "Bấm vào số đơn hàng để sắp xếp lại đơn hàng tự động",
   "sub_unit": "Khu vực",
   "sub_units": "Khu vực",
   "device": "Thiết bị",
@@ -109,7 +115,7 @@
   "Today": "Hôm nay",
   "last_updated_%{minutes}_minutes_ago": "Cập nhật lần cuối %{minutes} phút trước",
   "Last %{days} ago": "%{days} ngày qua",
-  "Welcome %{name}": "Chào mừng đến %{name}",
+  "Welcome {name}": "Chào mừng đến {name}",
   "devices": "thiết bị",
   "text_no_units": "Chưa có địa điểm. Nhấn + để tạo địa điểm đầu tiên.",
   "text_last_7_days": "7 ngày qua",
@@ -338,6 +344,9 @@
   "text_remove_sub_unit_success": "Xóa khu vực thành công!",
   "text_remove_sub_unit_fail": "Xóa khu vực thất bại!",
   "camera": "Camera",
+  "favorites": "Yêu thích",
+  "add_to_favorites": "Thêm vào yêu thích",
+  "remove_from_favorites": "Loại khỏi yêu thích",
   "add_new_device": "Thêm thiết bị",
   "add_new_device_message_no_unit": "Để thêm thiết bị mới, trước tiên bạn cần tạo một địa điểm.",
   "add_member": "Thêm thành viên",
@@ -594,7 +603,9 @@
   "emergency_alert": "Khẩn cấp!",
   "the_emergency_button_has_been_activated": "Nút cảnh báo khẩn cấp vừa được kích hoạt tại địa điểm ",
   "seconds_ago": "giây trước",
+  "secs_ago": "giây trước",
   "minutes_ago": "phút trước",
+  "mins_ago": "phút trước",
   "hours_ago": "giờ trước",
   "days_ago": "ngày trước",
   "months_ago": "tháng trước",
@@ -665,6 +676,17 @@
   "owners": "Chủ sỡ hữu",
   "guest": "Khách",
   "no_guest": "Không có vị khách nào",
+  "guest_info": "Thông tin khách",
+  "eoh_account_id": "ID tài khoản EoH",
+  "access_schedule": "Lịch truy cập",
+  "always": "Luôn luôn",
+  "recurring": "Tuần hoàn",
+  "temporary": "Tạm thời",
+  "set_time": "Chọn thời gian",
+  "set_date_time": "Chọn ngày và thời gian",
+  "start": "Bắt đầu",
+  "end": "Kết thúc",
+  "repeat": "Lặp lại",
   "please_select_a_wifi_network": "Vui lòng chọn mạng Wi-Fi và nhập mật khẩu",
   "wifi_name": "Tên Wi-Fi",
   "password": "Mật khẩu",
@@ -696,5 +718,27 @@
   "select_a_sub_unit": "Lựa chọn một khu vực mà bạn muốn thêm gateway",
   "all_camera": "All Cameras",
   "gateway_name": "Tên Gateway",
+  "activated_time": "Đã kích hoạt {time}",
+  "activated_successfully": "Đã kích hoạt thành công.",
+  "activation_failed": "Kích hoạt đã thất bại.",
+  "set_hour": "Đặt giờ",
+  "sync_lg_device": "Đồng bộ thiết bị LG",
+  "lg_sync_failed": "Đồng bộ thiết bị LG thất bại!",
+  "lg_sync_success": "Đồng bộ thiết bị LG thành công!",
+  "setting_at": "Thiết lập tại",
+  "name_your_button": "Đặt tên cho nút nhấn của bạn",
+  "continue": "Tiếp tục",
+  "tap_to_run": "Nhấn để chạy",
+  "how_to_start": "Cách khởi động",
+  "set_up {name}": "Thiết lập {name}",
+  "action": "Hành động",
+  "actions_list": "Dánh sách hành động",
+  "delette_action": "Xoá hành động ?",
+  "message_delete_action": "Bạn có chắc chắn muốn xóa hành động của {actionName} trong {stationName} không ?",
+  "add_script": "Thêm Kịch Bản",
+  "go_to_automate_scripts": "Đi đến kịch bản tự động",
+  "Script": "Kịch bản",
+  "create_smart": "Tạo thông minh",
+  "choose_the_automation_method_you_want": "Chọn phương thức tự động hóa mà bạn mong muốn",
   "error_please_try_later": "Lỗi! Vui lòng thử lại sau"
 }

package/src/utils/I18n/translations.ts

@@ -0,0 +1,45 @@
+import MessageFormat from '@messageformat/core';
+
+import en from './translations/en.json';
+import vi from './translations/vi.json';
+
+export type TranslationString = keyof typeof en;
+export type Language = 'en' | 'vi';
+
+const res = {
+  en,
+  vi,
+};
+export type InterPolateString = {
+  [name: string]: string;
+};
+
+const formatMess = new MessageFormat('en');
+
+const formatMessage = (message: string, interpolateStr: InterPolateString) => {
+  try {
+    const compiledMsg = formatMess.compile(message);
+    return compiledMsg(interpolateStr);
+  } catch {
+    return message;
+  }
+};
+
+export const getTranslate = (
+  language: Language,
+  key: TranslationString,
+  interpolateStr?: InterPolateString
+) => {
+  // @ts-ignore
+  if (!res[language][key]) {
+    return key;
+  }
+
+  if (!interpolateStr) {
+    // @ts-ignore
+    return res[language][key];
+  }
+
+  // @ts-ignore
+  return formatMessage(res[language][key], interpolateStr);
+};

package/src/utils/Route/index.js

@@ -94,10 +94,18 @@ const Routes = {
   TermAndPolicy: 'TermAndPolicy',
   Browser: 'Browser',
   ManageAccess: 'ManageAccess',
+  SelectDevice: 'SelectDevice',
+  SelectAction: 'SelectAction',
+  GuestInfo: 'GuestInfo',
   AddLGDevice: 'AddLGDevice',
   AddLGDeviceStack: 'AddLGDeviceStack',
+  ScriptDetail: 'ScriptDetail',
+  EditActionsList: 'EditActionsList',
   PlaybackCamera: 'PlaybackCamera',
+  AddNewAutoSmart: 'AddNewAutoSmart',
   AllCamera: 'AllCamera',
+  AddNewOneTap: 'AddNewOneTap',
+  AddNewScriptAction: 'AddNewScriptAction',
 };
 
 export default Routes;

package/src/commons/ChartLoading/__test__/__snapshots__/ChartLoading.test.js.snap

@@ -1,66 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Test chart loading create chart loading 1`] = `
-<RNSVGSvgView
-  bbHeight={300}
-  bbWidth="100%"
-  focusable={false}
-  height={300}
-  style={
-    Array [
-      Object {
-        "backgroundColor": "transparent",
-        "borderWidth": 0,
-      },
-      Object {
-        "flex": 0,
-        "height": 300,
-        "width": "100%",
-      },
-    ]
-  }
-  width="100%"
->
-  <RNSVGGroup>
-    <RNSVGText
-      content={null}
-      dx={Array []}
-      dy={Array []}
-      fill={4278190080}
-      font={
-        Object {
-          "fontSize": "20",
-          "fontWeight": "bold",
-          "textAnchor": "middle",
-        }
-      }
-      propList={
-        Array [
-          "fill",
-        ]
-      }
-      rotate={Array []}
-      x={
-        Array [
-          "50%",
-        ]
-      }
-      y={
-        Array [
-          "47%",
-        ]
-      }
-    >
-      <RNSVGTSpan
-        content="loading"
-        dx={Array []}
-        dy={Array []}
-        font={Object {}}
-        rotate={Array []}
-        x={Array []}
-        y={Array []}
-      />
-    </RNSVGText>
-  </RNSVGGroup>
-</RNSVGSvgView>
-`;

package/src/commons/Device/HistoryChart/__test__/HistoryChart.test.js

@@ -1,57 +0,0 @@
-import React from 'react';
-import renderer from 'react-test-renderer';
-import HistoryChart from '../../HistoryChart';
-
-describe('Test HistoryChart', () => {
-  beforeAll(() => {
-    Date.now = jest.fn(() => new Date('2021-01-24T12:00:00.000Z'));
-  });
-  test('render HistoryChart line_chart', () => {
-    const datas = [
-      {
-        id: 1,
-        title: 'title',
-        color: 'red',
-        data: [
-          [1, 2],
-          [2, 3],
-        ],
-      },
-    ];
-    const render = renderer
-      .create(
-        <HistoryChart
-          configuration={{ type: 'line_chart' }}
-          datas={datas}
-          setStartDate={Date.now()}
-          setEndDate={Date.now()}
-        />
-      )
-      .toJSON();
-    expect(render).toMatchSnapshot();
-  });
-  test('render HistoryChart horizontal_bar_chart', () => {
-    const datas = [
-      {
-        id: 1,
-        title: 'title',
-        color: 'red',
-        data: [
-          [1, 2],
-          [2, 3],
-        ],
-      },
-    ];
-    const render = renderer
-      .create(
-        <HistoryChart
-          configuration={{ type: 'horizontal_bar_chart' }}
-          datas={datas}
-          setStartDate={Date.now}
-          setEndDate={Date.now}
-        />
-      )
-      .toJSON();
-    expect(render).toMatchSnapshot();
-  });
-});