tabs xts add

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

arkui/ace_ets_components_ux/BUILD.gn

@@ -9,7 +9,7 @@
 # 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.
+# limitations under the License.
 
 group("componentUxTest") {
   testonly = true
@@ -17,6 +17,7 @@ group("componentUxTest") {
     deps = [
       "ace_ets_component_select:ActsAceSelectTest",
       "ace_ets_component_sidebar:ActsAceSideBarTest",
+      "ace_ets_component_tabs:ActsAceTabsTest",
     ]
   }
 }

arkui/ace_ets_components_ux/ace_ets_component_tabs/AppScope/app.json

+{
+    "app": {
+        "bundleName": "com.example.acetabstest",
+    	"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_tabs/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_tabs/BUILD.gn

+# Copyright (c) 2021 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("ActsAceTabsTest") {
+  hap_profile = "src/main/module.json"
+  js_build_mode = "debug"
+  deps = [
+    ":ace_ets_component_tabs_js_assets",
+    ":ace_ets_component_tabs_resources",
+  ]
+  ets2abc = true
+  certificate_profile = "signature/openharmony_sx.p7b"
+  hap_name = "ActsAceTabsTest"
+  part_name = "ace_engine"
+  subsystem_name = "arkui"
+}
+
+ohos_app_scope("ace_ets_component_tabs_profile") {
+  app_profile = "AppScope/app.json"
+  sources = [ "AppScope/resources" ]
+}
+
+ohos_js_assets("ace_ets_component_tabs_js_assets") {
+  source_dir = "src/main/ets"
+}
+
+ohos_resources("ace_ets_component_tabs_resources") {
+  sources = [ "src/main/resources" ]
+  deps = [ ":ace_ets_component_tabs_profile" ]
+  hap_profile = "src/main/module.json"
+}

arkui/ace_ets_components_ux/ace_ets_component_tabs/Test.json

+{
+    "description": "Configuration for hjunit demo Tests",
+    "driver": {
+        "type": "OHJSUnitTest",
+        "test-timeout": "600000",
+        "bundle-name": "com.example.acetabstest",
+        "module-name": "phone",
+        "shell-timeout": "600000",
+        "testcase-timeout": 240000
+    },
+    "kits": [{
+        "test-file-name": [
+            "ActsAceTabsTest.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_tabs/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_tabs/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.
+ */
+
+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 TabsExample {
+    private controller: TabsController = new TabsController()
+    private controller2: TabsController = new TabsController()
+    private controller3: TabsController = new TabsController()
+    private controller4: TabsController = new TabsController()
+    @State strokeWidthStr: string = '10px'
+    @State dividerColorStr: string  = 'red'
+    @State startMarginStr: string = '5px'
+    @State endMarginStr: string = '5px'
+
+    @State nullFlag: boolean = false
+
+    @State strokeWidthNum: number = 10
+    @State dividerColorNum: number = 0xFFFF0000
+    @State startMarginNum: number = 5
+    @State endMarginNum: number = 5
+
+    @State strokeWidthRes: Resource = $r("app.string.Divider_Stroke_Width")
+    @State dividerColorRes: Resource = $r("app.color.Divider_Color")
+    @State startMarginRes: Resource = $r("app.string.Divider_Start_Margin")
+    @State endMarginRes: Resource = $r("app.string.Divider_End_Margin")
+
+    @State dividerColor: Color = Color.Red
+
+    @State overflowFlag: boolean = false
+    @State selfIndicatorColor: Color = Color.Red
+    @State selfIndicatorHeight: number = 10
+    @State selfIndicatorWidth: number = 30
+    @State selfIndicatorBorderRadius: number = 5
+    @State selfSubTabBorderRadius: number = 20
+    @State selfMarginTop: number = 10
+
+    @State selfIndicatorColorStr: string = "#FFFF0000"
+    @State selfIndicatorHeightStr: string = "10vp"
+    @State selfIndicatorWidthStr: string = "30vp"
+    @State selfIndicatorBorderRadiusStr: string = "5vp"
+    @State selfSubTabBorderRadiusStr: string = "20vp"
+    @State selfMarginTopStr: string = "10vp"
+
+    @State selfSelectedMode: SelectedMode = SelectedMode.INDICATOR
+
+    private stateChangCallBack = (eventData) => {
+        console.info("tabs page state change called:" + JSON.stringify(eventData));
+        if (eventData != null) {
+            if (eventData.data.dividerColorStr != null) {
+                this.dividerColorStr = eventData.data.dividerColorStr;
+            }
+            if (eventData.data.strokeWidthStr != null) {
+                this.strokeWidthStr = eventData.data.strokeWidthStr;
+            }
+            if (eventData.data.startMarginStr != null) {
+                this.startMarginStr = eventData.data.startMarginStr;
+            }
+            if (eventData.data.endMarginStr != null) {
+                this.endMarginStr = eventData.data.endMarginStr;
+            }
+            if (eventData.data.nullFlag != null) {
+                this.nullFlag = eventData.data.nullFlag;
+            }
+            if (eventData.data.dividerColor != null) {
+                this.dividerColor = eventData.data.dividerColor;
+            }
+            if (eventData.data.strokeWidthNum != null) {
+                this.strokeWidthNum = eventData.data.strokeWidthNum;
+            }
+            if (eventData.data.startMarginNum != null) {
+                this.startMarginNum = eventData.data.startMarginNum;
+            }
+            if (eventData.data.endMarginNum != null) {
+                this.endMarginNum = eventData.data.endMarginNum;
+            }
+
+            if (eventData.data.dividerColorRes != null) {
+                this.dividerColorRes = eventData.data.dividerColorRes;
+            }
+            if (eventData.data.strokeWidthRes != null) {
+                this.strokeWidthRes = eventData.data.strokeWidthRes;
+            }
+            if (eventData.data.startMarginRes != null) {
+                this.startMarginRes = eventData.data.startMarginRes;
+            }
+            if (eventData.data.endMarginRes != null) {
+                this.endMarginRes = eventData.data.endMarginRes;
+            }
+
+            if (eventData.data.overflowFlag != null) {
+                this.overflowFlag = eventData.data.overflowFlag;
+            }
+            
+            if (eventData.data.selfIndicatorColor != null) {
+                this.selfIndicatorColor = eventData.data.selfIndicatorColor;
+            }
+
+            if (eventData.data.selfIndicatorHeight != null) {
+                this.selfIndicatorHeight = eventData.data.selfIndicatorHeight;
+            }
+
+            if (eventData.data.selfIndicatorWidth != null) {
+                this.selfIndicatorWidth = eventData.data.selfIndicatorWidth;
+            }
+
+            if (eventData.data.selfIndicatorBorderRadius != null) {
+                this.selfIndicatorBorderRadius = eventData.data.selfIndicatorBorderRadius;
+            }
+
+            if (eventData.data.selfSelectedMode != null) {
+                this.selfSelectedMode = eventData.data.selfSelectedMode;
+            }
+
+            if (eventData.data.selfSubTabBorderRadius != null) {
+                this.selfSubTabBorderRadius = eventData.data.selfSubTabBorderRadius;
+            }
+
+            if (eventData.data.selfMarginTop != null) {
+                this.selfMarginTop = eventData.data.selfMarginTop;
+            }
+
+            if (eventData.data.selfIndicatorColorStr != null) {
+                this.selfIndicatorColorStr = eventData.data.selfIndicatorColorStr;
+            }
+
+            if (eventData.data.selfIndicatorHeightStr != null) {
+                this.selfIndicatorHeightStr = eventData.data.selfIndicatorHeightStr;
+            }
+
+            if (eventData.data.selfIndicatorWidthStr != null) {
+                this.selfIndicatorWidthStr = eventData.data.selfIndicatorWidthStr;
+            }
+
+            if (eventData.data.selfIndicatorBorderRadiusStr != null) {
+                this.selfIndicatorBorderRadiusStr = eventData.data.selfIndicatorBorderRadiusStr;
+            }
+
+            if (eventData.data.selfSubTabBorderRadiusStr != null) {
+                this.selfSubTabBorderRadiusStr = eventData.data.selfSubTabBorderRadiusStr;
+            }
+
+            if (eventData.data.selfMarginTopStr != null) {
+                this.selfMarginTopStr = eventData.data.selfMarginTopStr;
+            }
+        }
+    }
+
+    aboutToAppear(){
+        var stateChangeEvent = {
+            eventId: 183,
+            priority: events_emitter.EventPriority.LOW
+        }
+        events_emitter.on(stateChangeEvent, this.stateChangCallBack);
+        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)
+    }
+
+    build() {
+        Column() {
+            Tabs({ barPosition: BarPosition.Start, controller: this.controller }) {
+                TabContent() {
+                    Column().width('100%').height('100%').backgroundColor(Color.Pink)
+                }.tabBar(SubTabBarStyle.of('pink').indicator({
+                    color: this.selfIndicatorColor,
+                    height: this.selfIndicatorHeight,
+                    width: this.selfIndicatorWidth,
+                    borderRadius: this.selfIndicatorBorderRadius,
+                    marginTop: this.selfMarginTop
+                }).selectedMode(this.selfSelectedMode)
+                .board({ borderRadius: this.selfSubTabBorderRadius })
+                .labelStyle({ overflow: TextOverflow.Ellipsis, maxLines: 1, minFontSize: 5, heightAdaptivePolicy: TextHeightAdaptivePolicy.MIN_FONT_SIZE_FIRST,
+                        font: { size: 15 } }))
+                .key('indicatorTest1')
+
+                TabContent() {
+                    Column().width('100%').height('100%').backgroundColor(Color.Blue)
+                }.tabBar(SubTabBarStyle.of('pink').indicator({
+                    color: this.selfIndicatorColorStr,
+                    height: this.selfIndicatorHeightStr,
+                    width: this.selfIndicatorWidthStr,
+                    borderRadius: this.selfIndicatorBorderRadiusStr,
+                    marginTop: this.selfMarginTopStr
+                }).selectedMode(this.selfSelectedMode)
+                .board({ borderRadius: this.selfSubTabBorderRadiusStr })
+                .labelStyle({ overflow: TextOverflow.Clip, maxLines: 1, minFontSize: 5, maxFontSize: 20, heightAdaptivePolicy: TextHeightAdaptivePolicy.LAYOUT_CONSTRAINT_FIRST,
+                        font: { size: 15} }))
+                .key('indicatorTest2')
+                TabContent() {
+                    Column().width('100%').height('100%').backgroundColor(Color.Green)
+                }
+                .tabBar(SubTabBarStyle.of('pink')
+                    .indicator({
+                        color: $r("app.color.Indicator_Color"),
+                        height: $r("app.string.Indicator_Height"),
+                        width: $r("app.string.Indicator_Width"),
+                        borderRadius: $r("app.string.Indicator_Radius"),
+                        marginTop: $r("app.string.Indicator_Space")
+                    })
+                    .selectedMode(this.selfSelectedMode)
+                    .board({ borderRadius: $r("app.string.Indicator_Sub_Radius") })
+                    .labelStyle({ overflow: TextOverflow.None, maxLines: 2, minFontSize: 5, maxFontSize: 20, heightAdaptivePolicy: TextHeightAdaptivePolicy.LAYOUT_CONSTRAINT_FIRST,
+                        font: { size: 15 } }))
+                .key('indicatorTest3')
+                TabContent() {
+                    Column().width('100%').height('100%').backgroundColor(Color.Yellow)
+                }.tabBar(SubTabBarStyle.of('pink')
+                .indicator({
+                    color: 0xFFFF0000, //下划线颜色
+                })
+                .selectedMode(this.selfSelectedMode)
+                .board({ borderRadius: this.selfSubTabBorderRadius })
+                .labelStyle({ overflow: TextOverflow.None, maxLines: 10, minFontSize: 5, maxFontSize: 20, heightAdaptivePolicy: TextHeightAdaptivePolicy.MAX_LINES_FIRST,
+                        font: { size: 15 } }))
+                .key('indicatorTest4')
+
+                TabContent() {
+                    Column().width('100%').height('100%').backgroundColor(Color.Yellow)
+                }.tabBar(SubTabBarStyle.of('pink'))
+                .key('indicatorTest5')
+            }
+            .vertical(true).scrollable(true).barMode(BarMode.Fixed)
+            .barWidth(70).barHeight('100%').animationDuration(400)
+            .onChange((index: number) => {
+                console.info(index.toString())
+            })
+            .height('200vp')
+            .width('90%')
+            .divider(this.nullFlag ? null : { strokeWidth: this.strokeWidthStr,
+                color: this.dividerColorStr,
+                startMargin: this.startMarginStr,
+                endMargin: this.endMarginStr
+            })
+            
+            .fadingEdge(this.overflowFlag)
+            .key('tabsTest')
+
+            Tabs({ barPosition: BarPosition.Start, controller: this.controller2 }) {
+                TabContent() {
+                    Column().width('100%').height('100%').backgroundColor(Color.Pink)
+                }.tabBar('pink')
+                TabContent() {
+                    Column().width('100%').height('100%').backgroundColor(Color.Yellow)
+                }.tabBar('yellow')
+                TabContent() {
+                    Column().width('100%').height('100%').backgroundColor(Color.Blue)
+                }.tabBar('blue')
+            }
+            .vertical(true).scrollable(true).barMode(BarMode.Fixed)
+            .barWidth(70).barHeight('100%').animationDuration(400)
+            .onChange((index: number) => {
+                console.info(index.toString())
+            })
+            .height('200vp')
+            .width('90%')
+            .divider({ strokeWidth: this.strokeWidthNum,
+                color: this.dividerColorNum,
+                startMargin: this.startMarginNum,
+                endMargin: this.endMarginNum
+            })
+            .key('tabsTest2')
+
+            Tabs({ barPosition: BarPosition.Start, controller: this.controller3 }) {
+                TabContent() {
+                    Column().width('100%').height('100%').backgroundColor(Color.Pink)
+                }.tabBar('pink')
+                TabContent() {
+                    Column().width('100%').height('100%').backgroundColor(Color.Yellow)
+                }.tabBar('yellow')
+                TabContent() {
+                    Column().width('100%').height('100%').backgroundColor(Color.Blue)
+                }.tabBar('blue')
+            }
+            .vertical(true).scrollable(true).barMode(BarMode.Fixed)
+            .barWidth(70).barHeight('100%').animationDuration(400)
+            .onChange((index: number) => {
+                console.info(index.toString())
+            })
+            .height('200vp')
+            .width('90%')
+            .divider({ strokeWidth: this.strokeWidthRes,
+                color: this.dividerColorRes,
+                startMargin: this.startMarginRes,
+                endMargin: this.endMarginRes
+            })
+            .key('tabsTest3')
+
+
+            Tabs({ barPosition: BarPosition.Start, controller: this.controller4 }) {
+                TabContent() {
+                    Column().width('100%').height('100%').backgroundColor(Color.Pink)
+                }.tabBar('pink')
+                TabContent() {
+                    Column().width('100%').height('100%').backgroundColor(Color.Yellow)
+                }.tabBar('yellow')
+                TabContent() {
+                    Column().width('100%').height('100%').backgroundColor(Color.Blue)
+                }.tabBar('blue')
+            }
+            .vertical(true).scrollable(true).barMode(BarMode.Fixed)
+            .barWidth(70).barHeight('100%').animationDuration(400)
+            .onChange((index: number) => {
+                console.info(index.toString())
+            })
+            .height('200vp')
+            .width('90%')
+            .divider({ strokeWidth: this.strokeWidthStr,
+                color: this.dividerColor,
+                startMargin: this.startMarginStr,
+                endMargin: this.endMarginStr
+            })
+            .key('tabsTest4')
+
+            Tabs({ barPosition: BarPosition.Start, controller: this.controller4 }) {
+                TabContent() {
+                    Column().width('100%').height('100%').backgroundColor(Color.Pink)
+                }.tabBar('pink')
+                TabContent() {
+                    Column().width('100%').height('100%').backgroundColor(Color.Yellow)
+                }.tabBar('yellow')
+                TabContent() {
+                    Column().width('100%').height('100%').backgroundColor(Color.Blue)
+                }.tabBar('blue')
+            }
+            .vertical(true).scrollable(true).barMode(BarMode.Fixed)
+            .barWidth(70).barHeight('100%').animationDuration(400)
+            .onChange((index: number) => {
+                console.info(index.toString())
+            })
+            .height('200vp')
+            .width('90%')
+            .key('tabsTest5')
+            
+        }
+    }
+}
\ No newline at end of file

arkui/ace_ets_components_ux/ace_ets_component_tabs/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_tabs/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 tabs from './Tabs'
+
+export default function testsuite() {
+       tabs()
+}
\ No newline at end of file

arkui/ace_ets_components_ux/ace_ets_component_tabs/src/main/ets/test/Tabs.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 { describe, beforeEach, afterEach, it, expect } from '@ohos/hypium'
+import events_emitter from '@ohos.events.emitter';
+import Utils from './Utils.ets';
+export default function tabs() {
+  describe('ActsAceTabsTest', function () {
+    beforeEach(async function (done) {
+      await Utils.sleep(2000);
+      console.info("tabs beforeEach start");
+      done();
+    })
+
+    afterEach(async function (done) {
+      console.info("tabs afterEach start");
+      try {
+        var eventData = {
+          data: {
+            "strokeWidthStr": '10px',
+            "dividerColorStr": 'red',
+            "startMarginStr": '5px',
+            "endMarginStr": '5px',
+
+            "nullFlag": false,
+
+            "strokeWidthNum": 10,
+            "dividerColorNum": 0xFFFF0000,
+            "startMarginNum": 5,
+            "endMarginNum": 5,
+
+            "dividerColor": Color.Red,
+
+            "strokeWidthRes": $r("app.string.Divider_Stroke_Width"),
+            "dividerColorRes": $r("app.color.Divider_Color"),
+            "startMarginRes": $r("app.string.Divider_Start_Margin"),
+            "endMarginRes": $r("app.string.Divider_End_Margin"),
+
+            "overflowFlag": false,
+            "selfIndicatorColor": Color.Red,
+            "selfIndicatorHeight": 10,
+            "selfIndicatorWidth": 30,
+            "selfIndicatorBorderRadius": 5,
+            "selfMarginTop": 10,
+            "selfSubTabBorderRadius": 20,
+            "selfSelectedMode": SelectedMode.INDICATOR,
+
+            "selfIndicatorColorStr": "#FFFF0000",
+            "selfIndicatorHeightStr": "10vp",
+            "selfIndicatorWidthStr": "30vp",
+            "selfIndicatorBorderRadiusStr": "5vp",
+            "selfSubTabBorderRadiusStr": "20vp",
+            "selfMarginTopStr": "10vp",
+          }
+        }
+        var innerEvent = {
+          eventId: 183,
+          priority: events_emitter.EventPriority.LOW
+        }
+        console.info("[ArkUI_Tabs_Divider_0100] start to publish emit");
+        events_emitter.emit(innerEvent, eventData);
+      } catch (err) {
+        console.log("[ArkUI_Tabs_Divider_0100] change component data error: " + err.message);
+      }
+      await Utils.sleep(2000);
+      done();
+    })
+
+
+    /**
+     * @tc.number    ArkUI_Tabs_Divider_0100
+     * @tc.name      Tests the divier property of the tabs component
+     * @tc.desc      the default divier parameter is {}
+     */
+    it('ArkUI_Tabs_Divider_0100', 0, async function (done) {
+      console.info("ArkUI_Tabs_Divider_0100 start");
+      let strJson = getInspectorByKey('tabsTest5');
+      let obj = JSON.parse(strJson);
+      console.info("[ArkUI_Tabs_Divider_0100] divider:" + obj.$attrs.divider);
+      if(!obj.$attrs.divider.strokeWidth) {
+        expect(true).assertTrue();
+      } else {
+        expect(true).assertFalse();
+      }
+      done();
+    });
+
+    /**
+     * @tc.number    ArkUI_Tabs_Divider_0200
+     * @tc.name      Tests the divier property of the tabs component
+     * @tc.desc      set divier parameter to type number
+     */
+    it('ArkUI_Tabs_Divider_0200', 0, async function (done) {
+      console.info("ArkUI_Tabs_Divider_0200 start");
+      let strJson = getInspectorByKey('tabsTest');
+      let obj = JSON.parse(strJson);
+      
+      console.info("[ArkUI_Tabs_Divider_0200] divider:" + JSON.stringify(obj.$attrs.divider));
+      let dividerObject = obj.$attrs.divider;
+      expect(dividerObject.strokeWidth).assertEqual("10.00px");
+      expect(dividerObject.color).assertEqual("#FFFF0000");
+      expect(dividerObject.startMargin).assertEqual("5.00px");
+      expect(dividerObject.endMargin).assertEqual("5.00px");
+      done();
+    });
+
+    /**
+     * @tc.number    ArkUI_Tabs_Divider_0300
+     * @tc.name      Tests the divier property of the tabs component
+     * @tc.desc      set divier parameter to type string
+     */
+    it('ArkUI_Tabs_Divider_0300', 0, async function (done) {
+      console.info("ArkUI_Tabs_Divider_0300 start");
+      let strJson = getInspectorByKey('tabsTest2');
+      let obj = JSON.parse(strJson);
+      console.info("[ArkUI_Tabs_Divider_0300] divider:" + JSON.stringify(obj.$attrs.divider));
+      let dividerObject = obj.$attrs.divider;
+      expect(dividerObject.strokeWidth).assertEqual("10.00vp");
+      expect(dividerObject.color).assertEqual('#FFFF0000');
+      expect(dividerObject.startMargin).assertEqual("5.00vp");
+      expect(dividerObject.endMargin).assertEqual("5.00vp");
+      done();
+    });
+
+    /**
+     * @tc.number    ArkUI_Tabs_Divider_0400
+     * @tc.name      Tests the divier property of the tabs component
+     * @tc.desc      set divier parameter to type Resource
+     */
+    it('ArkUI_Tabs_Divider_0400', 0, async function (done) {
+      console.info("ArkUI_Tabs_Divider_0400 start");
+      await Utils.sleep(2000);
+      let strJson = getInspectorByKey('tabsTest3');
+      let obj = JSON.parse(strJson);
+      console.info("[ArkUI_Tabs_Divider_0400] divider:" + JSON.stringify(obj.$attrs.divider));
+      let dividerObject = obj.$attrs.divider;
+      expect(dividerObject.strokeWidth).assertEqual("10.00px");
+      expect(dividerObject.color).assertEqual('#FF121212');
+      expect(dividerObject.startMargin).assertEqual("5.00px");
+      expect(dividerObject.endMargin).assertEqual("5.00px");
+      done();
+    });
+
+    /**
+     * @tc.number    ArkUI_Tabs_Divider_0500
+     * @tc.name      Tests the divier property of the tabs component
+     * @tc.desc      set divier parameter to type Color
+     */
+    it('ArkUI_Tabs_Divider_0500', 0, async function (done) {
+      console.info("ArkUI_Tabs_Divider_0500 start");
+      await Utils.sleep(2000);
+      let strJson = getInspectorByKey('tabsTest4');
+      let obj = JSON.parse(strJson);
+      console.info("[ArkUI_Tabs_Divider_0500] divider:" + JSON.stringify(obj.$attrs.divider));
+      let dividerObject = obj.$attrs.divider;
+      expect(dividerObject.strokeWidth).assertEqual("10.00px");
+      expect(dividerObject.color).assertEqual("#FFFF0000");
+      expect(dividerObject.startMargin).assertEqual("5.00px");
+      expect(dividerObject.endMargin).assertEqual("5.00px");
+      done();
+    });
+
+    /**
+     * @tc.number    ArkUI_Tabs_Divider_0600
+     * @tc.name      Tests the divier property of the tabs component
+     * @tc.desc      set divier parameter to null
+     */
+    it('ArkUI_Tabs_Divider_0600', 0, async function (done) {
+      console.info("ArkUI_Tabs_Divider_0600 start");
+
+      try {
+        var eventData = {
+          data: {
+            "nullFlag": true,
+          }
+        }
+        var innerEvent = {
+          eventId: 183,
+          priority: events_emitter.EventPriority.LOW
+        }
+        console.info("[ArkUI_Tabs_Divider_0600] start to publish emit");
+        events_emitter.emit(innerEvent, eventData);
+      } catch (err) {
+        console.log("[ArkUI_Tabs_Divider_0600] change component data error: " + err.message);
+      }
+      await Utils.sleep(2000);
+      let strJson = getInspectorByKey('tabsTest');
+      let obj = JSON.parse(strJson);
+      console.info("[ArkUI_Tabs_Divider_0600] divider:" + JSON.stringify(obj.$attrs.divider));
+      let dividerObject = obj.$attrs.divider;
+      expect(dividerObject.strokeWidth).assertEqual("0.00px");
+      expect(dividerObject.color).assertEqual('#33182431');
+      expect(dividerObject.startMargin).assertEqual('0.00px');
+      expect(dividerObject.endMargin).assertEqual('0.00px');
+      done();
+    });
+
+    /**
+     * @tc.number    ArkUI_Tabs_Divider_0700
+     * @tc.name      Tests the divier property of the tabs component
+     * @tc.desc      set divier parameter to abnormol color value
+     */
+    it('ArkUI_Tabs_Divider_0700', 0, async function (done) {
+      console.info("ArkUI_Tabs_Divider_0700 start");
+
+      try {
+        var eventData = {
+          data: {
+            "strokeWidthStr": '10px',
+            "dividerColorStr": 'xxxxxxxx',
+            "startMarginStr": '5px',
+            "endMarginStr": '5px',
+          }
+        }
+        var innerEvent = {
+          eventId: 183,
+          priority: events_emitter.EventPriority.LOW
+        }
+        console.info("[ArkUI_Tabs_Divider_0700] start to publish emit");
+        events_emitter.emit(innerEvent, eventData);
+      } catch (err) {
+        console.log("[ArkUI_Tabs_Divider_0700] change component data error: " + err.message);
+      }
+      await Utils.sleep(2000);
+      let strJson = getInspectorByKey('tabsTest');
+      let obj = JSON.parse(strJson);
+      console.info("[ArkUI_Tabs_Divider_0700] divider:" + JSON.stringify(obj.$attrs.divider));
+      let dividerObject = obj.$attrs.divider;
+      expect(dividerObject.strokeWidth).assertEqual("10.00px");
+      expect(dividerObject.color).assertEqual('#33182431');
+      expect(dividerObject.startMargin).assertEqual("5.00px");
+      expect(dividerObject.endMargin).assertEqual("5.00px");
+      done();
+    });
+
+    /**
+     * @tc.number    ArkUI_Tabs_Divider_0800
+     * @tc.name      Tests the divier property of the tabs component
+     * @tc.desc      set divier parameter to abnormol strokeWidthStr value
+     */
+    it('ArkUI_Tabs_Divider_0800', 0, async function (done) {
+      console.info("ArkUI_Tabs_Divider_0800 start");
+
+      try {
+        var eventData = {
+          data: {
+            "strokeWidthStr": 'xxxxxxxx',
+            "dividerColorStr": 'red',
+            "startMarginStr": '5px',
+            "endMarginStr": '5px',
+          }
+        }
+        var innerEvent = {
+          eventId: 183,
+          priority: events_emitter.EventPriority.LOW
+        }
+        console.info("[ArkUI_Tabs_Divider_0900] start to publish emit");
+        events_emitter.emit(innerEvent, eventData);
+      } catch (err) {
+        console.log("[ArkUI_Tabs_Divider_0800] change component data error: " + err.message);
+      }
+      await Utils.sleep(2000);
+      let strJson = getInspectorByKey('tabsTest');
+      let obj = JSON.parse(strJson);
+      console.info("[ArkUI_Tabs_Divider_0800] divider:" + JSON.stringify(obj.$attrs.divider));
+      let dividerObject = obj.$attrs.divider;
+      expect(dividerObject.strokeWidth).assertEqual('0.00vp');
+      done();
+    });
+
+    /**
+     * @tc.number    ArkUI_Tabs_Divider_0900
+     * @tc.name      Tests the divier property of the tabs component
+     * @tc.desc      set divier parameter to abnormol startMarginStr value
+     */
+    it('ArkUI_Tabs_Divider_0900', 0, async function (done) {
+      console.info("ArkUI_Tabs_Divider_0900 start");
+
+      try {
+        var eventData = {
+          data: {
+            "strokeWidthStr": '10px',
+            "dividerColorStr": 'red',
+            "startMarginStr": 'xxxxxxxx',
+            "endMarginStr": '5px',
+          }
+        }
+        var innerEvent = {
+          eventId: 183,
+          priority: events_emitter.EventPriority.LOW
+        }
+        console.info("[ArkUI_Tabs_Divider_0900] start to publish emit");
+        events_emitter.emit(innerEvent, eventData);
+      } catch (err) {
+        console.log("[ArkUI_Tabs_Divider_0900] change component data error: " + err.message);
+      }
+      await Utils.sleep(2000);
+      let strJson = getInspectorByKey('tabsTest');
+      let obj = JSON.parse(strJson);
+      console.info("[ArkUI_Tabs_Divider_0900] divider:" + JSON.stringify(obj.$attrs.divider));
+      let dividerObject = obj.$attrs.divider;
+      expect(dividerObject.startMargin).assertEqual('0.00vp');
+      done();
+    });
+
+    /**
+     * @tc.number    ArkUI_Tabs_Divider_1000
+     * @tc.name      Tests the divier property of the tabs component
+     * @tc.desc      set divier parameter to abnormol endMarginStr value
+     */
+    it('ArkUI_Tabs_Divider_1000', 0, async function (done) {
+      console.info("ArkUI_Tabs_Divider_1000 start");
+
+      try {
+        var eventData = {
+          data: {
+            "strokeWidthStr": '10px',
+            "dividerColorStr": 'red',
+            "startMarginStr": '5px',
+            "endMarginStr": 'xxxxxxxx',
+          }
+        }
+        var innerEvent = {
+          eventId: 183,
+          priority: events_emitter.EventPriority.LOW
+        }
+        console.info("[ArkUI_Tabs_Divider_1000] start to publish emit");
+        events_emitter.emit(innerEvent, eventData);
+      } catch (err) {
+        console.log("[ArkUI_Tabs_Divider_1000] change component data error: " + err.message);
+      }
+      await Utils.sleep(2000);
+      let strJson = getInspectorByKey('tabsTest');
+      let obj = JSON.parse(strJson);
+      console.info("[ArkUI_Tabs_Divider_1000] divider:" + JSON.stringify(obj.$attrs.divider));
+      let dividerObject = obj.$attrs.divider;
+      expect(dividerObject.endMargin).assertEqual('0.00vp');
+      done();
+    });
+    
+    /**
+     * @tc.number    ArkUI_Tabs_Divider_1100
+     * @tc.name      Tests the divider and indicator.selectedMode property of the tabs component
+     * @tc.desc      set divider and indicator.selectedMode test
+     */
+    it('ArkUI_Tabs_Divider_1100', 0, async function (done) {
+      console.info("ArkUI_Tabs_Divider_1100 start");
+      
+      try {
+        var eventData = {
+          data: {
+            "strokeWidthStr": '10px',
+            "dividerColorStr": 'red',
+            "startMarginStr": '5px',
+            "endMarginStr": '5px',
+            "selfSelectedMode": SelectedMode.BOARD,
+          }
+        }
+        var innerEvent = {
+          eventId: 183,
+          priority: events_emitter.EventPriority.LOW
+        }
+        console.info("[ArkUI_Tabs_Divider_1100] start to publish emit");
+        events_emitter.emit(innerEvent, eventData);
+      } catch (err) {
+        console.log("[ArkUI_Tabs_Divider_1100] change component data error: " + err.message);
+      }
+      await Utils.sleep(2000);
+      let strJson = getInspectorByKey('tabsTest');
+      let strJson2 = getInspectorByKey('indicatorTest1');
+      let obj = JSON.parse(strJson);
+      let obj2 = JSON.parse(strJson2);
+      console.info("[ArkUI_Tabs_Divider_1100] divider:" + JSON.stringify(obj.$attrs.divider));
+      console.info("[ArkUI_Tabs_Divider_1100] selectedMode:" + obj2.$attrs.tabBar.selectedMode);
+      let dividerObject = obj.$attrs.divider;
+      expect(dividerObject.strokeWidth).assertEqual("10.00px");
+      expect(dividerObject.color).assertEqual("#FFFF0000");
+      expect(dividerObject.startMargin).assertEqual("5.00px");
+      expect(dividerObject.endMargin).assertEqual("5.00px");
+      expect(obj2.$attrs.tabBar.selectedMode).assertEqual("SelectedMode.BOARD");
+      done();
+    });
+    
+    /**
+     * @tc.number    ArkUI_Tabs_Divider_1200
+     * @tc.name      Tests the divier property of the tabs component
+     * @tc.desc      set divier parameter to abnormol endMarginStr value
+     */
+    it('ArkUI_Tabs_Divider_1200', 0, async function (done) {
+      console.info("ArkUI_Tabs_Divider_1200 start");
+
+      try {
+        var eventData = {
+          data: {
+            "strokeWidthStr": '10vp',
+            "startMarginStr": '10vp',
+            "endMarginStr": '10vp',
+          }
+        }
+        var innerEvent = {
+          eventId: 183,
+          priority: events_emitter.EventPriority.LOW
+        }
+        console.info("[ArkUI_Tabs_Divider_1200] start to publish emit");
+        events_emitter.emit(innerEvent, eventData);
+      } catch (err) {
+        console.log("[ArkUI_Tabs_Divider_1200] change component data error: " + err.message);
+      }
+      await Utils.sleep(2000);
+      let strJson = getInspectorByKey('tabsTest');
+      let obj = JSON.parse(strJson);
+      console.info("[ArkUI_Tabs_Divider_1200] divider:" + JSON.stringify(obj.$attrs.divider));
+      let dividerObject = obj.$attrs.divider;
+      expect(dividerObject.strokeWidth).assertEqual('10.00vp');
+      expect(dividerObject.startMargin).assertEqual('10.00vp');
+      expect(dividerObject.endMargin).assertEqual('10.00vp');
+
+      try {
+        var eventData = {
+          data: {
+            "strokeWidthStr": '10px',
+            "startMarginStr": '10px',
+            "endMarginStr": '10px',
+          }
+        }
+        var innerEvent = {
+          eventId: 183,
+          priority: events_emitter.EventPriority.LOW
+        }
+        console.info("[ArkUI_Tabs_Divider_1200] start to publish emit");
+        events_emitter.emit(innerEvent, eventData);
+      } catch (err) {
+        console.log("[ArkUI_Tabs_Divider_1200] change component data error: " + err.message);
+      }
+      await Utils.sleep(2000);
+      strJson = getInspectorByKey('tabsTest');
+      obj = JSON.parse(strJson);
+      console.info("[ArkUI_Tabs_Divider_1200] divider:" + JSON.stringify(obj.$attrs.divider));
+      dividerObject = obj.$attrs.divider;
+      expect(dividerObject.strokeWidth).assertEqual('10.00px');
+      expect(dividerObject.startMargin).assertEqual('10.00px');
+      expect(dividerObject.endMargin).assertEqual('10.00px');
+
+      try {
+        var eventData = {
+          data: {
+            "strokeWidthStr": '10fp',
+            "startMarginStr": '10fp',
+            "endMarginStr": '10fp',
+          }
+        }
+        var innerEvent = {
+          eventId: 183,
+          priority: events_emitter.EventPriority.LOW
+        }
+        console.info("[ArkUI_Tabs_Divider_1200] start to publish emit");
+        events_emitter.emit(innerEvent, eventData);
+      } catch (err) {
+        console.log("[ArkUI_Tabs_Divider_1200] change component data error: " + err.message);
+      }
+      await Utils.sleep(2000);
+      strJson = getInspectorByKey('tabsTest');
+      obj = JSON.parse(strJson);
+      console.info("[ArkUI_Tabs_Divider_1200] divider:" + JSON.stringify(obj.$attrs.divider));
+      dividerObject = obj.$attrs.divider;
+      expect(dividerObject.strokeWidth).assertEqual('10.00fp');
+      expect(dividerObject.startMargin).assertEqual('10.00fp');
+      expect(dividerObject.endMargin).assertEqual('10.00fp');
+
+      try {
+        var eventData = {
+          data: {
+            "strokeWidthStr": '10lpx',
+            "startMarginStr": '10lpx',
+            "endMarginStr": '10lpx',
+          }
+        }
+        var innerEvent = {
+          eventId: 183,
+          priority: events_emitter.EventPriority.LOW
+        }
+        console.info("[ArkUI_Tabs_Divider_1200] start to publish emit");
+        events_emitter.emit(innerEvent, eventData);
+      } catch (err) {
+        console.log("[ArkUI_Tabs_Divider_1200] change component data error: " + err.message);
+      }
+      await Utils.sleep(2000);
+      strJson = getInspectorByKey('tabsTest');
+      obj = JSON.parse(strJson);
+      console.info("[ArkUI_Tabs_Divider_1200] divider:" + JSON.stringify(obj.$attrs.divider));
+      dividerObject = obj.$attrs.divider;
+      expect(dividerObject.strokeWidth).assertEqual('10.00lpx');
+      expect(dividerObject.startMargin).assertEqual('10.00lpx');
+      expect(dividerObject.endMargin).assertEqual('10.00lpx');
+      done();
+    });
+  })
+}

arkui/ace_ets_components_ux/ace_ets_component_tabs/src/main/ets/test/Utils.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.
+ */
+
+export default class Utils {
+    static sleep(time){
+        return new Promise((resolve,reject)=>{
+            setTimeout(()=>{
+                resolve("ok")
+            },time)
+        }).then(()=>{
+            console.info(`sleep ${time} over...`)
+        })
+    }
+}

arkui/ace_ets_components_ux/ace_ets_component_tabs/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"
+            ]
+          }
+        ]
+      }
+    ]
+  }
+}

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

+{
+  "color": [
+    {
+      "name": "start_window_background",
+      "value": "#FFFFFF"
+    },
+    {
+      "name": "Divider_Color",
+      "value": "#FF121212"
+    },
+    {
+      "name": "Indicator_Color",
+      "value": "#FFFF0000"
+    }
+  ]
+}
\ No newline at end of file

arkui/ace_ets_components_ux/ace_ets_component_tabs/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": "Divider_Stroke_Width",
+      "value": "10px"
+    },
+    {
+      "name": "Divider_Start_Margin",
+      "value": "5px"
+    },
+    {
+      "name": "Divider_End_Margin",
+      "value": "5px"
+    },
+    {
+      "name": "Indicator_Height",
+      "value": "10vp"
+    },
+    {
+      "name": "Indicator_Width",
+      "value": "30vp"
+    },
+    {
+      "name": "Indicator_Radius",
+      "value": "5vp"
+    },
+    {
+      "name": "Indicator_Sub_Radius",
+      "value": "20vp"
+    },
+    {
+      "name": "Indicator_Space",
+      "value": "10vp"
+    }
+  ]
+}
\ No newline at end of file

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

+{
+  "src": [
+    "TestAbility/pages/Index"
+  ]
+}