UX3panelXts

Signed-off-by: Ntengfan <tengfan3@huawei.com>

arkui/ace_ets_components_ux/BUILD.gn

@@ -24,6 +24,7 @@ group("componentUxTest") {
       "ace_ets_component_indexer:ActsAlphabetIndexerTest",
       "ace_ets_component_list:ActsAceListTest",
       "ace_ets_component_menu:ActsAceMenuTest",
+      "ace_ets_component_panel:ActsAcePanelTest",
       "ace_ets_component_popup:ActsAcePopupTest",
       "ace_ets_component_progress:ActsAceProgressTest",
       "ace_ets_component_radio:ActsAceRadioTest",

arkui/ace_ets_components_ux/ace_ets_component_panel/AppScope/app.json

+{
+    "app": {
+        "bundleName": "com.example.paneltest",
+    	"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
+        }
+    }
+}

arkui/ace_ets_components_ux/ace_ets_component_panel/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_panel/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("ActsAcePanelTest") {
+  hap_profile = "src/main/module.json"
+  js_build_mode = "debug"
+  deps = [
+    ":ace_ets_component_panel_js_assets",
+    ":ace_ets_component_panel_resources",
+  ]
+  ets2abc = true
+  certificate_profile = "signature/openharmony_sx.p7b"
+  hap_name = "ActsAcePanelTest"
+  part_name = "ace_engine"
+  subsystem_name = "arkui"
+}
+
+ohos_app_scope("ace_ets_component_panel_profile") {
+  app_profile = "AppScope/app.json"
+  sources = [ "AppScope/resources" ]
+}
+
+ohos_js_assets("ace_ets_component_panel_js_assets") {
+  source_dir = "src/main/ets"
+}
+
+ohos_resources("ace_ets_component_panel_resources") {
+  sources = [ "src/main/resources" ]
+  deps = [ ":ace_ets_component_panel_profile" ]
+  hap_profile = "src/main/module.json"
+}

arkui/ace_ets_components_ux/ace_ets_component_panel/Test.json

+{
+    "description": "Configuration for hjunit demo Tests",
+    "driver": {
+        "type": "OHJSUnitTest",
+        "test-timeout": "600000",
+        "bundle-name": "com.example.paneltest",
+        "module-name": "entry_test",
+        "shell-timeout": "600000",
+        "testcase-timeout": 70000
+    },
+    "kits": [{
+        "test-file-name": [
+            "ActsAcePanelTest.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_panel/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_panel/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 AbilityDelegatorRegistry from '@ohos.application.abilityDelegatorRegistry';
+import { Hypium } from '@ohos/hypium';
+import hilog from '@ohos.hilog';
+import testsuite from '../../test/List.test'
+@Entry
+@Component
+struct PanelExample {
+  @State show: boolean = true
+  @State isShowCloseIcon: boolean = true
+  aboutToAppear(){
+    var abilityDelegator: any
+    abilityDelegator = AbilityDelegatorRegistry.getAbilityDelegator()
+    var abilityDelegatorArguments: any
+    abilityDelegatorArguments = AbilityDelegatorRegistry.getArguments()
+    hilog.info(0x0000, 'testTag', '%{public}s', 'start run testcase!!!');
+    Hypium.hypiumTest(abilityDelegator, abilityDelegatorArguments, testsuite)
+  }
+
+  build(){
+
+    Column(){
+      Panel(true){
+        Text('true')
+      }
+      .showCloseIcon(true)
+      .key('ArkUX_Stage_Panel_showCloseIcon_0100')
+
+      Panel(true){
+        Text('false')
+      }
+      .showCloseIcon(false)
+      .key('ArkUX_Stage_Panel_showCloseIcon_0200')
+
+      Panel(true){
+        Text('true -> false')
+      }
+      .showCloseIcon(true)
+      .showCloseIcon(false)
+      .key('ArkUX_Stage_Panel_showCloseIcon_0300')
+
+      Panel(true){
+        Text('false -> true')
+      }
+      .showCloseIcon(false)
+      .showCloseIcon(true)
+      .key('ArkUX_Stage_Panel_showCloseIcon_0400')
+
+      Panel(true){
+        Text('空字符串')
+      }
+      .showCloseIcon(" ")
+      .key('ArkUX_Stage_Panel_showCloseIcon_0500')
+
+      Panel(true){
+        Text('null')
+      }
+      .showCloseIcon(null)
+      .key('ArkUX_Stage_Panel_showCloseIcon_0600')
+
+      Panel(true){
+        Text('0')
+      }
+      .showCloseIcon(0)
+      .key('ArkUX_Stage_Panel_showCloseIcon_0700')
+
+      Panel(true){
+        Text('1')
+      }
+      .showCloseIcon(1)
+      .key('ArkUX_Stage_Panel_showCloseIcon_0800')
+
+      Panel(true){
+        Text('100')
+      }
+      .showCloseIcon(100)
+      .key('ArkUX_Stage_Panel_showCloseIcon_0900')
+
+      Panel(true){
+        Text('undefined')
+      }
+      .showCloseIcon(undefined)
+      .key('ArkUX_Stage_Panel_showCloseIcon_1000')
+
+      Panel(true){
+        Text('字符串true')
+      }
+      .showCloseIcon("true")
+      .key('ArkUX_Stage_Panel_showCloseIcon_1100')
+
+      Panel(true){
+        Text('不设置')
+      }
+      .showCloseIcon()
+      .key('ArkUX_Stage_Panel_showCloseIcon_1200')
+
+      Panel(true){
+        Text('true -> undefined')
+      }
+      .showCloseIcon(true)
+      .showCloseIcon(undefined)
+      .key('ArkUX_Stage_Panel_showCloseIcon_1300')
+
+      Panel(true){
+        Text('true -> null')
+      }
+      .showCloseIcon(true)
+      .showCloseIcon(null)
+      .key('ArkUX_Stage_Panel_showCloseIcon_1400')
+
+      Panel(true){
+        Text('true -> 空字符串')
+      }
+      .showCloseIcon(true)
+      .showCloseIcon(" ")
+      .key('ArkUX_Stage_Panel_showCloseIcon_1500')
+
+
+
+
+    }
+  }
+}
\ No newline at end of file

arkui/ace_ets_components_ux/ace_ets_component_panel/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): Promise<void> {
+  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();
+    let testAbilityName = abilityDelegatorArguments.bundleName + '.TestAbility';
+    let lMonitor = {
+      abilityName: testAbilityName,
+      onAbilityCreate: onAbilityCreateCallback,
+    };
+    abilityDelegator.addAbilityMonitor(lMonitor, addAbilityMonitorCallback);
+    let cmd = 'aa start -d 0 -a TestAbility' + ' -b ' + abilityDelegatorArguments.bundleName;
+    cmd += ' ' + translateParamsToString(abilityDelegatorArguments.parameters);
+    let 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, d) => {
+        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');
+  }
+}

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

arkui/ace_ets_components_ux/ace_ets_component_panel/src/main/ets/test/panelClose.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, beforeAll, beforeEach, afterEach, it, expect } from '@ohos/hypium'
+let emitKey = "emitUserAgent";
+export default function panelTest() {
+
+  describe('ActsPanel_showCloseIconTest', function () {
+
+    beforeAll(function () {
+      // Presets an action, which is performed only once before all test cases of the test suite start.
+      // This API supports only one parameter: preset action function.
+      setTimeout(() => {
+      }, 1000)
+    })
+
+    /*
+     *tc.number ArkUX_Stage_Panel_showCloseIcon_0100
+     *tc.name   Support modifying  the close icon shown or not
+     *tc.desc   Sets the showCloseIcon property parameter to true
+     */
+    it('ArkUX_Stage_Panel_showCloseIcon_0100', 0, async function (done) {
+      console.info('ArkUX_Stage_Panel_showCloseIcon_0100 START');
+      try {
+        let strJson = getInspectorByKey('ArkUX_Stage_Panel_showCloseIcon_0100');
+        console.info('ArkUX_Stage_Panel_showCloseIcon_0100 START  :' + JSON.stringify(strJson));
+        let obj = JSON.parse(strJson);
+        console.info("ArkUX_Stage_Panel_showCloseIcon_0100 component obj.$attrs.showCloseIcon is: " +
+        JSON.stringify(obj.$attrs.showCloseIcon));
+        expect(obj.$attrs.showCloseIcon).assertEqual("true");
+        console.info('ArkUX_Stage_Panel_showCloseIcon_0100 END ');
+      } catch (err) {
+        expect().assertFail();
+        console.info('ArkUX_Stage_Panel_showCloseIcon_0100 ERR  ' + JSON.stringify(err));
+      }
+      done();
+    });
+
+    /*
+     *tc.number ArkUX_Stage_Panel_showCloseIcon_0200
+     *tc.name   Support modifying  the close icon shown or not
+     *tc.desc   Sets the showCloseIcon property parameter to false
+     */
+    it('ArkUX_Stage_Panel_showCloseIcon_0200', 0, async function (done) {
+      console.info('ArkUX_Stage_Panel_showCloseIcon_0200 START')
+      try {
+        let strJson = getInspectorByKey('ArkUX_Stage_Panel_showCloseIcon_0200');
+        console.info('ArkUX_Stage_Panel_showCloseIcon_0200 START  :' + JSON.stringify(strJson));
+        let obj = JSON.parse(strJson);
+        console.info("ArkUX_Stage_Panel_showCloseIcon_0200 component obj.$attrs.showCloseIcon is: " +
+        JSON.stringify(obj.$attrs.showCloseIcon));
+        expect(obj.$attrs.showCloseIcon).assertEqual("false");
+        console.info('ArkUX_Stage_Panel_showCloseIcon_0200 END ');
+      } catch (err) {
+        expect().assertFail();
+        console.info('ArkUX_Stage_Panel_showCloseIcon_0200 ERR  ' + JSON.stringify(err));
+      }
+      done();
+    });
+
+    /*
+     *tc.number ArkUX_Stage_Panel_showCloseIcon_0300
+     *tc.name   Support modifying  the close icon shown or not
+     *tc.desc   Sets the showCloseIcon property parameter from true to false
+     */
+    it('ArkUX_Stage_Panel_showCloseIcon_0300', 0, async function (done) {
+      console.info('ArkUX_Stage_Panel_showCloseIcon_0300 START');
+      try {
+        let strJson = getInspectorByKey('ArkUX_Stage_Panel_showCloseIcon_0300');
+        console.info('ArkUX_Stage_Panel_showCloseIcon_0300 START  :' + JSON.stringify(strJson));
+        let obj = JSON.parse(strJson);
+        console.info("ArkUX_Stage_Panel_showCloseIcon_0300 component obj.$attrs.showCloseIcon is: " +
+        JSON.stringify(obj.$attrs.showCloseIcon));
+        expect(obj.$attrs.showCloseIcon).assertEqual("false");
+        console.info('ArkUX_Stage_Panel_showCloseIcon_0300 END ');
+      } catch (err) {
+        expect().assertFail();
+        console.info('ArkUX_Stage_Panel_showCloseIcon_0300 ERR  ' + JSON.stringify(err));
+      }
+      done();
+    });
+
+    /*
+     *tc.number ArkUX_Stage_Panel_showCloseIcon_0400
+     *tc.name   Support modifying  the close icon shown or not
+     *tc.desc   Sets the showCloseIcon property parameter from false to true
+     */
+    it('ArkUX_Stage_Panel_showCloseIcon_0400', 0, async function (done) {
+      console.info('ArkUX_Stage_Panel_showCloseIcon_0400 START');
+      try {
+        let strJson = getInspectorByKey('ArkUX_Stage_Panel_showCloseIcon_0400');
+        console.info('ArkUX_Stage_Panel_showCloseIcon_0400 START  :' + JSON.stringify(strJson));
+        let obj = JSON.parse(strJson);
+        console.info("ArkUX_Stage_Panel_showCloseIcon_0400 component obj.$attrs.showCloseIcon is: " +
+        JSON.stringify(obj.$attrs.showCloseIcon));
+        expect(obj.$attrs.showCloseIcon).assertEqual("true");
+        console.info('ArkUX_Stage_Panel_showCloseIcon_0400 END ');
+      } catch (err) {
+        expect().assertFail();
+        console.info('ArkUX_Stage_Panel_showCloseIcon_0400 ERR  ' + JSON.stringify(err));
+      }
+      done();
+    });
+
+    /*
+     *tc.number ArkUX_Stage_Panel_showCloseIcon_0500
+     *tc.name   Support modifying  the close icon shown or not
+     *tc.desc   Sets the showCloseIcon property parameter to " "
+     */
+    it('ArkUX_Stage_Panel_showCloseIcon_0500', 0, async function (done) {
+      console.info('ArkUX_Stage_Panel_showCloseIcon_0500 START');
+      try {
+        let strJson = getInspectorByKey('ArkUX_Stage_Panel_showCloseIcon_0500');
+        console.info('ArkUX_Stage_Panel_showCloseIcon_0500 START  :' + JSON.stringify(strJson));
+        let obj = JSON.parse(strJson);
+        console.info("ArkUX_Stage_Panel_showCloseIcon_0500 component obj.$attrs.showCloseIcon is: " +
+        JSON.stringify(obj.$attrs.showCloseIcon));
+        expect(obj.$attrs.showCloseIcon).assertEqual("false");
+        console.info('ArkUX_Stage_Panel_showCloseIcon_0500 END ');
+      } catch (err) {
+        expect().assertFail();
+        console.info('ArkUX_Stage_Panel_showCloseIcon_0500 ERR  ' + JSON.stringify(err));
+      }
+      done();
+    });
+
+    /*
+     *tc.number ArkUX_Stage_Panel_showCloseIcon_0600
+     *tc.name   Support modifying  the close icon shown or not
+     *tc.desc   Sets the showCloseIcon property parameter to null
+     */
+    it('ArkUX_Stage_Panel_showCloseIcon_0600', 0, async function (done) {
+      console.info('ArkUX_Stage_Panel_showCloseIcon_0600 START');
+      try {
+        let strJson = getInspectorByKey('ArkUX_Stage_Panel_showCloseIcon_0600');
+        console.info('ArkUX_Stage_Panel_showCloseIcon_0600 START  :' + JSON.stringify(strJson));
+        let obj = JSON.parse(strJson);
+        console.info("ArkUX_Stage_Panel_showCloseIcon_0600 component obj.$attrs.showCloseIcon is: " +
+        JSON.stringify(obj.$attrs.showCloseIcon));
+        expect(obj.$attrs.showCloseIcon).assertEqual("false");
+        console.info('ArkUX_Stage_Panel_showCloseIcon_0600 END ');
+      } catch (err) {
+        expect().assertFail();
+        console.info('ArkUX_Stage_Panel_showCloseIcon_0600 ERR  ' + JSON.stringify(err));
+      }
+      done();
+    });
+
+    /*
+     *tc.number ArkUX_Stage_Panel_showCloseIcon_0700
+     *tc.name   Support modifying  the close icon shown or not
+     *tc.desc   Sets the showCloseIcon property parameter to number 0
+     */
+    it('ArkUX_Stage_Panel_showCloseIcon_0700', 0, async function (done) {
+      console.info('ArkUX_Stage_Panel_showCloseIcon_0700 START');
+      try {
+        let strJson = getInspectorByKey('ArkUX_Stage_Panel_showCloseIcon_0700');
+        console.info('ArkUX_Stage_Panel_showCloseIcon_0700 START  :' + JSON.stringify(strJson));
+        let obj = JSON.parse(strJson);
+        console.info("ArkUX_Stage_Panel_showCloseIcon_0700 component obj.$attrs.showCloseIcon is: " +
+        JSON.stringify(obj.$attrs.showCloseIcon));
+        expect(obj.$attrs.showCloseIcon).assertEqual("false");
+        console.info('ArkUX_Stage_Panel_showCloseIcon_0700 END ');
+      } catch (err) {
+        expect().assertFail();
+        console.info('ArkUX_Stage_Panel_showCloseIcon_0700 ERR  ' + JSON.stringify(err));
+      }
+      done();
+    });
+
+    /*
+     *tc.number ArkUX_Stage_Panel_showCloseIcon_0800
+     *tc.name   Support modifying  the close icon shown or not
+     *tc.desc   Sets the showCloseIcon property parameter to number 1
+     */
+    it('ArkUX_Stage_Panel_showCloseIcon_0800', 0, async function (done) {
+      console.info('ArkUX_Stage_Panel_showCloseIcon_0800 START');
+      try {
+        let strJson = getInspectorByKey('ArkUX_Stage_Panel_showCloseIcon_0800');
+        console.info('ArkUX_Stage_Panel_showCloseIcon_0800 START  :' + JSON.stringify(strJson));
+        let obj = JSON.parse(strJson);
+        console.info("ArkUX_Stage_Panel_showCloseIcon_0800 component obj.$attrs.showCloseIcon is: " +
+        JSON.stringify(obj.$attrs.showCloseIcon));
+        expect(obj.$attrs.showCloseIcon).assertEqual("false");
+        console.info('ArkUX_Stage_Panel_showCloseIcon_0800 END ');
+      } catch (err) {
+        expect().assertFail();
+        console.info('ArkUX_Stage_Panel_showCloseIcon_0800 ERR  ' + JSON.stringify(err));
+      }
+      done();
+    });
+
+    /*
+     *tc.number ArkUX_Stage_Panel_showCloseIcon_0900
+     *tc.name   Support modifying  the close icon shown or not
+     *tc.desc   Sets the showCloseIcon property parameter to number 100
+     */
+    it('ArkUX_Stage_Panel_showCloseIcon_0900', 0, async function (done) {
+      console.info('ArkUX_Stage_Panel_showCloseIcon_0900 START');
+      try {
+        let strJson = getInspectorByKey('ArkUX_Stage_Panel_showCloseIcon_0900');
+        console.info('ArkUX_Stage_Panel_showCloseIcon_0900 START  :' + JSON.stringify(strJson));
+        let obj = JSON.parse(strJson);
+        console.info("ArkUX_Stage_Panel_showCloseIcon_0900 component obj.$attrs.showCloseIcon is: " +
+        JSON.stringify(obj.$attrs.showCloseIcon));
+        expect(obj.$attrs.showCloseIcon).assertEqual("false");
+        console.info('ArkUX_Stage_Panel_showCloseIcon_0900 END ');
+      } catch (err) {
+        expect().assertFail();
+        console.info('ArkUX_Stage_Panel_showCloseIcon_0900 ERR  ' + JSON.stringify(err));
+      }
+      done();
+    });
+
+    /*
+     *tc.number ArkUX_Stage_Panel_showCloseIcon_1000
+     *tc.name   Support modifying  the close icon shown or not
+     *tc.desc   Sets the showCloseIcon property parameter to undefined
+     */
+    it('ArkUX_Stage_Panel_showCloseIcon_1000', 0, async function (done) {
+      console.info('ArkUX_Stage_Panel_showCloseIcon_1000 START');
+      try {
+        let strJson = getInspectorByKey('ArkUX_Stage_Panel_showCloseIcon_1000');
+        console.info('ArkUX_Stage_Panel_showCloseIcon_1000 START  :' + JSON.stringify(strJson));
+        let obj = JSON.parse(strJson);
+        console.info("ArkUX_Stage_Panel_showCloseIcon_1000 component obj.$attrs.showCloseIcon is: " +
+        JSON.stringify(obj.$attrs.showCloseIcon));
+        expect(obj.$attrs.showCloseIcon).assertEqual("false");
+        console.info('ArkUX_Stage_Panel_showCloseIcon_1000 END ');
+      } catch (err) {
+        expect().assertFail();
+        console.info('ArkUX_Stage_Panel_showCloseIcon_1000 ERR  ' + JSON.stringify(err));
+      }
+      done();
+    });
+
+    /*
+     *tc.number ArkUX_Stage_Panel_showCloseIcon_1100
+     *tc.name   Support modifying  the close icon shown or not
+     *tc.desc   Sets the showCloseIcon property parameter to string "true"
+     */
+    it('ArkUX_Stage_Panel_showCloseIcon_1100', 0, async function (done) {
+      console.info('ArkUX_Stage_Panel_showCloseIcon_1100 START');
+      try {
+        let strJson = getInspectorByKey('ArkUX_Stage_Panel_showCloseIcon_1100');
+        console.info('ArkUX_Stage_Panel_showCloseIcon_1100 START  :' + JSON.stringify(strJson));
+        let obj = JSON.parse(strJson);
+        console.info("ArkUX_Stage_Panel_showCloseIcon_1100 component obj.$attrs.showCloseIcon is: " +
+        JSON.stringify(obj.$attrs.showCloseIcon));
+        expect(obj.$attrs.showCloseIcon).assertEqual("false");
+        console.info('ArkUX_Stage_Panel_showCloseIcon_1100 END ');
+      } catch (err) {
+        expect().assertFail();
+        console.info('ArkUX_Stage_Panel_showCloseIcon_1100 ERR  ' + JSON.stringify(err));
+      }
+      done();
+    });
+
+    /*
+     *tc.number ArkUX_Stage_Panel_showCloseIcon_1200
+     *tc.name   Support modifying  the close icon shown or not
+     *tc.desc   Not sets the showCloseIcon property parameter
+     */
+    it('ArkUX_Stage_Panel_showCloseIcon_1200', 0, async function (done) {
+      console.info('ArkUX_Stage_Panel_showCloseIcon_1200 START');
+      try {
+        let strJson = getInspectorByKey('ArkUX_Stage_Panel_showCloseIcon_1200');
+        console.info('ArkUX_Stage_Panel_showCloseIcon_1200 START  :' + JSON.stringify(strJson));
+        let obj = JSON.parse(strJson);
+        console.info("ArkUX_Stage_Panel_showCloseIcon_1200 component obj.$attrs.showCloseIcon is: " +
+        JSON.stringify(obj.$attrs.showCloseIcon));
+        expect(obj.$attrs.showCloseIcon).assertEqual("false");
+        console.info('ArkUX_Stage_Panel_showCloseIcon_1200 END ');
+      } catch (err) {
+        expect().assertFail();
+        console.info('ArkUX_Stage_Panel_showCloseIcon_1200 ERR  ' + JSON.stringify(err));
+      }
+      done();
+    });
+
+    /*
+     *tc.number ArkUX_Stage_Panel_showCloseIcon_1300
+     *tc.name   Support modifying  the close icon shown or not
+     *tc.desc   Sets the showCloseIcon property parameter from true to undefined
+     */
+    it('ArkUX_Stage_Panel_showCloseIcon_1300', 0, async function (done) {
+      console.info('ArkUX_Stage_Panel_showCloseIcon_1300 START');
+      try {
+        let strJson = getInspectorByKey('ArkUX_Stage_Panel_showCloseIcon_1300');
+        console.info('ArkUX_Stage_Panel_showCloseIcon_1300 START  :' + JSON.stringify(strJson));
+        let obj = JSON.parse(strJson);
+        console.info("ArkUX_Stage_Panel_showCloseIcon_1300 component obj.$attrs.showCloseIcon is: " +
+        JSON.stringify(obj.$attrs.showCloseIcon));
+        expect(obj.$attrs.showCloseIcon).assertEqual("false");
+        console.info('ArkUX_Stage_Panel_showCloseIcon_1300 END ');
+      } catch (err) {
+        expect().assertFail();
+        console.info('ArkUX_Stage_Panel_showCloseIcon_1300 ERR  ' + JSON.stringify(err));
+      }
+      done();
+    });
+
+    /*
+     *tc.number ArkUX_Stage_Panel_showCloseIcon_1400
+     *tc.name   Support modifying  the close icon shown or not
+     *tc.desc   Sets the showCloseIcon property parameter from true to null
+     */
+    it('ArkUX_Stage_Panel_showCloseIcon_1400', 0, async function (done) {
+      console.info('ArkUX_Stage_Panel_showCloseIcon_1400 START');
+      try {
+        let strJson = getInspectorByKey('ArkUX_Stage_Panel_showCloseIcon_1400');
+        console.info('ArkUX_Stage_Panel_showCloseIcon_1400 START  :' + JSON.stringify(strJson));
+        let obj = JSON.parse(strJson);
+        console.info("ArkUX_Stage_Panel_showCloseIcon_1400 component obj.$attrs.showCloseIcon is: " +
+        JSON.stringify(obj.$attrs.showCloseIcon));
+        expect(obj.$attrs.showCloseIcon).assertEqual("false");
+        console.info('ArkUX_Stage_Panel_showCloseIcon_1400 END ');
+      } catch (err) {
+        expect().assertFail();
+        console.info('ArkUX_Stage_Panel_showCloseIcon_1400 ERR  ' + JSON.stringify(err));
+      }
+      done();
+    });
+
+    /*
+     *tc.number ArkUX_Stage_Panel_showCloseIcon_1500
+     *tc.name   Support modifying  the close icon shown or not
+     *tc.desc   Sets the showCloseIcon property parameter from true to " "
+     */
+    it('ArkUX_Stage_Panel_showCloseIcon_1500', 0, async function (done) {
+      console.info('ArkUX_Stage_Panel_showCloseIcon_1500 START');
+      try {
+        let strJson = getInspectorByKey('ArkUX_Stage_Panel_showCloseIcon_1500');
+        console.info('ArkUX_Stage_Panel_showCloseIcon_1500 START  :' + JSON.stringify(strJson));
+        let obj = JSON.parse(strJson);
+        console.info("ArkUX_Stage_Panel_showCloseIcon_1500 component obj.$attrs.showCloseIcon is: " +
+        JSON.stringify(obj.$attrs.showCloseIcon));
+        expect(obj.$attrs.showCloseIcon).assertEqual("false");
+        console.info('ArkUX_Stage_Panel_showCloseIcon_1500 END ');
+      } catch (err) {
+        expect().assertFail();
+        console.info('ArkUX_Stage_Panel_showCloseIcon_1500 ERR  ' + JSON.stringify(err))
+      }
+      done();
+    });
+  })
+}

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

+{
+  "module": {
+    "name": "entry_test",
+    "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_panel/src/main/resources/base/element/color.json

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

arkui/ace_ets_components_ux/ace_ets_component_panel/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"
+    }
+  ]
+}
\ No newline at end of file

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

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