commit datapanel xts code

Signed-off-by: Nchensi10 <chensi52@huawei.com>

arkui/BUILD.gn

@@ -22,6 +22,7 @@ group("arkui") {
     "ace_ets_component_three:ActsAceEtsComponentThreeTest",
     "ace_ets_component_two:ActsAceEtsComponentTwoTest",
     "ace_ets_component_ui:ActsAceEtsComponentUITest",
+    "ace_ets_components_ux:componnetUxTest",
     "ace_ets_dev:ActsAceDevTest",
     "ace_ets_layout_test:ActsAceEtsLayoutTest",
     "ace_ets_standard:ActsAceEtsStTest",

arkui/ace_ets_components_ux/BUILD.gn

+# Copyright (C) 2023 Huawei Device Co., Ltd.
+# Licensed under the Apache License, Version 2.0 (the "License");
+# you may not use this file except in compliance with the License.
+# You may obtain a copy of the License at
+#
+#     http://www.apache.org/licenses/LICENSE-2.0
+#
+# Unless required by applicable law or agreed to in writing, software
+# distributed under the License is distributed on an "AS IS" BASIS,
+# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+# See the License for the specific language governing permissions and
+# limitations under the License.
+
+group("componnetUxTest") {
+  testonly = true
+  if (is_standard_system) {
+    deps = [ "ace_ets_component_datapanel:ActsAceDatapanelTest" ]
+  }
+}

arkui/ace_ets_components_ux/ace_ets_component_datapanel/AppScope/app.json

+{
+    "app": {
+        "bundleName": "com.example.datapaneltest",
+        "vendor": "example",
+        "versionCode": 1000000,
+        "versionName": "1.0.0",
+        "icon": "$media:app_icon",
+        "label": "$string:app_name",
+        "distributedNotificationEnabled": true,
+        "keepAlive": true,
+        "singleUser": true,
+        "minAPIVersion": 10,
+        "targetAPIVersion": 10,
+        "car": {
+            "apiCompatibleVersion": 10,
+            "singleUser": false
+        }
+    }
+}
\ No newline at end of file

arkui/ace_ets_components_ux/ace_ets_component_datapanel/AppScope/resources/base/element/string.json

+{
+  "string": [
+    {
+      "name": "app_name",
+      "value": "MyApplication"
+    }
+  ]
+}
\ No newline at end of file

arkui/ace_ets_components_ux/ace_ets_component_datapanel/BUILD.gn

+# Copyright (c) 2023 Huawei Device Co., Ltd.
+# Licensed under the Apache License, Version 2.0 (the "License");
+# you may not use this file except in compliance with the License.
+# You may obtain a copy of the License at
+#
+#     http://www.apache.org/licenses/LICENSE-2.0
+#
+# Unless required by applicable law or agreed to in writing, software
+# distributed under the License is distributed on an "AS IS" BASIS,
+# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+# See the License for the specific language governing permissions and
+# limitations under the License.
+
+import("//test/xts/tools/build/suite.gni")
+
+ohos_js_hap_suite("ActsAceDatapanelTest") {
+  hap_profile = "src/main/module.json"
+  js_build_mode = "debug"
+  deps = [
+    ":ace_ets_component_datapanel_js_assets",
+    ":ace_ets_component_datapanel_resources",
+  ]
+  ets2abc = true
+  certificate_profile = "signature/openharmony_sx.p7b"
+  hap_name = "ActsAceDatapanelTest"
+  part_name = "ace_engine"
+  subsystem_name = "arkui"
+}
+
+ohos_app_scope("ace_ets_component_datapanel_profile") {
+  app_profile = "AppScope/app.json"
+  sources = [ "AppScope/resources" ]
+}
+
+ohos_js_assets("ace_ets_component_datapanel_js_assets") {
+  source_dir = "src/main/ets"
+}
+
+ohos_resources("ace_ets_component_datapanel_resources") {
+  sources = [ "src/main/resources" ]
+  deps = [ ":ace_ets_component_datapanel_profile" ]
+  hap_profile = "src/main/module.json"
+}

arkui/ace_ets_components_ux/ace_ets_component_datapanel/Test.json

+{
+    "description": "Configuration for hjunit demo Tests",
+    "driver": {
+        "type": "OHJSUnitTest",
+        "test-timeout": "600000",
+        "bundle-name": "com.example.datapaneltest",
+        "module-name": "phone",
+        "shell-timeout": "600000",
+        "testcase-timeout": 240000
+    },
+    "kits": [
+        {
+            "test-file-name": [
+                "ActsAceDatapanelTest.hap"
+            ],
+            "type": "AppInstallKit",
+            "cleanup-apps": true
+        },
+        {
+            "type": "ShellKit",
+            "run-command": [
+                "power-shell wakeup",
+                "power-shell setmode 602"
+            ]
+        }
+    ]
+}
\ No newline at end of file

arkui/ace_ets_components_ux/ace_ets_component_datapanel/src/main/ets/TestAbility/TestAbility.ets

+/*
+ * Copyright (c) 2023 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import hilog from '@ohos.hilog';
+import Ability from '@ohos.app.ability.UIAbility'
+import AbilityDelegatorRegistry from '@ohos.application.abilityDelegatorRegistry'
+import testsuite from '../test/List.test'
+import Window from '@ohos.window'
+
+export default class TestAbility extends Ability {
+    onCreate(want, launchParam) {
+        hilog.isLoggable(0x0000, 'testTag', hilog.LogLevel.INFO);
+        hilog.info(0x0000, 'testTag', '%{public}s', 'TestAbility onCreate');
+        hilog.info(0x0000, 'testTag', '%{public}s', 'want param:' + JSON.stringify(want) ?? '');
+        hilog.info(0x0000, 'testTag', '%{public}s', 'launchParam:'+ JSON.stringify(launchParam) ?? '');
+    }
+
+    onDestroy() {
+        hilog.isLoggable(0x0000, 'testTag', hilog.LogLevel.INFO);
+        hilog.info(0x0000, 'testTag', '%{public}s', 'TestAbility onDestroy');
+    }
+
+    onWindowStageCreate(windowStage: Window.WindowStage) {
+        hilog.isLoggable(0x0000, 'testTag', hilog.LogLevel.INFO);
+        hilog.info(0x0000, 'testTag', '%{public}s', 'TestAbility onWindowStageCreate');
+        windowStage.loadContent('TestAbility/pages/Index', (err, data) => {
+            if (err.code) {
+                hilog.isLoggable(0x0000, 'testTag', hilog.LogLevel.ERROR);
+                hilog.error(0x0000, 'testTag', 'Failed to load the content. Cause: %{public}s', JSON.stringify(err) ?? '');
+                return;
+            }
+            hilog.isLoggable(0x0000, 'testTag', hilog.LogLevel.INFO);
+            hilog.info(0x0000, 'testTag', 'Succeeded in loading the content. Data: %{public}s',
+                JSON.stringify(data) ?? '');
+        });
+    }
+
+    onWindowStageDestroy() {
+        hilog.isLoggable(0x0000, 'testTag', hilog.LogLevel.INFO);
+        hilog.info(0x0000, 'testTag', '%{public}s', 'TestAbility onWindowStageDestroy');
+    }
+
+    onForeground() {
+        hilog.isLoggable(0x0000, 'testTag', hilog.LogLevel.INFO);
+        hilog.info(0x0000, 'testTag', '%{public}s', 'TestAbility onForeground');
+    }
+
+    onBackground() {
+        hilog.isLoggable(0x0000, 'testTag', hilog.LogLevel.INFO);
+        hilog.info(0x0000, 'testTag', '%{public}s', 'TestAbility onBackground');
+    }
+}

arkui/ace_ets_components_ux/ace_ets_component_datapanel/src/main/ets/TestAbility/pages/Index.ets

+/*
+ * Copyright (c) 2023 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+ //@ts-nocheck
+import events_emitter from '@ohos.events.emitter';
+import AbilityDelegatorRegistry from '@ohos.application.abilityDelegatorRegistry';
+import { Hypium } from '@ohos/hypium';
+import hilog from '@ohos.hilog';
+import testsuite from '../../test/List.test'
+@Entry
+@Component
+struct DatapanelTest {
+
+  aboutToAppear(){
+    var abilityDelegator: any
+    abilityDelegator = AbilityDelegatorRegistry.getAbilityDelegator()
+    var abilityDelegatorArguments: any
+    abilityDelegatorArguments = AbilityDelegatorRegistry.getArguments()
+    hilog.isLoggable(0x0000, 'testTag', hilog.LogLevel.INFO);
+    hilog.info(0x0000, 'testTag', '%{public}s', 'start run testcase!!!');
+    Hypium.hypiumTest(abilityDelegator, abilityDelegatorArguments, testsuite)
+  }
+
+  public color1: Color[] = ["#FFFF0000", "#FF00FF00", "#FF0000FF", "#FF000000"];
+  public color2: Color[] = ['rgb(255,0,0)', 'rgb(0,255,0)', 'rgb(0,0,255)', 'rgb(0,0,0)']
+  public color3: Color[] = [Color.Red, Color.Green, Color.Blue, Color.Black]
+  public color4: Color[] = ["#FFFF0000", "#FF00FF00", "#FF0000FF", "#FF000000"]
+  public color5: Color[] = ["#FF000000", "#FFFF0000", "#FF00FF00"]
+  public color6: LinearGradient = new LinearGradient([{ color: "#FFA500", offset: 0 }, {
+    color: "#FFFFFF00", offset: 1 }])
+  public color7: LinearGradient = new LinearGradient([{ color: "#FFC0CB", offset: 0 }, {
+    color: "#FF00FF00", offset: 1 }])
+  public color8: LinearGradient = new LinearGradient([{ color: "#FF0000FF", offset: 0 }, {
+    color: "#FFFF0000", offset: 1 }])
+  public color9: LinearGradient = new LinearGradient([{ color: 'rgb(255,165,0)', offset: 0 }, {
+    color: 'rgb(255,255,0)', offset: 1 }])
+  public color10: LinearGradient = new LinearGradient([{ color: 'rgb(255,192,203)', offset: 0 }, {
+    color: 'rgb(0,128,0)', offset: 1 }])
+  public color11: LinearGradient = new LinearGradient([{ color: 'rgb(0,0,255)', offset: 0 }, {
+    color: 'rgb(255,0,0)', offset: 1 }])
+  public color12: LinearGradient = new LinearGradient([{ color: Color.Orange, offset: 0 }, {
+    color: Color.Yellow, offset: 1 }])
+  public color13: LinearGradient = new LinearGradient([{ color: Color.Pink, offset: 0 }, {
+    color: Color.Green, offset: 1 }])
+  public color14: LinearGradient = new LinearGradient([{ color: Color.Blue, offset: 0 }, {
+    color: Color.Red, offset: 1 }])
+  public color15: Color[] = ["#01FFA500", "#4CFFFF00", "#9AFFC0CB", "#FF00FF00"]
+  public color16: Color[] = ['rgba(255,165,0,0)', 'rgba(255,255,0,0)', 'rgba(255,192,203,0)', 'rgba(0,128,0,0)']
+  public color17: Color[] = [Color.Orange, Color.Yellow, Color.Pink, Color.Green]
+  public color18: Color[] = ["#01FFA500", "#4C800080", "#9AFFFF00", "#FF00FF00"]
+  public color19: LinearGradient = new LinearGradient([{ color: "#01FFA500", offset: 0 }, {
+    color: "#01FFFF00", offset: 1 }])
+  public color39: LinearGradient = new LinearGradient([{ color: "#01FFC0CB", offset: 0 }, {
+    color: "#0100FF00", offset: 1 }])
+  public color20: Color[] = ["#FFFF0000", "#FFFFFF00", "#FF00FF00"]
+  public color21: Color[] = ['rgb(255,0,0)', 'rgb(255,255,0)', 'rgb(0,255,0)']
+  public color22: Color[] = [Color.Red, Color.Yellow, Color.Green]
+  public color23: LinearGradient = new LinearGradient([{ color: "#FFA500", offset: 0 }, {
+    color: "#FFFFFF00", offset: 1 }])
+  public color24: LinearGradient = new LinearGradient([{ color: "#FFC0CB", offset: 0 }, {
+    color: "#FF00FF00", offset: 1 }])
+  public color25: LinearGradient = new LinearGradient([{ color: "#FF0000FF", offset: 0 }, {
+    color: "#FFFF0000", offset: 1 }])
+  public color26: LinearGradient = new LinearGradient([{ color: 'rgb(255,165,0)', offset: 0 }, {
+    color: 'rgb(255,255,0)', offset: 1 }])
+  public color27: LinearGradient = new LinearGradient([{ color: 'rgb(255,192,203)', offset: 0 }, {
+    color: 'rgb(0,128,0)', offset: 1 }])
+  public color28: LinearGradient = new LinearGradient([{ color: 'rgb(0,0,255)', offset: 0 }, {
+    color: 'rgb(255,0,0)', offset: 1 }])
+  public color29: LinearGradient = new LinearGradient([{ color: Color.Orange, offset: 0 }, {
+    color: Color.Yellow, offset: 1 }])
+  public color30: LinearGradient = new LinearGradient([{ color: Color.Pink, offset: 0 }, {
+    color: Color.Green, offset: 1 }])
+  public color31: LinearGradient = new LinearGradient([{ color: Color.Blue, offset: 0 }, {
+    color: Color.Red, offset: 1 }])
+  public color32: Color = "#FF0000FF"
+  public color33: LinearGradient = new LinearGradient([{ color: "#FFA500", offset: 0 }, {
+    color: "#FFC0CB", offset: 1 }])
+  public color34: Color = 'rgb(255,0,0)'
+  public color35: LinearGradient = new LinearGradient([{ color: 'rgb(255,165,0)', offset: 0 }, {
+    color: 'rgb(255,192,203)', offset: 1 }])
+  public color36: Color = Color.Red
+  public color37: LinearGradient = new LinearGradient([{ color: Color.Orange, offset: 0 }, {
+    color: Color.Pink, offset: 1 }])
+  public colorArray1: Array<LinearGradient | ResourceColor> = [ "#FF0000FF", this.color33 ]
+  public colorArray2: Array<LinearGradient | ResourceColor> = [ 'rgb(255,0,0)', this.color35 ]
+  public colorArray3: Array<LinearGradient | ResourceColor> = [ Color.Red, this.color35 ]
+  public colorArray4: Array<LinearGradient | ResourceColor> = [ $r("app.color.DataPanel_TrackBackgroundColor")]
+
+  build() {
+    Row() {
+      Column() {
+        List({ space: 0, initialIndex: 0 }) {
+          ListItem() {
+            DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
+              .width(200)
+              .height(200)
+              .trackShadow({ offsetY: undefined })
+              .key("ArkUX_Stage_DataPanel_TrackShadow_1500")
+          }
+          ListItem() {
+            DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
+              .width(200)
+              .height(200)
+              .trackShadow({ colors: this.color20 })
+              .key("ArkUX_Stage_DataPanel_TrackShadow_1600")
+          }
+          ListItem() {
+            DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
+              .width(200)
+              .height(200)
+              .trackShadow({ colors: this.color21 })
+              .key("ArkUX_Stage_DataPanel_TrackShadow_1700")
+          }
+          ListItem() {
+            DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
+              .width(200)
+              .height(200)
+              .trackShadow({ colors: this.color22 })
+              .key("ArkUX_Stage_DataPanel_TrackShadow_1800")
+          }
+          ListItem() {
+            DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
+              .width(200)
+              .height(200)
+              .trackShadow({ colors: [$r("app.color.DataPanel_TrackShadow1"), $r("app.color.DataPanel_TrackShadow2"),
+                $r("app.color.DataPanel_TrackShadow3")] })
+              .key("ArkUX_Stage_DataPanel_TrackShadow_1900")
+          }
+          ListItem() {
+            DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
+              .width(200)
+              .height(200)
+              .trackShadow({ colors: '' })
+              .key("ArkUX_Stage_DataPanel_TrackShadow_2000")
+          }
+          ListItem() {
+            DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
+              .width(200)
+              .height(200)
+              .trackShadow({ colors: null })
+              .key("ArkUX_Stage_DataPanel_TrackShadow_2100")
+          }
+          ListItem() {
+            DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
+              .width(200)
+              .height(200)
+              .trackShadow({ colors: undefined })
+              .key("ArkUX_Stage_DataPanel_TrackShadow_2200")
+          }
+          ListItem() {
+            DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
+              .width(200)
+              .height(200)
+              .trackShadow({ colors: [this.color23, this.color24, this.color25] })
+              .key("ArkUX_Stage_DataPanel_TrackShadow_2300")
+          }
+          ListItem() {
+            DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
+              .width(200)
+              .height(200)
+              .trackShadow({ colors: [this.color26, this.color27, this.color28] })
+              .key("ArkUX_Stage_DataPanel_TrackShadow_2400")
+          }
+          ListItem() {
+            DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
+              .width(200)
+              .height(200)
+              .trackShadow({ colors: [this.color29, this.color30, this.color31]})
+              .key("ArkUX_Stage_DataPanel_TrackShadow_2500")
+          }
+          ListItem() {
+            DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
+              .width(200)
+              .height(200)
+              .trackShadow({ colors: [$r("app.color.DataPanel_TrackShadow4"), $r("app.color.DataPanel_TrackShadow5"),
+                $r("app.color.DataPanel_TrackShadow6"), $r("app.color.DataPanel_TrackShadow7"),
+                $r("app.color.DataPanel_TrackShadow8"), $r("app.color.DataPanel_TrackShadow9")]})
+              .key("ArkUX_Stage_DataPanel_TrackShadow_2600")
+          }
+          ListItem() {
+            DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
+              .width(200)
+              .height(200)
+              .trackShadow({ colors: '' })
+              .key("ArkUX_Stage_DataPanel_TrackShadow_2700")
+          }
+          ListItem() {
+            DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
+              .width(200)
+              .height(200)
+              .trackShadow({ colors: null })
+              .key("ArkUX_Stage_DataPanel_TrackShadow_2800")
+          }
+          ListItem() {
+            DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
+              .width(200)
+              .height(200)
+              .trackShadow({ colors: undefined })
+              .key("ArkUX_Stage_DataPanel_TrackShadow_2900")
+          }
+          ListItem() {
+            DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
+              .width(200)
+              .height(200)
+              .trackShadow({ colors: this.colorArray1 })
+              .key("ArkUX_Stage_DataPanel_TrackShadow_3000")
+          }
+          ListItem() {
+            DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
+              .width(200)
+              .height(200)
+              .trackShadow({ colors: this.colorArray2 })
+              .key("ArkUX_Stage_DataPanel_TrackShadow_3100")
+          }
+          ListItem() {
+            DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
+              .width(200)
+              .height(200)
+              .trackShadow({ colors: this.colorArray3 })
+              .key("ArkUX_Stage_DataPanel_TrackShadow_3200")
+          }
+          ListItem() {
+            DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
+              .width(200)
+              .height(200)
+              .trackShadow({ colors: [$r("app.color.DataPanel_TrackShadow10"), $r("app.color.DataPanel_TrackShadow11"),
+                $r("app.color.DataPanel_TrackShadow12")]})
+              .key("ArkUX_Stage_DataPanel_TrackShadow_3300")
+          }
+          ListItem() {
+            DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
+              .width(200)
+              .height(200)
+              .trackShadow({ colors: '' })
+              .key("ArkUX_Stage_DataPanel_TrackShadow_3400")
+          }
+          ListItem() {
+            DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
+              .width(200)
+              .height(200)
+              .trackShadow({ colors: null })
+              .key("ArkUX_Stage_DataPanel_TrackShadow_3500")
+          }
+          ListItem() {
+            DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
+              .width(200)
+              .height(200)
+              .trackShadow({ colors: undefined })
+              .key("ArkUX_Stage_DataPanel_TrackShadow_3600")
+          }
+        }
+      }
+    .width('100%')
+    }
+  .height('100%')
+}
+}

arkui/ace_ets_components_ux/ace_ets_component_datapanel/src/main/ets/TestRunner/OpenHarmonyTestRunner.ts

+/*
+ * Copyright (c) 2023 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import hilog from '@ohos.hilog';
+import TestRunner from '@ohos.application.testRunner'
+import AbilityDelegatorRegistry from '@ohos.application.abilityDelegatorRegistry'
+
+var abilityDelegator = undefined
+var abilityDelegatorArguments = undefined
+
+function translateParamsToString(parameters) {
+    const keySet = new Set([
+        '-s class', '-s notClass', '-s suite', '-s it',
+        '-s level', '-s testType', '-s size', '-s timeout',
+        '-s dryRun'
+    ])
+    let targetParams = '';
+    for (const key in parameters) {
+        if (keySet.has(key)) {
+            targetParams = `${targetParams} ${key} ${parameters[key]}`
+        }
+    }
+    return targetParams.trim()
+}
+
+async function onAbilityCreateCallback() {
+    hilog.isLoggable(0x0000, 'testTag', hilog.LogLevel.INFO);
+    hilog.info(0x0000, 'testTag', '%{public}s', 'onAbilityCreateCallback');
+}
+
+async function addAbilityMonitorCallback(err: any) {
+    hilog.isLoggable(0x0000, 'testTag', hilog.LogLevel.INFO);
+    hilog.info(0x0000, 'testTag', 'addAbilityMonitorCallback : %{public}s', JSON.stringify(err) ?? '');
+}
+
+export default class OpenHarmonyTestRunner implements TestRunner {
+    constructor() {
+    }
+
+    onPrepare() {
+        hilog.isLoggable(0x0000, 'testTag', hilog.LogLevel.INFO);
+        hilog.info(0x0000, 'testTag', '%{public}s', 'OpenHarmonyTestRunner OnPrepare ');
+    }
+
+    async onRun() {
+        hilog.isLoggable(0x0000, 'testTag', hilog.LogLevel.INFO);
+        hilog.info(0x0000, 'testTag', '%{public}s', 'OpenHarmonyTestRunner onRun run');
+        abilityDelegatorArguments = AbilityDelegatorRegistry.getArguments()
+        abilityDelegator = AbilityDelegatorRegistry.getAbilityDelegator()
+        var testAbilityName = abilityDelegatorArguments.bundleName + '.TestAbility'
+        let lMonitor = {
+            abilityName: testAbilityName,
+            onAbilityCreate: onAbilityCreateCallback,
+        };
+        abilityDelegator.addAbilityMonitor(lMonitor, addAbilityMonitorCallback)
+        var cmd = 'aa start -d 0 -a TestAbility' + ' -b ' + abilityDelegatorArguments.bundleName
+        cmd += ' '+translateParamsToString(abilityDelegatorArguments.parameters)
+        var debug = abilityDelegatorArguments.parameters['-D']
+        if (debug == 'true')
+        {
+            cmd += ' -D'
+        }
+        hilog.isLoggable(0x0000, 'testTag', hilog.LogLevel.INFO);
+        hilog.info(0x0000, 'testTag', 'cmd : %{public}s', cmd);
+        abilityDelegator.executeShellCommand(cmd,
+            (err: any, d: any) => {
+                hilog.isLoggable(0x0000, 'testTag', hilog.LogLevel.INFO);
+                hilog.info(0x0000, 'testTag', 'executeShellCommand : err : %{public}s', JSON.stringify(err) ?? '');
+                hilog.info(0x0000, 'testTag', 'executeShellCommand : data : %{public}s', d.stdResult ?? '');
+                hilog.info(0x0000, 'testTag', 'executeShellCommand : data : %{public}s', d.exitCode ?? '');
+            })
+        hilog.info(0x0000, 'testTag', '%{public}s', 'OpenHarmonyTestRunner onRun end');
+    }
+}
\ No newline at end of file

arkui/ace_ets_components_ux/ace_ets_component_datapanel/src/main/ets/test/List.test.ets

+/*
+ * Copyright (c) 2023 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import datapanelTest from './datapanel'
+
+export default function testsuite() {
+       datapanelTest()
+}
\ No newline at end of file

arkui/ace_ets_components_ux/ace_ets_component_datapanel/src/main/module.json

+{
+  "module": {
+    "name": "phone",
+    "type": "feature",
+    "description": "$string:module_test_desc",
+    "mainElement": "TestAbility",
+    "deviceTypes": [
+      "default",
+      "tablet"
+    ],
+    "deliveryWithInstall": true,
+    "installationFree": false,
+    "pages": "$profile:test_pages",
+    "metadata": [
+      {
+        "name": "ArkTSPartialUpdate",
+        "value": "true"
+      }
+    ],
+    "abilities": [
+      {
+        "name": "TestAbility",
+        "srcEntrance": "./ets/TestAbility/TestAbility.ets",
+        "description": "$string:TestAbility_desc",
+        "icon": "$media:icon",
+        "label": "$string:TestAbility_label",
+        "visible": true,
+        "startWindowIcon": "$media:icon",
+        "startWindowBackground": "$color:start_window_background",
+        "skills": [
+          {
+            "actions": [
+              "action.system.home"
+            ],
+            "entities": [
+              "entity.system.home"
+            ]
+          }
+        ]
+      }
+    ]
+  }
+}
\ No newline at end of file

arkui/ace_ets_components_ux/ace_ets_component_datapanel/src/main/resources/base/element/color.json

+{
+  "color": [
+    {
+      "name": "start_window_background",
+      "value": "#FFFFFF"
+    },
+    {
+      "name": "DataPanel_TrackBackgroundColor",
+      "value": "#FF00FF00"
+    },
+    {
+      "name": "DataPanel_ValueColors1",
+      "value": "#FFFF0000"
+    },
+    {
+      "name": "DataPanel_ValueColors2",
+      "value": "#FF00FF00"
+    },
+    {
+      "name": "DataPanel_ValueColors3",
+      "value": "#FF0000FF"
+    },
+    {
+      "name": "DataPanel_ValueColors4",
+      "value": "#FF000000"
+    },
+    {
+      "name": "DataPanel_ValueColors5",
+      "value": "#FFA500"
+    },
+    {
+      "name": "DataPanel_ValueColors6",
+      "value": "#FFFFFF00"
+    },
+    {
+      "name": "DataPanel_ValueColors7",
+      "value": "#FFC0CB"
+    },
+    {
+      "name": "DataPanel_ValueColors8",
+      "value": "#FF00FF00"
+    },
+    {
+      "name": "DataPanel_ValueColors9",
+      "value": "#FF0000FF"
+    },
+    {
+      "name": "DataPanel_ValueColors10",
+      "value": "#FFFF0000"
+    },
+    {
+      "name": "DataPanel_ValueColors11",
+      "value": "#01FFA500"
+    },
+    {
+      "name": "DataPanel_ValueColors12",
+      "value": "#4CFF0000"
+    },
+    {
+      "name": "DataPanel_ValueColors13",
+      "value": "#9AC0CB00"
+    },
+    {
+      "name": "DataPanel_ValueColors14",
+      "value": "#FF00FF00"
+    },
+    {
+      "name": "DataPanel_TrackShadow1",
+      "value": "#FFFF00"
+    },
+    {
+      "name": "DataPanel_TrackShadow2",
+      "value": "#FFA500"
+    },
+    {
+      "name": "DataPanel_TrackShadow3",
+      "value": "#FFC0CB"
+    },
+    {
+      "name": "DataPanel_TrackShadow4",
+      "value": "#FFA500"
+    },
+    {
+      "name": "DataPanel_TrackShadow5",
+      "value": "#FFFFFF00"
+    },
+    {
+      "name": "DataPanel_TrackShadow6",
+      "value": "#FFC0CB"
+    },
+    {
+      "name": "DataPanel_TrackShadow7",
+      "value": "#FF00FF00"
+    },
+    {
+      "name": "DataPanel_TrackShadow8",
+      "value": "#FF0000FF"
+    },
+    {
+      "name": "DataPanel_TrackShadow9",
+      "value": "#FFFF0000"
+    },
+    {
+      "name": "DataPanel_TrackShadow10",
+      "value": "#FFC0CB"
+    },
+    {
+      "name": "DataPanel_TrackShadow11",
+      "value": "#FF00FF00"
+    },
+    {
+      "name": "DataPanel_TrackShadow12",
+      "value": "#FFFF0000"
+    }
+  ]
+}
\ No newline at end of file

arkui/ace_ets_components_ux/ace_ets_component_datapanel/src/main/resources/base/element/string.json

+{
+  "string": [
+    {
+      "name": "module_test_desc",
+      "value": "test ability description"
+    },
+    {
+      "name": "TestAbility_desc",
+      "value": "the test ability"
+    },
+    {
+      "name": "TestAbility_label",
+      "value": "test label"
+    },
+    {
+      "name": "DataPanel_StrokeWidth",
+      "value": "30.00vp"
+    }
+  ]
+}
\ No newline at end of file

arkui/ace_ets_components_ux/ace_ets_component_datapanel/src/main/resources/base/profile/test_pages.json

+{
+  "src": [
+    "TestAbility/pages/Index"
+  ]
+}
\ No newline at end of file