!9677 删除影响bage、checkbox、datapanel、radio、slider、textinput、test用例不通过的容器list

Merge pull request !9677 from sunjiakun/master

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

@@ -35,8 +35,6 @@ struct badgeTest {
   build() {
     Row() {
       Column() {
-        List({space: 0, initialIndex: 0 }){
-          ListItem(){
             Badge({
               count: 1,
               maxCount: 99,
@@ -50,8 +48,7 @@ struct badgeTest {
             }
             .width(100).height(50)
             .key("ArkUX_Stage_Badge_FontWeight_0100")
-          }
-          ListItem(){
+
             Badge({
               count: 1,
               maxCount: 99,
@@ -63,8 +60,7 @@ struct badgeTest {
             }
             .key("ArkUX_Stage_Badge_FontWeight_0200")
             .width(100).height(50)
-          }
-          ListItem(){
+
             Badge({
               value: 'new',
               style: { badgeSize: 6, badgeColor: '#FA2A2D', fontWeight: 100 }
@@ -75,8 +71,7 @@ struct badgeTest {
             }
             .key("ArkUX_Stage_Badge_FontWeight_0300")
             .width(100).height(50)
-          }
-          ListItem(){
+
             Badge({
               count: 1,
               maxCount: 99,
@@ -90,8 +85,7 @@ struct badgeTest {
             }
             .key("ArkUX_Stage_Badge_FontWeight_0400")
             .width(100).height(50)
-          }
-          ListItem(){
+
             Badge({
               count: 1,
               maxCount: 99,
@@ -105,8 +99,7 @@ struct badgeTest {
             }
             .key("ArkUX_Stage_Badge_FontWeight_0500")
             .width(100).height(50)
-          }
-          ListItem(){
+
             Badge({
               count: 1,
               maxCount: 99,
@@ -120,8 +113,7 @@ struct badgeTest {
             }
             .key("ArkUX_Stage_Badge_FontWeight_0600")
             .width(100).height(50)
-          }
-          ListItem(){
+
             Badge({
               count: 1,
               maxCount: 99,
@@ -136,8 +128,7 @@ struct badgeTest {
             }
             .key("ArkUX_Stage_Badge_FontWeight_0700")
             .width(100).height(50)
-          }
-          ListItem() {
+          
             Badge({
               count: 1,
               maxCount: 99,
@@ -151,8 +142,7 @@ struct badgeTest {
             }
             .key("ArkUX_Stage_Badge_FontWeight_0800")
             .width(100).height(50)
-          }
-          ListItem() {
+
             Badge({
               count: 1,
               maxCount: 99,
@@ -166,8 +156,7 @@ struct badgeTest {
             }
             .key("ArkUX_Stage_Badge_FontWeight_0900")
             .width(100).height(50)
-          }
-          ListItem() {
+
             Badge({
               count: 1,
               maxCount: 99,
@@ -181,8 +170,7 @@ struct badgeTest {
             }
             .key("ArkUX_Stage_Badge_FontWeight_1000")
             .width(100).height(50)
-          }
-          ListItem() {
+
             Badge({
               count: 1,
               maxCount: 99,
@@ -196,8 +184,7 @@ struct badgeTest {
             }
             .key("ArkUX_Stage_Badge_FontWeight_1100")
             .width(100).height(50)
-          }
-          ListItem() {
+
             Badge({
               count: 1,
               maxCount: 99,
@@ -211,8 +198,7 @@ struct badgeTest {
             }
             .key("ArkUX_Stage_Badge_FontWeight_1200")
             .width(100).height(50)
-          }
-          ListItem() {
+
             Badge({
               count: 1,
               maxCount: 99,
@@ -226,8 +212,7 @@ struct badgeTest {
             }
             .key("ArkUX_Stage_Badge_FontWeight_1300")
             .width(100).height(50)
-          }
-          ListItem() {
+
             Badge({
               count: 1,
               maxCount: 99,
@@ -242,8 +227,7 @@ struct badgeTest {
             }
             .key("ArkUX_Stage_Badge_FontWeight_1400")
             .width(100).height(50)
-          }
-          ListItem() {
+
             Badge({
               count: 1,
               maxCount: 99,
@@ -258,8 +242,7 @@ struct badgeTest {
             }
             .key("ArkUX_Stage_Badge_FontWeight_1500")
             .width(100).height(50)
-          }
-          ListItem() {
+
             Badge({
               count: 1,
               maxCount: 99,
@@ -274,8 +257,7 @@ struct badgeTest {
             .key("ArkUX_Stage_Badge_FontWeight_1600")
             .width(100).height(50)
             .layoutWeight(null)
-          }
-          ListItem() {
+
             Badge({
               count: 1,
               maxCount: 99,
@@ -288,8 +270,7 @@ struct badgeTest {
                 .width(200).height(50).backgroundColor(0x317aff)
             }
             .key("ArkUX_Stage_Badge_BorderColor_0100").height(20)
-          }
-          ListItem() {
+
             Badge({
               count: 1,
               maxCount: 99,
@@ -303,8 +284,7 @@ struct badgeTest {
                 .width(200).height(50).backgroundColor(0x317aff)
             }
             .key("ArkUX_Stage_Badge_BorderColor_0200").height(20)
-          }
-          ListItem() {
+
             Badge({
               count: 1,
               maxCount: 99,
@@ -321,8 +301,7 @@ struct badgeTest {
             .margin({
               top: 10
             })
-          }
-          ListItem() {
+
             Badge({
               count: 1,
               maxCount: 99,
@@ -338,8 +317,7 @@ struct badgeTest {
             .margin({
               top: 10
             })
-          }
-          ListItem() {
+
             Badge({
               count: 1,
               maxCount: 99,
@@ -356,8 +334,7 @@ struct badgeTest {
             .margin({
               top: 10
             })
-          }
-          ListItem() {
+
             Badge({
               count: 1,
               maxCount: 99,
@@ -374,8 +351,7 @@ struct badgeTest {
             .margin({
               top: 10
             })
-          }
-          ListItem() {
+
             Badge({
               count: 1,
               maxCount: 99,
@@ -392,8 +368,7 @@ struct badgeTest {
             .margin({
               top: 10
             })
-          }
-          ListItem() {
+
             Badge({
               count: 1,
               maxCount: 99,
@@ -410,8 +385,7 @@ struct badgeTest {
             .margin({
               top: 10
             })
-          }
-          ListItem() {
+
             Badge({
               count: 1,
               maxCount: 99,
@@ -428,8 +402,7 @@ struct badgeTest {
             .margin({
               top: 10
             })
-          }
-          ListItem() {
+
             Badge({
               count: 1,
               maxCount: 99,
@@ -447,8 +420,7 @@ struct badgeTest {
             .margin({
               top: 10
             })
-          }
-          ListItem() {
+
             Badge({
               count: 1,
               maxCount: 99,
@@ -466,8 +438,7 @@ struct badgeTest {
             .margin({
               top: 10
             })
-          }
-          ListItem() {
+
             Badge({
               count: 1,
               maxCount: 99,
@@ -486,8 +457,7 @@ struct badgeTest {
             .margin({
               top: 10
             })
-          }
-          ListItem() {
+
             Badge({
               count: 1,
               maxCount: 99,
@@ -503,8 +473,7 @@ struct badgeTest {
             .margin({
               top: 10
             })
-          }
-          ListItem() {
+
             Badge({
               count: 1,
               maxCount: 99,
@@ -520,8 +489,7 @@ struct badgeTest {
             .margin({
               top: 10
             })
-          }
-          ListItem() {
+
             Badge({
               count: 1,
               maxCount: 99,
@@ -538,8 +506,7 @@ struct badgeTest {
             .margin({
               top: 10
             })
-          }
-          ListItem() {
+
             Badge({
               count: 1,
               maxCount: 99,
@@ -555,8 +522,7 @@ struct badgeTest {
             .margin({
               top: 10
             })
-          }
-          ListItem() {
+
             Badge({
               count: 1,
               maxCount: 99,
@@ -572,8 +538,7 @@ struct badgeTest {
             .margin({
               top: 10
             })
-          }
-          ListItem() {
+
             Badge({
               count: 1,
               maxCount: 99,
@@ -589,8 +554,7 @@ struct badgeTest {
             .margin({
               top: 10
             })
-          }
-          ListItem() {
+
             Badge({
               count: 1,
               maxCount: 99,
@@ -607,8 +571,7 @@ struct badgeTest {
             .margin({
               top: 10
             })
-          }
-          ListItem() {
+
             Badge({
               count: 1,
               maxCount: 99,
@@ -625,8 +588,7 @@ struct badgeTest {
             .margin({
               top: 10
             })
-          }
-          ListItem() {
+
             Badge({
               count: 1,
               maxCount: 99,
@@ -642,8 +604,7 @@ struct badgeTest {
             .margin({
               top: 10
             })
-          }
-          ListItem() {
+
             Badge({
               count: 1,
               maxCount: 99,
@@ -661,8 +622,7 @@ struct badgeTest {
             .margin({
               top: 10
             })
-          }
-          ListItem() {
+
             Badge({
               count: 1,
               maxCount: 99,
@@ -678,8 +638,7 @@ struct badgeTest {
             .margin({
               top: 10
             })
-          }
-          ListItem() {
+
             Badge({
               count: 1,
               maxCount: 99,
@@ -696,8 +655,6 @@ struct badgeTest {
             .margin({
               top: 10
             })
-          }
-          ListItem() {
             Badge({
               count: 1,
               maxCount: 99,
@@ -714,8 +671,6 @@ struct badgeTest {
             .margin({
               top: 10
             })
-          }
-        }
       }
       .width('100%')
     }

arkui/ace_ets_components_ux/ace_ets_component_checkbox/src/main/ets/TestAbility/pages/CheckBox.ets

@@ -28,8 +28,7 @@ struct checkBoxTest {
   build() {
     Row() {
       Column() {
-        List({space: 0, initialIndex: 0 }){
-          ListItem(){
+
             Checkbox({name: 'checkbox1',  group: 'checkboxGroup1'})
               .key("ArkUX_Stage_Checkbox_unselectedColor_0100")
               .select(false)
@@ -38,8 +37,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             Checkbox({name: 'checkbox2',  group: 'checkboxGroup1'})
               .key("ArkUX_Stage_Checkbox_unselectedColor_0200")
               .select(false)
@@ -48,8 +46,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             Checkbox({name: 'checkbox3',  group: 'checkboxGroup1'})
               .key("ArkUX_Stage_Checkbox_unselectedColor_0300")
               .select(false)
@@ -58,8 +55,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             Checkbox({name: 'checkbox4',  group: 'checkboxGroup2'})
               .key("ArkUX_Stage_Checkbox_unselectedColor_0400")
               .select(false)
@@ -68,8 +64,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             Checkbox({name: 'checkbox5',  group: 'checkboxGroup2'})
               .key("ArkUX_Stage_Checkbox_unselectedColor_0500")
               .select(false)
@@ -78,8 +73,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             Checkbox({name: 'checkbox6',  group: 'checkboxGroup2'})
               .key("ArkUX_Stage_Checkbox_unselectedColor_0600")
               .backgroundColor($r("sys.color.ohos_id_color_switch_outline_off"))
@@ -89,8 +83,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             Checkbox({name: 'checkbox7',  group: 'checkboxGroup3'})
               .key("ArkUX_Stage_Checkbox_unselectedColor_0700")
               .backgroundColor($r("sys.color.ohos_id_color_switch_outline_off"))
@@ -100,8 +93,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             Checkbox({name: 'checkbox8',  group: 'checkboxGroup3'})
               .key("ArkUX_Stage_Checkbox_unselectedColor_0800")
               .backgroundColor($r("sys.color.ohos_id_color_switch_outline_off"))
@@ -111,8 +103,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             Checkbox({name: 'checkbox9',  group: 'checkboxGroup3'})
               .key("ArkUX_Stage_Checkbox_unselectedColor_0900")
               .select(false)
@@ -122,8 +113,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             Checkbox({name: 'checkbox10',  group: 'checkboxGroup13'})
               .key("ArkUX_Stage_Checkbox_unselectedColor_1000")
               .backgroundColor($r("sys.color.ohos_id_color_switch_outline_off"))
@@ -134,8 +124,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             Checkbox({name: 'checkbox11',  group: 'checkboxGroup13'})
               .key("ArkUX_Stage_Checkbox_unselectedColor_1100")
               .backgroundColor($r("sys.color.ohos_id_color_switch_outline_off"))
@@ -145,8 +134,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             Checkbox({name: 'checkbox12',  group: 'checkboxGroup13'})
               .key("ArkUX_Stage_Checkbox_unselectedColor_1200")
               .select(false)
@@ -156,8 +144,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             Checkbox({name: 'checkbox13',  group: 'checkboxGroup14'})
               .key("ArkUX_Stage_Checkbox_CheckMarkColor_0100")
               .select(true)
@@ -166,8 +153,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             Checkbox({name: 'checkbox14',  group: 'checkboxGroup14'})
               .key("ArkUX_Stage_Checkbox_CheckMarkColor_0200")
               .select(true)
@@ -176,8 +162,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             Checkbox({name: 'checkbox15',  group: 'checkboxGroup14'})
               .key("ArkUX_Stage_Checkbox_CheckMarkColor_0300")
               .select(true)
@@ -186,8 +171,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             Checkbox({name: 'checkbox16',  group: 'checkboxGroup15'})
               .key("ArkUX_Stage_Checkbox_CheckMarkColor_0400")
               .select(true)
@@ -196,8 +180,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             Checkbox({name: 'checkbox17',  group: 'checkboxGroup15'})
               .key("ArkUX_Stage_Checkbox_CheckMarkColor_0500")
               .select(true)
@@ -206,8 +189,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             Checkbox({name: 'checkbox18',  group: 'checkboxGroup15'})
               .key("ArkUX_Stage_Checkbox_CheckMarkColor_0600")
               .backgroundColor($r("sys.color.ohos_id_color_foreground_contrary"))
@@ -217,8 +199,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             Checkbox({name: 'checkbox19',  group: 'checkboxGroup25'})
               .key("ArkUX_Stage_Checkbox_CheckMarkColor_0700")
               .backgroundColor($r("sys.color.ohos_id_color_foreground_contrary"))
@@ -228,8 +209,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             Checkbox({name: 'checkbox20',  group: 'checkboxGroup25'})
               .key("ArkUX_Stage_Checkbox_CheckMarkColor_0800")
               .backgroundColor($r("sys.color.ohos_id_color_foreground_contrary"))
@@ -239,8 +219,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             Checkbox({name: 'checkbox21',  group: 'checkboxGroup25'})
               .key("ArkUX_Stage_Checkbox_CheckMarkColor_0900")
               .select(true)
@@ -250,8 +229,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             Checkbox({name: 'checkbox22',  group: 'checkboxGroup26'})
               .key("ArkUX_Stage_Checkbox_CheckMarkColor_1000")
               .backgroundColor($r("sys.color.ohos_id_color_foreground_contrary"))
@@ -262,8 +240,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             Checkbox({name: 'checkbox23',  group: 'checkboxGroup26'})
               .key("ArkUX_Stage_Checkbox_CheckMarkColor_1100")
               .backgroundColor($r("sys.color.ohos_id_color_foreground_contrary"))
@@ -273,8 +250,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             Checkbox({name: 'checkbox24',  group: 'checkboxGroup26'})
               .key("ArkUX_Stage_Checkbox_CheckMarkColor_1200")
               .select(true)
@@ -284,8 +260,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             Checkbox({name: 'checkbox25',  group: 'checkboxGroup27'})
               .key("ArkUX_Stage_Checkbox_CheckMarkSize_0100")
               .select(true)
@@ -294,8 +269,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             Checkbox({name: 'checkbox26',  group: 'checkboxGroup27'})
               .key("ArkUX_Stage_Checkbox_CheckMarkSize_0200")
               .select(true)
@@ -304,8 +278,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             Checkbox({name: 'checkbox27',  group: 'checkboxGroup27'})
               .key("ArkUX_Stage_Checkbox_CheckMarkSize_0300")
               .select(true)
@@ -314,8 +287,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+ 
             Checkbox({name: 'checkbox28',  group: 'checkboxGroup38'})
               .key("ArkUX_Stage_Checkbox_CheckMarkSize_0400")
               .select(true)
@@ -324,8 +296,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             Checkbox({name: 'checkbox29',  group: 'checkboxGroup38'})
               .key("ArkUX_Stage_Checkbox_CheckMarkSize_0500")
               .select(true)
@@ -334,8 +305,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             Checkbox({name: 'checkbox30',  group: 'checkboxGroup38'})
               .key("ArkUX_Stage_Checkbox_CheckMarkSize_0600")
               .select(true)
@@ -344,8 +314,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             Checkbox({name: 'checkbox31',  group: 'checkboxGroup39'})
               .key("ArkUX_Stage_Checkbox_CheckMarkSize_0700")
               .select(true)
@@ -354,8 +323,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             Checkbox({name: 'checkbox32',  group: 'checkboxGroup39'})
               .key("ArkUX_Stage_Checkbox_CheckMarkSize_0800")
               .select(true)
@@ -364,8 +332,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             Checkbox({name: 'checkbox33',  group: 'checkboxGroup39'})
               .key("ArkUX_Stage_Checkbox_CheckMarkSize_0900")
               .select(true)
@@ -375,8 +342,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             Checkbox({name: 'checkbox34',  group: 'checkboxGroup40'})
               .key("ArkUX_Stage_Checkbox_CheckMarkSize_1000")
               .select(true)
@@ -386,8 +352,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             Checkbox({name: 'checkbox35',  group: 'checkboxGroup40'})
               .key("ArkUX_Stage_Checkbox_CheckMarkSize_1100")
               .select(true)
@@ -396,8 +361,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             Checkbox({name: 'checkbox36',  group: 'checkboxGroup40'})
               .key("ArkUX_Stage_Checkbox_CheckMarkSize_1200")
               .select(true)
@@ -407,8 +371,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             Checkbox({name: 'checkbox36',  group: 'checkboxGroup40'})
               .key("ArkUX_Stage_Checkbox_CheckMarkSize_1300")
               .select(true)
@@ -418,8 +381,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             Checkbox({name: 'checkbox37',  group: 'checkboxGroup'})
               .key("ArkUX_Stage_Checkbox_CheckMarkWidth_0100")
               .select(true)
@@ -428,8 +390,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             Checkbox({name: 'checkbox38',  group: 'checkboxGroup'})
               .key("ArkUX_Stage_Checkbox_CheckMarkWidth_0200")
               .select(true)
@@ -438,8 +399,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             Checkbox({name: 'checkbox39',  group: 'checkboxGroup'})
               .key("ArkUX_Stage_Checkbox_CheckMarkWidth_0300")
               .select(true)
@@ -448,8 +408,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             Checkbox({name: 'checkbox40',  group: 'checkboxGroup'})
               .key("ArkUX_Stage_Checkbox_CheckMarkWidth_0400")
               .select(true)
@@ -458,8 +417,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+ 
             Checkbox({name: 'checkbox41',  group: 'checkboxGroup'})
               .key("ArkUX_Stage_Checkbox_CheckMarkWidth_0500")
               .select(true)
@@ -468,8 +426,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             Checkbox({name: 'checkbox42',  group: 'checkboxGroup'})
               .key("ArkUX_Stage_Checkbox_CheckMarkWidth_0600")
               .select(true)
@@ -478,8 +435,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             Checkbox({name: 'checkbox43',  group: 'checkboxGroup'})
               .key("ArkUX_Stage_Checkbox_CheckMarkWidth_0700")
               .select(true)
@@ -488,8 +444,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             Checkbox({name: 'checkbox44',  group: 'checkboxGroup'})
               .key("ArkUX_Stage_Checkbox_CheckMarkWidth_0800")
               .select(true)
@@ -498,8 +453,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             Checkbox({name: 'checkbox45',  group: 'checkboxGroup'})
               .key("ArkUX_Stage_Checkbox_CheckMarkWidth_0900")
               .select(true)
@@ -509,8 +463,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             Checkbox({name: 'checkbox46',  group: 'checkboxGroup'})
               .key("ArkUX_Stage_Checkbox_CheckMarkWidth_1000")
               .select(true)
@@ -520,8 +473,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             Checkbox({name: 'checkbox47',  group: 'checkboxGroup'})
               .key("ArkUX_Stage_Checkbox_CheckMarkWidth_1100")
               .select(true)
@@ -530,8 +482,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             Checkbox({name: 'checkbox48',  group: 'checkboxGroup'})
               .key("ArkUX_Stage_Checkbox_CheckMarkWidth_1200")
               .select(true)
@@ -541,8 +492,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             Checkbox({name: 'checkbox49',  group: 'checkboxGroup'})
               .key("ArkUX_Stage_Checkbox_CheckMarkWidth_1300")
               .select(true)
@@ -552,8 +502,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             Checkbox({name: 'checkbox49',  group: 'checkboxGroup'})
               .key("ArkUX_Stage_Checkbox_CheckMarkWidth_1400")
               .select(true)
@@ -563,9 +512,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
         }
-      }
       .width('100%')
     }
     .height('100%')

arkui/ace_ets_components_ux/ace_ets_component_checkbox/src/main/ets/TestAbility/pages/CheckBoxGroup.ets

@@ -28,8 +28,7 @@ struct checkBoxTest {
   build() {
     Row() {
       Column() {
-        List({space: 0, initialIndex: 0 }){
-          ListItem(){
+
             Checkbox({name: 'checkbox1',  group: 'checkboxGroup2'})
               .select(true)
               .selectedColor(0xed6f21)
@@ -37,8 +36,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             Checkbox({name: 'checkbox2',  group: 'checkboxGroup2'})
               .select(false)
               .selectedColor(0xed6f21)
@@ -46,8 +44,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             CheckboxGroup({group: 'checkboxGroup'})
               .key("ArkUX_Stage_CheckboxGroup_CheckMarkColor_0100")
               .selectAll(true)
@@ -56,8 +53,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             CheckboxGroup({group: 'checkboxGroup2'})
               .key("ArkUX_Stage_CheckboxGroup_CheckMarkColor_0200")
               .selectedColor(0xed6f21)
@@ -65,8 +61,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             CheckboxGroup({group: 'checkboxGroup3'})
               .selectAll(false)
               .key("ArkUX_Stage_CheckboxGroup_CheckMarkColor_0300")
@@ -75,8 +70,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             CheckboxGroup({group: 'checkboxGroup4'})
               .key("ArkUX_Stage_CheckboxGroup_CheckMarkColor_0400")
               .selectedColor(0xed6f21)
@@ -84,8 +78,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             CheckboxGroup({group: 'checkboxGroup5'})
               .key("ArkUX_Stage_CheckboxGroup_CheckMarkColor_0500")
               .selectedColor(0xed6f21)
@@ -93,8 +86,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             CheckboxGroup({group: 'checkboxGroup6'})
               .key("ArkUX_Stage_CheckboxGroup_CheckMarkColor_0600")
               .backgroundColor($r("sys.color.ohos_id_color_foreground_contrary"))
@@ -103,8 +95,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             CheckboxGroup({group: 'checkboxGroup7'})
               .key("ArkUX_Stage_CheckboxGroup_CheckMarkColor_0700")
               .backgroundColor($r("sys.color.ohos_id_color_foreground_contrary"))
@@ -113,8 +104,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             CheckboxGroup({group: 'checkboxGroup8'})
               .key("ArkUX_Stage_CheckboxGroup_CheckMarkColor_0800")
               .backgroundColor($r("sys.color.ohos_id_color_foreground_contrary"))
@@ -123,8 +113,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             CheckboxGroup({group: 'checkboxGroup9'})
               .key("ArkUX_Stage_CheckboxGroup_CheckMarkColor_0900")
               .selectedColor(0xed6f21)
@@ -133,8 +122,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             CheckboxGroup({group: 'checkboxGroup10'})
               .key("ArkUX_Stage_CheckboxGroup_CheckMarkColor_1000")
               .backgroundColor($r("sys.color.ohos_id_color_foreground_contrary"))
@@ -144,8 +132,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             CheckboxGroup({group: 'checkboxGroup11'})
               .key("ArkUX_Stage_CheckboxGroup_CheckMarkColor_1100")
               .backgroundColor($r("sys.color.ohos_id_color_foreground_contrary"))
@@ -154,8 +141,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             CheckboxGroup({group: 'checkboxGroup12'})
               .key("ArkUX_Stage_CheckboxGroup_CheckMarkColor_1200")
               .selectedColor(0xed6f21)
@@ -164,8 +150,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             CheckboxGroup({group: 'checkboxGroup12'})
               .key("ArkUX_Stage_CheckboxGroup_CheckMarkColor_1300")
               .selectedColor(0xed6f21)
@@ -173,8 +158,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             CheckboxGroup({group: 'checkboxGroup13'})
               .key("ArkUX_Stage_CheckboxGroup_CheckMarkSize_0100")
               .selectedColor(0xed6f21)
@@ -182,8 +166,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             CheckboxGroup({group: 'checkboxGroup14'})
               .key("ArkUX_Stage_CheckboxGroup_CheckMarkSize_0200")
               .selectedColor(0xed6f21)
@@ -191,8 +174,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             CheckboxGroup({group: 'checkboxGroup15'})
               .key("ArkUX_Stage_CheckboxGroup_CheckMarkSize_0300")
               .selectedColor(0xed6f21)
@@ -200,8 +182,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             CheckboxGroup({group: 'checkboxGroup16'})
               .key("ArkUX_Stage_CheckboxGroup_CheckMarkSize_0400")
               .selectedColor(0xed6f21)
@@ -209,8 +190,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             CheckboxGroup({group: 'checkboxGroup17'})
               .key("ArkUX_Stage_CheckboxGroup_CheckMarkSize_0500")
               .selectedColor(0xed6f21)
@@ -218,8 +198,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             CheckboxGroup({group: 'checkboxGroup18'})
               .key("ArkUX_Stage_CheckboxGroup_CheckMarkSize_0600")
               .selectedColor(0xed6f21)
@@ -227,8 +206,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             CheckboxGroup({group: 'checkboxGroup19'})
               .key("ArkUX_Stage_CheckboxGroup_CheckMarkSize_0700")
               .selectedColor(0xed6f21)
@@ -236,8 +214,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             CheckboxGroup({group: 'checkboxGroup20'})
               .key("ArkUX_Stage_CheckboxGroup_CheckMarkSize_0800")
               .selectedColor(0xed6f21)
@@ -245,8 +222,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             CheckboxGroup({group: 'checkboxGroup21'})
               .key("ArkUX_Stage_CheckboxGroup_CheckMarkSize_0900")
               .selectedColor(0xed6f21)
@@ -255,8 +231,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             CheckboxGroup({group: 'checkboxGroup22'})
               .key("ArkUX_Stage_CheckboxGroup_CheckMarkSize_1000")
               .selectedColor(0xed6f21)
@@ -265,8 +240,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             CheckboxGroup({group: 'checkboxGroup23'})
               .key("ArkUX_Stage_CheckboxGroup_CheckMarkSize_1100")
               .selectedColor(0xed6f21)
@@ -274,8 +248,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             CheckboxGroup({group: 'checkboxGroup24'})
               .key("ArkUX_Stage_CheckboxGroup_CheckMarkSize_1200")
               .selectedColor(0xed6f21)
@@ -284,8 +257,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             CheckboxGroup({group: 'checkboxGroup24'})
               .key("ArkUX_Stage_CheckboxGroup_CheckMarkSize_1300")
               .selectedColor(0xed6f21)
@@ -293,8 +265,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             CheckboxGroup({group: 'checkboxGroup25'})
               .key("ArkUX_Stage_CheckboxGroup_CheckMarkWidth_0100")
               .selectedColor(0xed6f21)
@@ -302,8 +273,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             CheckboxGroup({group: 'checkboxGroup26'})
               .key("ArkUX_Stage_CheckboxGroup_CheckMarkWidth_0200")
               .selectedColor(0xed6f21)
@@ -311,8 +281,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             CheckboxGroup({group: 'checkboxGroup27'})
               .key("ArkUX_Stage_CheckboxGroup_CheckMarkWidth_0300")
               .selectedColor(0xed6f21)
@@ -320,8 +289,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             CheckboxGroup({group: 'checkboxGroup28'})
               .key("ArkUX_Stage_CheckboxGroup_CheckMarkWidth_0400")
               .selectedColor(0xed6f21)
@@ -329,8 +297,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             CheckboxGroup({group: 'checkboxGroup29'})
               .key("ArkUX_Stage_CheckboxGroup_CheckMarkWidth_0500")
               .selectedColor(0xed6f21)
@@ -338,8 +305,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             CheckboxGroup({group: 'checkboxGroup30'})
               .key("ArkUX_Stage_CheckboxGroup_CheckMarkWidth_0600")
               .selectedColor(0xed6f21)
@@ -347,8 +313,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             CheckboxGroup({group: 'checkboxGroup31'})
               .key("ArkUX_Stage_CheckboxGroup_CheckMarkWidth_0700")
               .selectedColor(0xed6f21)
@@ -356,8 +321,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             CheckboxGroup({group: 'checkboxGroup32'})
               .key("ArkUX_Stage_CheckboxGroup_CheckMarkWidth_0800")
               .selectedColor(0xed6f21)
@@ -365,8 +329,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             CheckboxGroup({group: 'checkboxGroup33'})
               .key("ArkUX_Stage_CheckboxGroup_CheckMarkWidth_0900")
               .selectedColor(0xed6f21)
@@ -375,8 +338,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             CheckboxGroup({group: 'checkboxGroup34'})
               .key("ArkUX_Stage_CheckboxGroup_CheckMarkWidth_1000")
               .selectedColor(0xed6f21)
@@ -385,8 +347,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             CheckboxGroup({group: 'checkboxGroup35'})
               .key("ArkUX_Stage_CheckboxGroup_CheckMarkWidth_1100")
               .selectedColor(0xed6f21)
@@ -394,8 +355,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             CheckboxGroup({group: 'checkboxGroup36'})
               .key("ArkUX_Stage_CheckboxGroup_CheckMarkWidth_1200")
               .selectedColor(0xed6f21)
@@ -404,8 +364,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             CheckboxGroup({group: 'checkboxGroup37'})
               .key("ArkUX_Stage_CheckboxGroup_CheckMarkWidth_1300")
               .selectedColor(0xed6f21)
@@ -414,8 +373,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             CheckboxGroup({group: 'checkboxGroup37'})
               .key("ArkUX_Stage_CheckboxGroup_CheckMarkWidth_1400")
               .selectedColor(0xed6f21)
@@ -424,8 +382,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             CheckboxGroup({group: 'checkboxGroup38'})
               .key("ArkUX_Stage_CheckboxGroup_unselectedColor_0100")
               .selectedColor(0xed6f21)
@@ -433,8 +390,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             CheckboxGroup({group: 'checkboxGroup39'})
               .key("ArkUX_Stage_CheckboxGroup_unselectedColor_0200")
               .selectedColor(0xed6f21)
@@ -442,8 +398,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             CheckboxGroup({group: 'checkboxGroup40'})
               .key("ArkUX_Stage_CheckboxGroup_unselectedColor_0300")
               .selectedColor(0xed6f21)
@@ -451,8 +406,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             CheckboxGroup({group: 'checkboxGroup41'})
               .key("ArkUX_Stage_CheckboxGroup_unselectedColor_0400")
               .selectedColor(0xed6f21)
@@ -460,8 +414,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             CheckboxGroup({group: 'checkboxGroup42'})
               .key("ArkUX_Stage_CheckboxGroup_unselectedColor_0500")
               .selectedColor(0xed6f21)
@@ -469,8 +422,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             CheckboxGroup({group: 'checkboxGroup43'})
               .key("ArkUX_Stage_CheckboxGroup_unselectedColor_0600")
               .backgroundColor($r("sys.color.ohos_id_color_switch_outline_off"))
@@ -479,8 +431,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             CheckboxGroup({group: 'checkboxGroup44'})
               .key("ArkUX_Stage_CheckboxGroup_unselectedColor_0700")
               .backgroundColor($r("sys.color.ohos_id_color_switch_outline_off"))
@@ -489,8 +440,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             CheckboxGroup({group: 'checkboxGroup45'})
               .key("ArkUX_Stage_CheckboxGroup_unselectedColor_0800")
               .backgroundColor($r("sys.color.ohos_id_color_switch_outline_off"))
@@ -499,8 +449,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             CheckboxGroup({group: 'checkboxGroup46'})
               .key("ArkUX_Stage_CheckboxGroup_unselectedColor_0900")
               .selectedColor(0xed6f21)
@@ -509,8 +458,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             CheckboxGroup({group: 'checkboxGroup47'})
               .key("ArkUX_Stage_CheckboxGroup_unselectedColor_1000")
               .backgroundColor($r("sys.color.ohos_id_color_switch_outline_off"))
@@ -520,8 +468,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             CheckboxGroup({group: 'checkboxGroup48'})
               .key("ArkUX_Stage_CheckboxGroup_unselectedColor_1100")
               .backgroundColor($r("sys.color.ohos_id_color_switch_outline_off"))
@@ -530,8 +477,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             CheckboxGroup({group: 'checkboxGroup49'})
               .key("ArkUX_Stage_CheckboxGroup_unselectedColor_1200")
               .selectedColor(0xed6f21)
@@ -540,8 +486,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             CheckboxGroup({group: 'checkboxGroup49'})
               .key("ArkUX_Stage_CheckboxGroup_unselectedColor_1300")
               .selectedColor(0xed6f21)
@@ -549,8 +494,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             CheckboxGroup({group: 'checkboxGroupNO'})
               .key("checkboxGroupNO")
               .backgroundColor($r("sys.color.ohos_id_color_switch_outline_off"))
@@ -559,8 +503,7 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-          ListItem(){
+
             Checkbox({name: 'checkbox3',  group: 'checkboxGroupNO'})
               .key("checkboxNO")
               .backgroundColor($r("sys.color.ohos_id_color_switch_outline_off"))
@@ -570,8 +513,6 @@ struct checkBoxTest {
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
-          }
-        }
       }
       .width('100%')
     }

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

@@ -101,59 +101,51 @@ struct DatapanelTest {
   build() {
     Row() {
       Column() {
-        List({ space: 0, initialIndex: 0 }) {
-          ListItem() {
+
             DataPanel({ values: [20, 10, 10, 10], max: 80, type: DataPanelType.Circle })
               .width(200)
               .height(200)
               .valueColors(this.color1)
               .key("ArkUX_Stage_DataPanel_ValueColors_0100")
-          }
-          ListItem() {
+
             DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
               .width(200)
               .height(200)
               .valueColors(this.color2)
               .key("ArkUX_Stage_DataPanel_ValueColors_0200")
-          }
-          ListItem() {
+
             DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
               .width(200)
               .height(200)
               .valueColors(this.color3)
               .key("ArkUX_Stage_DataPanel_ValueColors_0300")
-          }
-          ListItem() {
+
             DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
               .width(200)
               .height(200)
               .valueColors([$r("app.color.DataPanel_ValueColors1"), $r("app.color.DataPanel_ValueColors2"),
                 $r("app.color.DataPanel_ValueColors3"), $r("app.color.DataPanel_ValueColors4")])
               .key("ArkUX_Stage_DataPanel_ValueColors_0400")
-          }
-          ListItem() {
+
             DataPanel({ values: [10, 10], max: 80, type: DataPanelType.Circle })
               .width(200)
               .height(200)
               .valueColors(this.color4)
               .key("ArkUX_Stage_DataPanel_ValueColors_0500")
-          }
-          ListItem() {
+
             DataPanel({ values: [10, 10, 10, 10, 10, 10], max: 80, type: DataPanelType.Circle })
               .width(200)
               .height(200)
               .valueColors(this.color5)
               .key("ArkUX_Stage_DataPanel_ValueColors_0600")
-          }
-          ListItem() {
+
             DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
               .width(200)
               .height(200)
               .valueColors(['rgb(255,0,0)', 'rgb(0,255,0)', 'rgb(0,0,255)', 'rgb(0,0,0)'])
               .valueColors([Color.Red, Color.Green, Color.Blue, Color.Black])
               .key("ArkUX_Stage_DataPanel_ValueColors_0700")
-          }
-          ListItem() {
+
             DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
               .width(200)
               .height(200)
@@ -163,37 +155,32 @@ struct DatapanelTest {
               .padding(10)
               .margin(20)
               .key("ArkUX_Stage_DataPanel_ValueColors_0800")
-          }
-          ListItem() {
+
             DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
               .width(200)
               .height(200)
               .valueColors('rgb(255,0,0)', 'rgb(0,255,0)', 'rgb(0,0,255)', 'rgb(0,0,0)')
               .valueColors(undefined)
               .key("ArkUX_Stage_DataPanel_ValueColors_0900")
-          }
-          ListItem() {
+
             DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
               .width(200)
               .height(200)
               .valueColors([this.color6, this.color7, this.color8])
               .key("ArkUX_Stage_DataPanel_ValueColors_1000")
-          }
-          ListItem() {
+
             DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
               .width(200)
               .height(200)
               .valueColors([this.color9, this.color10, this.color11])
               .key("ArkUX_Stage_DataPanel_ValueColors_1100")
-          }
-          ListItem() {
+
             DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
               .width(200)
               .height(200)
               .valueColors([this.color12, this.color13, this.color14])
               .key("ArkUX_Stage_DataPanel_ValueColors_1200")
-          }
-          ListItem() {
+
             DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
               .width(200)
               .height(200)
@@ -201,16 +188,14 @@ struct DatapanelTest {
                 $r("app.color.DataPanel_ValueColors7"), $r("app.color.DataPanel_ValueColors8"),
                 $r("app.color.DataPanel_ValueColors9"), $r("app.color.DataPanel_ValueColors10")])
               .key("ArkUX_Stage_DataPanel_ValueColors_1300")
-          }
-          ListItem() {
+
             DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
               .width(200)
               .height(200)
               .valueColors([this.color26, this.color27, this.color28])
               .valueColors([this.color29, this.color30, this.color31])
               .key("ArkUX_Stage_DataPanel_ValueColors_1400")
-          }
-          ListItem() {
+
             DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
               .width(200)
               .height(200)
@@ -219,8 +204,7 @@ struct DatapanelTest {
               .padding(10)
               .margin(20)
               .key("ArkUX_Stage_DataPanel_ValueColors_1500")
-          }
-          ListItem() {
+  
             DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
               .width(200)
               .height(200)
@@ -229,45 +213,39 @@ struct DatapanelTest {
                 [{ color: 'rgb(0,0,255)', offset: 0 },{ color: 'rgb(255,0,0)', offset: 1 }]))
               .valueColors(undefined)
               .key("ArkUX_Stage_DataPanel_ValueColors_1600")
-          }
-          ListItem() {
+
             DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
               .width(200)
               .height(200)
               .valueColors(this.color15)
               .key("ArkUX_Stage_DataPanel_ValueColors_1700")
-          }
-          ListItem() {
+
             DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
               .width(200)
               .height(200)
               .valueColors(this.color16)
               .key("ArkUX_Stage_DataPanel_ValueColors_1800")
-          }
-          ListItem() {
+
             DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
               .width(200)
               .height(200)
               .valueColors(this.color17)
               .key("ArkUX_Stage_DataPanel_ValueColors_1900")
-          }
-          ListItem() {
+
             DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
               .width(200)
               .height(200)
               .valueColors([$r("app.color.DataPanel_ValueColors11"), $r("app.color.DataPanel_ValueColors12"),
                 $r("app.color.DataPanel_ValueColors13"), $r("app.color.DataPanel_ValueColors14")])
               .key("ArkUX_Stage_DataPanel_ValueColors_2000")
-          }
-          ListItem() {
+
             DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
               .width(200)
               .height(200)
               .valueColors(['rgba(255,165,0,0)', 'rgba(255,255,0,0)', 'rgba(255,192,203,0)', 'rgba(0,128,0,0)'])
               .valueColors([Color.Orange, Color.Yellow, Color.Pink, Color.Green])
               .key("ArkUX_Stage_DataPanel_ValueColors_2100")
-          }
-          ListItem() {
+
             DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
               .width(200)
               .height(200)
@@ -276,94 +254,81 @@ struct DatapanelTest {
               .padding(10)
               .margin(20)
               .key("ArkUX_Stage_DataPanel_ValueColors_2200")
-          }
-          ListItem() {
+
             DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
               .width(200)
               .height(200)
               .valueColors('')
               .key("ArkUX_Stage_DataPanel_ValueColors_2300")
-          }
-          ListItem() {
+
             DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
               .width(200)
               .height(200)
               .valueColors(null)
               .key("ArkUX_Stage_DataPanel_ValueColors_2400")
-          }
-          ListItem() {
+
             DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
               .width(200)
               .height(200)
               .valueColors(undefined)
               .key("ArkUX_Stage_DataPanel_ValueColors_2500")
-          }
-          ListItem() {
+
             DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
               .width(200)
               .height(200)
               .valueColors(['rgba(255,165,0,0)', 'rgba(0,255,255,0,0)', 'rgba(255,192,203,0)', 'rgba(0,0,128,0)'])
               .valueColors(undefined)
               .key("ArkUX_Stage_DataPanel_ValueColors_2600")
-          }
-          ListItem() {
+
             DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
               .width(200)
               .height(200)
               .valueColors('color')
               .key("ArkUX_Stage_DataPanel_ValueColors_2700")
-          }
-          ListItem() {
+
             DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
               .width(200)
               .height(200)
               .valueColors(this.color18)
               .key("ArkUX_Stage_DataPanel_ValueColors_2800")
-          }
-          ListItem() {
+
             DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
               .width(200)
               .height(200)
               .valueColors([this.color19, this.color39])
               .key("ArkUX_Stage_DataPanel_ValueColors_2900")
-          }
-          ListItem() {
+
             DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
               .width(200)
               .height(200)
               .trackBackgroundColor('#FF00FF00')
               .key("ArkUX_Stage_DataPanel_TrackBackgroundColor_0100")
-          }
-          ListItem() {
+
             DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
               .width(200)
               .height(200)
               .trackBackgroundColor('rgb(0,255,0)')
               .key("ArkUX_Stage_DataPanel_TrackBackgroundColor_0200")
-          }
-          ListItem() {
+
             DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
               .width(200)
               .height(200)
               .trackBackgroundColor(Color.Green)
               .key("ArkUX_Stage_DataPanel_TrackBackgroundColor_0300")
-          }
-          ListItem() {
+
             DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
               .width(200)
               .height(200)
               .trackBackgroundColor($r("app.color.DataPanel_TrackBackgroundColor"))
               .key("ArkUX_Stage_DataPanel_TrackBackgroundColor_0400")
-          }
-          ListItem() {
+
             DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
               .width(200)
               .height(200)
               .trackBackgroundColor("#FF00FF00")
               .trackBackgroundColor(Color.Yellow)
               .key("ArkUX_Stage_DataPanel_TrackBackgroundColor_0500")
-          }
-          ListItem() {
+
             DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
               .width(200)
               .height(200)
@@ -372,32 +337,28 @@ struct DatapanelTest {
               .padding(10)
               .margin(20)
               .key("ArkUX_Stage_DataPanel_TrackBackgroundColor_0600")
-          }
-          ListItem() {
+
             DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
               .width(200)
               .height(200)
               .borderColor($r("sys.color.ohos_id_color_subheading_separator"))
               .trackBackgroundColor('')
               .key("ArkUX_Stage_DataPanel_TrackBackgroundColor_0700")
-          }
-          ListItem() {
+
             DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
               .width(200)
               .height(200)
               .borderColor($r("sys.color.ohos_id_color_subheading_separator"))
               .trackBackgroundColor(null)
               .key("ArkUX_Stage_DataPanel_TrackBackgroundColor_0800")
-          }
-          ListItem() {
+
             DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
               .width(200)
               .height(200)
               .borderColor($r("sys.color.ohos_id_color_subheading_separator"))
               .trackBackgroundColor(undefined)
               .key("ArkUX_Stage_DataPanel_TrackBackgroundColor_0900")
-          }
-          ListItem() {
+
             DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
               .width(200)
               .height(200)
@@ -405,213 +366,183 @@ struct DatapanelTest {
               .trackBackgroundColor("#FF00FF00")
               .trackBackgroundColor(undefined)
               .key("ArkUX_Stage_DataPanel_TrackBackgroundColor_1000")
-          }
-          ListItem() {
+
             DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
               .width(200)
               .height(200)
               .borderColor($r("sys.color.ohos_id_color_subheading_separator"))
               .trackBackgroundColor('color')
               .key("ArkUX_Stage_DataPanel_TrackBackgroundColor_1100")
-          }
-          ListItem() {
+
             DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
               .width(200)
               .height(200)
               .strokeWidth(30.00)
               .key("ArkUX_Stage_DataPanel_StrokeWidth_0100")
-          }
-          ListItem() {
+
             DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
               .width(200)
               .height(200)
               .strokeWidth('30.00vp')
               .key("ArkUX_Stage_DataPanel_StrokeWidth_0200")
-          }
-          ListItem() {
+ 
             DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
               .width(200)
               .height(200)
               .strokeWidth($r("app.string.DataPanel_StrokeWidth"))
               .key("ArkUX_Stage_DataPanel_StrokeWidth_0300")
-          }
-          ListItem() {
+
             DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
               .width(200)
               .height(200)
               .strokeWidth('')
               .key("ArkUX_Stage_DataPanel_StrokeWidth_0400")
-          }
-          ListItem() {
+
             DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
               .width(200)
               .height(200)
               .strokeWidth(null)
               .key("ArkUX_Stage_DataPanel_StrokeWidth_0500")
-          }
-          ListItem() {
+ 
             DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
               .width(200)
               .height(200)
               .strokeWidth(undefined)
               .key("ArkUX_Stage_DataPanel_StrokeWidth_0600")
-          }
-          ListItem() {
+
             DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
               .width(200)
               .height(200)
               .trackShadow({ radius: 20 })
               .key("ArkUX_Stage_DataPanel_TrackShadow_0100")
-          }
-          ListItem() {
+
             DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
               .width(200)
               .height(200)
               .trackShadow({ radius: -1 })
               .key("ArkUX_Stage_DataPanel_TrackShadow_0200")
-          }
-          ListItem() {
+
             DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
               .width(200)
               .height(200)
               .trackShadow({ radius: '' })
               .key("ArkUX_Stage_DataPanel_TrackShadow_0300")
-          }
-          ListItem() {
+
             DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
               .width(200)
               .height(200)
               .trackShadow({ radius: null })
               .key("ArkUX_Stage_DataPanel_TrackShadow_0400")
-          }
-          ListItem() {
+
             DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
               .width(200)
               .height(200)
               .trackShadow({ radius: undefined })
               .key("ArkUX_Stage_DataPanel_TrackShadow_0500")
-          }
-          ListItem() {
+
             DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
               .width(200)
               .height(200)
               .trackShadow({ offsetX: 15 })
               .key("ArkUX_Stage_DataPanel_TrackShadow_0600")
-          }
-          ListItem() {
+
             DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
               .width(200)
               .height(200)
               .trackShadow({ offsetX: -10 })
               .key("ArkUX_Stage_DataPanel_TrackShadow_0700")
-          }
-          ListItem() {
+
             DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
               .width(200)
               .height(200)
               .trackShadow({ offsetX: '' })
               .key("ArkUX_Stage_DataPanel_TrackShadow_0800")
-          }
-          ListItem() {
+
             DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
               .width(200)
               .height(200)
               .trackShadow({ offsetX: null })
               .key("ArkUX_Stage_DataPanel_TrackShadow_0900")
-          }
-          ListItem() {
+
             DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
               .width(200)
               .height(200)
               .trackShadow({ offsetX: undefined })
               .key("ArkUX_Stage_DataPanel_TrackShadow_1000")
-          }
-          ListItem() {
+
             DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
               .width(200)
               .height(200)
               .trackShadow({ offsetY: 15 })
               .key("ArkUX_Stage_DataPanel_TrackShadow_1100")
-          }
-          ListItem() {
+
             DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
               .width(200)
               .height(200)
               .trackShadow({ offsetY: -10 })
               .key("ArkUX_Stage_DataPanel_TrackShadow_1200")
-          }
-          ListItem() {
+
             DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
               .width(200)
               .height(200)
               .trackShadow({ offsetY: '' })
               .key("ArkUX_Stage_DataPanel_TrackShadow_1300")
-          }
-          ListItem() {
+
             DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
               .width(200)
               .height(200)
               .trackShadow({ offsetY: null })
               .key("ArkUX_Stage_DataPanel_TrackShadow_1400")
-          }
-          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: [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)
@@ -619,38 +550,32 @@ struct DatapanelTest {
                 $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: 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")
-          }
         }
-      }
     .width('100%')
     }
   .height('100%')

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

@@ -35,8 +35,7 @@ struct RadioTest {
   build() {
     Row() {
       Column() {
-        List({ space: 0, initialIndex: 0 }) {
-          ListItem() {
+
             Radio({ value: 'Radio1', group: 'radioGroup' })
               .checked(true)
               .width(50)
@@ -46,8 +45,7 @@ struct RadioTest {
               .onChange((isChecked: boolean) => {
                 console.log('Radio1 status is' + isChecked)
               })
-          }
-          ListItem() {
+
             Radio({ value: 'Radio2', group: 'radioGroup' })
               .checked(false)
               .width(50)
@@ -57,8 +55,7 @@ struct RadioTest {
               .onChange((isChecked: boolean) => {
                 console.log('Radio2 status is' + isChecked)
               })
-          }
-          ListItem() {
+
             Radio({ value: 'Radio3', group: 'radioGroup' })
               .checked(false)
               .width(50)
@@ -68,8 +65,7 @@ struct RadioTest {
               .onChange((isChecked: boolean) => {
                 console.log('Radio3 status is' + isChecked)
               })
-          }
-          ListItem() {
+
             Radio({ value: 'Radio4', group: 'radioGroup' })
               .checked(false)
               .width(50)
@@ -79,8 +75,7 @@ struct RadioTest {
               .onChange((isChecked: boolean) => {
                 console.log('Radio4 status is' + isChecked)
               })
-          }
-          ListItem() {
+
             Radio({ value: 'Radio5', group: 'radioGroup' })
               .checked(false)
               .width(50)
@@ -90,8 +85,7 @@ struct RadioTest {
               .onChange((isChecked: boolean) => {
                 console.log('Radio5 status is' + isChecked)
               })
-          }
-          ListItem() {
+
             Radio({ value: 'Radio6', group: 'radioGroup' })
               .checked(false)
               .width(50)
@@ -102,8 +96,7 @@ struct RadioTest {
               .onChange((isChecked: boolean) => {
                 console.log('Radio6 status is' + isChecked)
               })
-          }
-          ListItem() {
+
             Radio({ value: 'Radio7', group: 'radioGroup' })
               .checked(false)
               .width(50)
@@ -114,8 +107,7 @@ struct RadioTest {
               .onChange((isChecked: boolean) => {
                 console.log('Radio7 status is' + isChecked)
               })
-          }
-          ListItem() {
+
             Radio({ value: 'Radio8', group: 'radioGroup' })
               .checked(false)
               .width(50)
@@ -126,8 +118,7 @@ struct RadioTest {
               .onChange((isChecked: boolean) => {
                 console.log('Radio8 status is' + isChecked)
               })
-          }
-          ListItem() {
+
             Radio({ value: 'Radio9', group: 'radioGroup' })
               .checked(false)
               .width(50)
@@ -138,8 +129,7 @@ struct RadioTest {
               .onChange((isChecked: boolean) => {
                 console.log('Radio9 status is' + isChecked)
               })
-          }
-          ListItem() {
+
             Radio({ value: 'Radio10', group: 'radioGroup' })
               .checked(false)
               .width(50)
@@ -150,8 +140,7 @@ struct RadioTest {
               .onChange((isChecked: boolean) => {
                 console.log('Radio10 status is' + isChecked)
               })
-          }
-          ListItem() {
+
             Radio({ value: 'Radio11', group: 'radioGroup' })
               .checked(false)
               .width(50)
@@ -163,8 +152,7 @@ struct RadioTest {
               .onChange((isChecked: boolean) => {
                 console.log('Radio11 status is' + isChecked)
               })
-          }
-          ListItem() {
+
             Radio({ value: 'Radio12', group: 'radioGroup' })
               .checked(false)
               .width(50)
@@ -175,8 +163,7 @@ struct RadioTest {
               .onChange((isChecked: boolean) => {
                 console.log('Radio12 status is' + isChecked)
               })
-          }
-          ListItem() {
+
             Radio({ value: 'Radio13', group: 'radioGroup' })
               .checked(false)
               .width(50)
@@ -186,8 +173,7 @@ struct RadioTest {
               .onChange((isChecked: boolean) => {
                 console.log('Radio13 status is' + isChecked)
               })
-          }
-          ListItem() {
+ 
             Radio({ value: 'Radio14', group: 'radioGroup' })
               .checked(false)
               .width(50)
@@ -197,8 +183,7 @@ struct RadioTest {
               .onChange((isChecked: boolean) => {
                 console.log('Radio14 status is' + isChecked)
               })
-          }
-          ListItem() {
+
             Radio({ value: 'Radio15', group: 'radioGroup' })
               .checked(false)
               .width(50)
@@ -208,8 +193,7 @@ struct RadioTest {
               .onChange((isChecked: boolean) => {
                 console.log('Radio15 status is' + isChecked)
               })
-          }
-          ListItem() {
+
             Radio({ value: 'Radio16', group: 'radioGroup' })
               .checked(false)
               .width(50)
@@ -219,8 +203,7 @@ struct RadioTest {
               .onChange((isChecked: boolean) => {
                 console.log('Radio16 status is' + isChecked)
               })
-          }
-          ListItem() {
+
             Radio({ value: 'Radio17', group: 'radioGroup' })
               .checked(false)
               .width(50)
@@ -230,8 +213,7 @@ struct RadioTest {
               .onChange((isChecked: boolean) => {
                 console.log('Radio17 status is' + isChecked)
               })
-          }
-          ListItem() {
+
             Radio({ value: 'Radio18', group: 'radioGroup' })
               .checked(false)
               .width(50)
@@ -242,8 +224,7 @@ struct RadioTest {
               .onChange((isChecked: boolean) => {
                 console.log('Radio18 status is' + isChecked)
               })
-          }
-          ListItem() {
+
             Radio({ value: 'Radio19', group: 'radioGroup' })
               .checked(false)
               .width(50)
@@ -254,8 +235,7 @@ struct RadioTest {
               .onChange((isChecked: boolean) => {
                 console.log('Radio19 status is' + isChecked)
               })
-          }
-          ListItem() {
+
             Radio({ value: 'Radio20', group: 'radioGroup' })
               .checked(false)
               .width(50)
@@ -266,8 +246,7 @@ struct RadioTest {
               .onChange((isChecked: boolean) => {
                 console.log('Radio20 status is' + isChecked)
               })
-          }
-          ListItem() {
+
             Radio({ value: 'Radio21', group: 'radioGroup' })
               .checked(false)
               .width(50)
@@ -278,8 +257,7 @@ struct RadioTest {
               .onChange((isChecked: boolean) => {
                 console.log('Radio21 status is' + isChecked)
               })
-          }
-          ListItem() {
+
             Radio({ value: 'Radio22', group: 'radioGroup' })
               .checked(false)
               .width(50)
@@ -290,8 +268,7 @@ struct RadioTest {
               .onChange((isChecked: boolean) => {
                 console.log('Radio22 status is' + isChecked)
               })
-          }
-          ListItem() {
+
             Radio({ value: 'Radio23', group: 'radioGroup' })
               .checked(false)
               .width(50)
@@ -303,8 +280,7 @@ struct RadioTest {
               .onChange((isChecked: boolean) => {
                 console.log('Radio23 status is' + isChecked)
               })
-          }
-          ListItem() {
+
             Radio({ value: 'Radio24', group: 'radioGroup' })
               .checked(false)
               .width(50)
@@ -315,8 +291,7 @@ struct RadioTest {
               .onChange((isChecked: boolean) => {
                 console.log('Radio24 status is' + isChecked)
               })
-          }
-          ListItem() {
+
             Radio({ value: 'Radio25', group: 'radioGroup' })
               .checked(false)
               .width(50)
@@ -326,8 +301,7 @@ struct RadioTest {
               .onChange((isChecked: boolean) => {
                 console.log('Radio25 status is' + isChecked)
               })
-          }
-          ListItem() {
+ 
             Radio({ value: 'Radio26', group: 'radioGroup' })
               .checked(false)
               .width(50)
@@ -337,8 +311,7 @@ struct RadioTest {
               .onChange((isChecked: boolean) => {
                 console.log('Radio26 status is' + isChecked)
               })
-          }
-          ListItem() {
+
             Radio({ value: 'Radio27', group: 'radioGroup' })
               .checked(false)
               .width(50)
@@ -348,8 +321,7 @@ struct RadioTest {
               .onChange((isChecked: boolean) => {
                 console.log('Radio27 status is' + isChecked)
               })
-          }
-          ListItem() {
+
             Radio({ value: 'Radio28', group: 'radioGroup' })
               .checked(false)
               .width(50)
@@ -359,8 +331,7 @@ struct RadioTest {
               .onChange((isChecked: boolean) => {
                 console.log('Radio28 status is' + isChecked)
               })
-          }
-          ListItem() {
+
             Radio({ value: 'Radio29', group: 'radioGroup' })
               .checked(false)
               .width(50)
@@ -370,8 +341,7 @@ struct RadioTest {
               .onChange((isChecked: boolean) => {
                 console.log('Radio29 status is' + isChecked)
               })
-          }
-          ListItem() {
+
             Radio({ value: 'Radio30', group: 'radioGroup' })
               .checked(false)
               .width(50)
@@ -382,8 +352,7 @@ struct RadioTest {
               .onChange((isChecked: boolean) => {
                 console.log('Radio30 status is' + isChecked)
               })
-          }
-          ListItem() {
+
             Radio({ value: 'Radio31', group: 'radioGroup' })
               .checked(false)
               .width(50)
@@ -394,8 +363,7 @@ struct RadioTest {
               .onChange((isChecked: boolean) => {
                 console.log('Radio31 status is' + isChecked)
               })
-          }
-          ListItem() {
+
             Radio({ value: 'Radio32', group: 'radioGroup' })
               .checked(false)
               .width(50)
@@ -406,8 +374,7 @@ struct RadioTest {
               .onChange((isChecked: boolean) => {
                 console.log('Radio32 status is' + isChecked)
               })
-          }
-          ListItem() {
+
             Radio({ value: 'Radio33', group: 'radioGroup' })
               .checked(false)
               .width(50)
@@ -418,8 +385,7 @@ struct RadioTest {
               .onChange((isChecked: boolean) => {
                 console.log('Radio33 status is' + isChecked)
               })
-          }
-          ListItem() {
+
             Radio({ value: 'Radio34', group: 'radioGroup' })
               .checked(false)
               .width(50)
@@ -430,8 +396,7 @@ struct RadioTest {
               .onChange((isChecked: boolean) => {
                 console.log('Radio34 status is' + isChecked)
               })
-          }
-          ListItem() {
+
             Radio({ value: 'Radio35', group: 'radioGroup' })
               .checked(false)
               .width(50)
@@ -443,8 +408,7 @@ struct RadioTest {
               .onChange((isChecked: boolean) => {
                 console.log('Radio35 status is' + isChecked)
               })
-          }
-          ListItem() {
+
             Radio({ value: 'Radio36', group: 'radioGroup' })
               .checked(false)
               .width(50)
@@ -455,8 +419,7 @@ struct RadioTest {
               .onChange((isChecked: boolean) => {
                 console.log('Radio36 status is' + isChecked)
               })
-          }
-          ListItem() {
+
             Radio({ value: 'Radio37', group: 'radioGroup' })
               .checked(false)
               .width(50)
@@ -470,8 +433,7 @@ struct RadioTest {
               .onChange((isChecked: boolean) => {
                 console.log('Radio37 status is' + isChecked)
               })
-          }
-          ListItem() {
+
             Radio({ value: 'Radio38', group: 'radioGroup' })
               .checked(false)
               .width(50)
@@ -483,8 +445,6 @@ struct RadioTest {
               .onChange((isChecked: boolean) => {
                 console.log('Radio38 status is' + isChecked)
               })
-          }
-        }
       }
     .width('100%')
     }

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

@@ -46,8 +46,7 @@ struct SliderTest {
   build() {
     Row() {
       Column() {
-        List({ space: 0, initialIndex: 0 }){
-          ListItem() {
+        
             Slider({
               value: this.inSetValueOne,
               min: 0,
@@ -56,8 +55,7 @@ struct SliderTest {
             })
               .key('ArkUX_Stage_Slider_blockBorderColor_0100')
               .blockBorderColor(0xffa500)
-          }
-          ListItem() {
+
             Slider({
               value: this.inSetValueOne,
               min: 0,
@@ -66,8 +64,7 @@ struct SliderTest {
             })
               .key('ArkUX_Stage_Slider_blockBorderColor_0200')
               .blockBorderColor('#ffc709e9')
-          }
-          ListItem() {
+
             Slider({
               value: this.inSetValueOne,
               min: 0,
@@ -76,8 +73,7 @@ struct SliderTest {
             })
               .key('ArkUX_Stage_Slider_blockBorderColor_0300')
               .blockBorderColor(Color.Pink)
-          }
-          ListItem() {
+
             Slider({
               value: this.inSetValueOne,
               min: 0,
@@ -86,8 +82,7 @@ struct SliderTest {
             })
               .key('ArkUX_Stage_Slider_blockBorderColor_0400')
               .blockBorderColor($r("app.color.start_block_Border_Color"))
-          }
-          ListItem() {
+
             Slider({
               value: this.inSetValueOne,
               min: 0,
@@ -96,8 +91,7 @@ struct SliderTest {
             })
               .key('ArkUX_Stage_Slider_blockBorderColor_0500')
               .blockBorderColor(null)
-          }
-          ListItem() {
+
             Slider({
               value: this.inSetValueOne,
               min: 0,
@@ -106,8 +100,7 @@ struct SliderTest {
             })
               .key('ArkUX_Stage_Slider_blockBorderColor_0600')
               .blockBorderColor("rgb(0,255,255)")
-          }
-          ListItem() {
+
             Slider({
               value: this.inSetValueOne,
               min: 0,
@@ -117,8 +110,7 @@ struct SliderTest {
               .key('ArkUX_Stage_Slider_blockBorderColor_0700')
               .blockBorderColor(0x00ff00)
               .backgroundColor(Color.Pink)
-          }
-          ListItem() {
+
             Slider({
               value: this.inSetValueOne,
               min: 0,
@@ -127,8 +119,7 @@ struct SliderTest {
             })
               .key('ArkUX_Stage_Slider_blockBorderColor_0800')
               .blockBorderColor(undefined)
-          }
-          ListItem() {
+
             Slider({
               value: this.inSetValueOne,
               min: 0,
@@ -137,8 +128,7 @@ struct SliderTest {
             })
               .key('ArkUX_Stage_Slider_blockBorderColor_0900')
               .blockBorderColor('bgr(138,43,226)')
-          }
-          ListItem() {
+
             Slider({
               value: this.inSetValueOne,
               min: 0,
@@ -147,8 +137,7 @@ struct SliderTest {
             })
               .key('ArkUX_Stage_Slider_blockBorderColor_1000')
               .blockBorderColor('')
-          }
-          ListItem() {
+
             Slider({
               value: this.inSetValueOne,
               min: 0,
@@ -156,8 +145,7 @@ struct SliderTest {
               style: SliderStyle.InSet
             })
               .key('ArkUX_Stage_Slider_blockBorderColor_1100')
-          }
-          ListItem() {
+
             Slider({
               value: this.inSetValueOne,
               min: 0,
@@ -167,8 +155,7 @@ struct SliderTest {
               .key('ArkUX_Stage_Slider_blockBorderColor_1200')
               .blockBorderColor(0xffa500)
               .blockBorderColor('#ffc709e9')
-          }
-          ListItem() {
+
             Slider({
               value: this.inSetValueOne,
               min: 0,
@@ -178,8 +165,7 @@ struct SliderTest {
               .key('ArkUX_Stage_Slider_blockBorderColor_1300')
               .blockBorderColor(0xffa500)
               .blockBorderColor('bgr(138,43,226)')
-          }
-          ListItem() {
+
             Slider({
               value: this.inSetValueOne,
               min: 0,
@@ -188,8 +174,7 @@ struct SliderTest {
             })
               .key('ArkUX_Stage_Slider_blockBorderWidth_0100')
               .blockBorderWidth(5)
-          }
-          ListItem() {
+
             Slider({
               value: this.inSetValueOne,
               min: 0,
@@ -198,8 +183,7 @@ struct SliderTest {
             })
               .key('ArkUX_Stage_Slider_blockBorderWidth_0200')
               .blockBorderWidth('5px')
-          }
-          ListItem() {
+
             Slider({
               value: this.inSetValueOne,
               min: 0,
@@ -208,8 +192,7 @@ struct SliderTest {
             })
               .key('ArkUX_Stage_Slider_blockBorderWidth_0300')
               .blockBorderWidth($r("app.string.block_border_width_test"))
-          }
-          ListItem() {
+
             Slider({
               value: this.inSetValueOne,
               min: 0,
@@ -218,8 +201,7 @@ struct SliderTest {
             })
               .key('ArkUX_Stage_Slider_blockBorderWidth_0400')
               .blockBorderWidth('')
-          }
-          ListItem() {
+
             Slider({
               value: this.inSetValueOne,
               min: 0,
@@ -228,8 +210,7 @@ struct SliderTest {
             })
               .key('ArkUX_Stage_Slider_blockBorderWidth_0500')
               .blockBorderWidth(null)
-          }
-          ListItem() {
+
             Slider({
               value: this.inSetValueOne,
               min: 0,
@@ -238,8 +219,7 @@ struct SliderTest {
             })
               .key('ArkUX_Stage_Slider_blockBorderWidth_0600')
               .blockBorderWidth(undefined)
-          }
-          ListItem() {
+
             Slider({
               value: this.inSetValueOne,
               min: 0,
@@ -248,8 +228,7 @@ struct SliderTest {
             })
               .key('ArkUX_Stage_Slider_blockBorderWidth_0700')
               .blockBorderWidth(0)
-          }
-          ListItem() {
+
             Slider({
               value: this.inSetValueOne,
               min: 0,
@@ -258,8 +237,7 @@ struct SliderTest {
             })
               .key('ArkUX_Stage_Slider_blockBorderWidth_0800')
               .blockBorderWidth(-1)
-          }
-          ListItem() {
+
             Slider({
               value: this.inSetValueOne,
               min: 0,
@@ -267,8 +245,7 @@ struct SliderTest {
               style: SliderStyle.InSet
             })
               .key('ArkUX_Stage_Slider_blockBorderWidth_0900')
-          }
-          ListItem() {
+
             Slider({
               value: this.inSetValueOne,
               min: 0,
@@ -278,8 +255,7 @@ struct SliderTest {
               .key('ArkUX_Stage_Slider_blockBorderWidth_1000')
               .blockBorderWidth(5)
               .blockBorderWidth(7)
-          }
-          ListItem() {
+
             Slider({
               value: this.inSetValueOne,
               min: 0,
@@ -289,8 +265,7 @@ struct SliderTest {
               .key('ArkUX_Stage_Slider_blockBorderWidth_1100')
               .blockBorderWidth(5)
               .blockBorderWidth(undefined)
-          }
-          ListItem() {
+
             Slider({
               value: this.inSetValueOne,
               min: 0,
@@ -299,8 +274,7 @@ struct SliderTest {
             })
               .key('ArkUX_Stage_Slider_blockBorderWidth_1200')
               .blockBorderWidth('asdf%^7')
-          }
-          ListItem() {
+
             Slider({
               value: this.inSetValueOne,
               min: 0,
@@ -310,8 +284,7 @@ struct SliderTest {
               .key('ArkUX_Stage_Slider_blockBorderWidth_1300')
               .blockBorderWidth(5)
               .width(7)
-          }
-          ListItem() {
+
             Slider({
               value: this.inSetValueOne,
               min: 0,
@@ -320,8 +293,7 @@ struct SliderTest {
             })
               .key('ArkUX_Stage_Slider_stepColor_0100')
               .stepColor(0xffa500)
-          }
-          ListItem() {
+
             Slider({
               value: this.inSetValueOne,
               min: 0,
@@ -330,8 +302,7 @@ struct SliderTest {
             })
               .key('ArkUX_Stage_Slider_stepColor_0200')
               .stepColor('#ffc709e9')
-          }
-          ListItem() {
+
             Slider({
               value: this.inSetValueOne,
               min: 0,
@@ -340,8 +311,7 @@ struct SliderTest {
             })
               .key('ArkUX_Stage_Slider_stepColor_0300')
               .stepColor(Color.Pink)
-          }
-          ListItem() {
+
             Slider({
               value: this.inSetValueOne,
               min: 0,
@@ -350,8 +320,7 @@ struct SliderTest {
             })
               .key('ArkUX_Stage_Slider_stepColor_0400')
               .stepColor($r("app.color.start_Step_Color"))
-          }
-          ListItem() {
+
             Slider({
               value: this.inSetValueOne,
               min: 0,
@@ -360,8 +329,7 @@ struct SliderTest {
             })
               .key('ArkUX_Stage_Slider_stepColor_0500')
               .stepColor(null)
-          }
-          ListItem() {
+
             Slider({
               value: this.inSetValueOne,
               min: 0,
@@ -370,8 +338,7 @@ struct SliderTest {
             })
               .key('ArkUX_Stage_Slider_stepColor_0600')
               .stepColor("rgb(0,255,255)")
-          }
-          ListItem() {
+
             Slider({
               value: this.inSetValueOne,
               min: 0,
@@ -381,8 +348,7 @@ struct SliderTest {
               .key('ArkUX_Stage_Slider_stepColor_0700')
               .stepColor(0x00ff00)
               .backgroundColor(Color.Pink)
-          }
-          ListItem() {
+
             Slider({
               value: this.inSetValueOne,
               min: 0,
@@ -391,8 +357,7 @@ struct SliderTest {
             })
               .key('ArkUX_Stage_Slider_stepColor_0800')
               .stepColor(undefined)
-          }
-          ListItem() {
+
             Slider({
               value: this.inSetValueOne,
               min: 0,
@@ -401,8 +366,7 @@ struct SliderTest {
             })
               .key('ArkUX_Stage_Slider_stepColor_0900')
               .stepColor('bgr(138,43,226)')
-          }
-          ListItem() {
+ 
             Slider({
               value: this.inSetValueOne,
               min: 0,
@@ -411,8 +375,7 @@ struct SliderTest {
             })
               .key('ArkUX_Stage_Slider_stepColor_1000')
               .stepColor('')
-          }
-          ListItem() {
+
             Slider({
               value: this.inSetValueOne,
               min: 0,
@@ -420,8 +383,7 @@ struct SliderTest {
               style: SliderStyle.InSet
             })
               .key('ArkUX_Stage_Slider_stepColor_1100')
-          }
-          ListItem() {
+
             Slider({
               value: this.inSetValueOne,
               min: 0,
@@ -431,8 +393,7 @@ struct SliderTest {
               .key('ArkUX_Stage_Slider_stepColor_1200')
               .stepColor(0xffa500)
               .stepColor('#ffc709e9')
-          }
-          ListItem() {
+
             Slider({
               value: this.inSetValueOne,
               min: 0,
@@ -442,8 +403,7 @@ struct SliderTest {
               .key('ArkUX_Stage_Slider_stepColor_1300')
               .stepColor(0xffa500)
               .stepColor('bgr(138,43,226)')
-          }
-          ListItem() {
+
             Slider({
               value: this.inSetValueOne,
               min: 0,
@@ -452,8 +412,7 @@ struct SliderTest {
             })
               .key('ArkUX_Stage_Slider_trackBorderRadius_0100')
               .trackBorderRadius(0)
-          }
-          ListItem() {
+
             Slider({
               value: this.inSetValueOne,
               min: 0,
@@ -462,8 +421,7 @@ struct SliderTest {
             })
               .key('ArkUX_Stage_Slider_trackBorderRadius_0200')
               .trackBorderRadius(10)
-          }
-          ListItem() {
+
             Slider({
               value: this.inSetValueOne,
               min: 0,
@@ -472,8 +430,7 @@ struct SliderTest {
             })
               .key('ArkUX_Stage_Slider_trackBorderRadius_0300')
               .trackBorderRadius('60px')
-          }
-          ListItem() {
+
             Slider({
               value: this.inSetValueOne,
               min: 0,
@@ -482,8 +439,7 @@ struct SliderTest {
             })
               .key('ArkUX_Stage_Slider_trackBorderRadius_0400')
               .trackBorderRadius('120%')
-          }
-          ListItem() {
+
             Slider({
               value: this.inSetValueOne,
               min: 0,
@@ -492,8 +448,7 @@ struct SliderTest {
             })
               .key('ArkUX_Stage_Slider_trackBorderRadius_0500')
               .trackBorderRadius($r("app.string.trach_border_radius_test"))
-          }
-          ListItem() {
+
             Slider({
               value: this.inSetValueOne,
               min: 0,
@@ -502,8 +457,7 @@ struct SliderTest {
             })
               .key('ArkUX_Stage_Slider_trackBorderRadius_0600')
               .trackBorderRadius("")
-          }
-          ListItem() {
+
             Slider({
               value: this.inSetValueOne,
               min: 0,
@@ -512,8 +466,7 @@ struct SliderTest {
             })
               .key('ArkUX_Stage_Slider_trackBorderRadius_0700')
               .trackBorderRadius(null)
-          }
-          ListItem() {
+
             Slider({
               value: this.inSetValueOne,
               min: 0,
@@ -522,8 +475,7 @@ struct SliderTest {
             })
               .key('ArkUX_Stage_Slider_trackBorderRadius_0800')
               .trackBorderRadius(undefined)
-          }
-          ListItem() {
+
             Slider({
               value: this.inSetValueOne,
               min: 0,
@@ -532,8 +484,7 @@ struct SliderTest {
             })
               .key('ArkUX_Stage_Slider_trackBorderRadius_0900')
               .trackBorderRadius(-1)
-          }
-          ListItem() {
+
             Slider({
               value: this.inSetValueOne,
               min: 0,
@@ -541,8 +492,7 @@ struct SliderTest {
               style: SliderStyle.InSet
             })
               .key('ArkUX_Stage_Slider_trackBorderRadius_1000')
-          }
-          ListItem() {
+
             Slider({
               value: this.inSetValueOne,
               min: 0,
@@ -552,8 +502,7 @@ struct SliderTest {
               .key('ArkUX_Stage_Slider_trackBorderRadius_1100')
               .trackBorderRadius(10)
               .trackBorderRadius(40)
-          }
-          ListItem() {
+
             Slider({
               value: this.inSetValueOne,
               min: 0,
@@ -563,8 +512,7 @@ struct SliderTest {
               .key('ArkUX_Stage_Slider_trackBorderRadius_1200')
               .trackBorderRadius(10)
               .trackBorderRadius(undefined)
-          }
-          ListItem() {
+
             Slider({
               value: this.inSetValueOne,
               min: 0,
@@ -573,8 +521,7 @@ struct SliderTest {
             })
               .key('ArkUX_Stage_Slider_trackBorderRadius_1300')
               .trackBorderRadius("asdf#$8")
-          }
-          ListItem() {
+
             Slider({
               value: this.inSetValueOne,
               min: 0,
@@ -584,8 +531,7 @@ struct SliderTest {
               .key('ArkUX_Stage_Slider_trackBorderRadius_1400')
               .trackBorderRadius(0)
               .size(null)
-          }
-          ListItem() {
+
             Slider({
               value: this.inSetValueOne,
               min: 0,
@@ -594,8 +540,7 @@ struct SliderTest {
             })
               .key('ArkUX_Stage_Slider_blockSize_0100')
               .blockSize({ width: 0, height: 0 })
-          }
-          ListItem() {
+
             Slider({
               value: this.inSetValueOne,
               min: 0,
@@ -604,8 +549,7 @@ struct SliderTest {
             })
               .key('ArkUX_Stage_Slider_blockSize_0200')
               .blockSize({ width: 5, height: 5 })
-          }
-          ListItem() {
+
             Slider({
               value: this.inSetValueOne,
               min: 0,
@@ -614,8 +558,7 @@ struct SliderTest {
             })
               .key('ArkUX_Stage_Slider_blockSize_0300')
               .blockSize({ width: 15, height: 20 })
-          }
-          ListItem() {
+
             Slider({
               value: this.inSetValueOne,
               min: 0,
@@ -624,8 +567,7 @@ struct SliderTest {
             })
               .key('ArkUX_Stage_Slider_blockSize_0400')
               .blockSize({ width: 12, height: 12 })
-          }
-          ListItem() {
+
             Slider({
               value: this.inSetValueOne,
               min: 0,
@@ -634,8 +576,7 @@ struct SliderTest {
             })
               .key('ArkUX_Stage_Slider_blockSize_0500')
               .blockSize({ width: "20px", height: "20px" })
-          }
-          ListItem() {
+
             Slider({
               value: this.inSetValueOne,
               min: 0,
@@ -644,8 +585,7 @@ struct SliderTest {
             })
               .key('ArkUX_Stage_Slider_blockSize_0600')
               .blockSize({ width: "120%", height: "120%" })
-          }
-          ListItem() {
+
             Slider({
               value: this.inSetValueOne,
               min: 0,
@@ -657,8 +597,7 @@ struct SliderTest {
                 width: $r("app.string.block_size_width_test"),
                 height: $r("app.string.block_size_height_test")
               })
-          }
-          ListItem() {
+
             Slider({
               value: this.inSetValueOne,
               min: 0,
@@ -667,8 +606,7 @@ struct SliderTest {
             })
               .key('ArkUX_Stage_Slider_blockSize_0800')
               .blockSize({ width: " ", height: " " })
-          }
-          ListItem() {
+
             Slider({
               value: this.inSetValueOne,
               min: 0,
@@ -677,8 +615,7 @@ struct SliderTest {
             })
               .key('ArkUX_Stage_Slider_blockSize_0900')
               .blockSize({ width: null, height: null })
-          }
-          ListItem() {
+
             Slider({
               value: this.inSetValueOne,
               min: 0,
@@ -687,8 +624,7 @@ struct SliderTest {
             })
               .key('ArkUX_Stage_Slider_blockSize_1000')
               .blockSize({ width: undefined, height: undefined })
-          }
-          ListItem() {
+
             Slider({
               value: this.inSetValueOne,
               min: 0,
@@ -697,8 +633,7 @@ struct SliderTest {
             })
               .key('ArkUX_Stage_Slider_blockSize_1100')
               .blockSize({ width: -1, height: -1 })
-          }
-          ListItem() {
+
             Slider({
               value: this.inSetValueOne,
               min: 0,
@@ -707,8 +642,7 @@ struct SliderTest {
             })
               .key('ArkUX_Stage_Slider_blockSize_1200')
               .blockSize({ width: -1, height: 15 })
-          }
-          ListItem() {
+
             Slider({
               value: this.inSetValueOne,
               min: 0,
@@ -717,8 +651,7 @@ struct SliderTest {
             })
               .key('ArkUX_Stage_Slider_blockSize_1300')
               .blockSize({ width: "15", height: "-1" })
-          }
-          ListItem() {
+
             Slider({
               value: this.inSetValueOne,
               min: 0,
@@ -726,8 +659,7 @@ struct SliderTest {
               style: SliderStyle.InSet
             })
               .key('ArkUX_Stage_Slider_blockSize_1400')
-          }
-          ListItem() {
+
             Slider({
               value: this.inSetValueOne,
               min: 0,
@@ -735,8 +667,7 @@ struct SliderTest {
               style: SliderStyle.OutSet
             })
               .key('ArkUX_Stage_Slider_blockSizeOutSet_1400')
-          }
-          ListItem() {
+
             Slider({
               value: this.inSetValueOne,
               min: 0,
@@ -746,8 +677,7 @@ struct SliderTest {
               .key('ArkUX_Stage_Slider_blockSize_1500')
               .blockSize({ width: 15, height: 20 })
               .blockSize({ width: "20fp", height: "25fp" })
-          }
-          ListItem() {
+
             Slider({
               value: this.inSetValueOne,
               min: 0,
@@ -757,8 +687,7 @@ struct SliderTest {
               .key('ArkUX_Stage_Slider_blockSize_1600')
               .blockSize({ width: 15, height: 20 })
               .blockSize({ width: -1, height: -1 })
-          }
-          ListItem() {
+
             Slider({
               value: this.inSetValueOne,
               min: 0,
@@ -767,8 +696,7 @@ struct SliderTest {
             })
               .key('ArkUX_Stage_Slider_blockSize_1700')
               .blockSize({ width: "asdf#$8", height: "asdf#$8" })
-          }
-          ListItem() {
+
             Slider({
               value: this.inSetValueOne,
               min: 0,
@@ -777,8 +705,7 @@ struct SliderTest {
             })
               .key('ArkUX_Stage_Slider_blockSize_1800')
               .blockSize({ width: "20lpx", height: "20lpx" })
-          }
-          ListItem() {
+
             Slider({
               value: this.inSetValueOne,
               min: 0,
@@ -787,8 +714,7 @@ struct SliderTest {
             })
               .key('ArkUX_Stage_Slider_stepSize_0100')
               .stepSize(0)
-          }
-          ListItem() {
+
             Slider({
               value: this.inSetValueOne,
               min: 0,
@@ -797,8 +723,7 @@ struct SliderTest {
             })
               .key('ArkUX_Stage_Slider_stepSize_0200')
               .stepSize(10)
-          }
-          ListItem() {
+
             Slider({
               value: this.inSetValueOne,
               min: 0,
@@ -807,8 +732,7 @@ struct SliderTest {
             })
               .key('ArkUX_Stage_Slider_stepSize_0300')
               .stepSize("60px")
-          }
-          ListItem() {
+
             Slider({
               value: this.inSetValueOne,
               min: 0,
@@ -817,8 +741,7 @@ struct SliderTest {
             })
               .key('ArkUX_Stage_Slider_stepSize_0400')
               .stepSize("120%")
-          }
-          ListItem() {
+
             Slider({
               value: this.inSetValueOne,
               min: 0,
@@ -827,8 +750,7 @@ struct SliderTest {
             })
               .key('ArkUX_Stage_Slider_stepSize_0500')
               .stepSize($r("app.string.step_size_test"))
-          }
-          ListItem() {
+
             Slider({
               value: this.inSetValueOne,
               min: 0,
@@ -837,8 +759,7 @@ struct SliderTest {
             })
               .key('ArkUX_Stage_Slider_stepSize_0600')
               .stepSize("")
-          }
-          ListItem() {
+
             Slider({
               value: this.inSetValueOne,
               min: 0,
@@ -847,8 +768,7 @@ struct SliderTest {
             })
               .key('ArkUX_Stage_Slider_stepSize_0700')
               .stepSize(null)
-          }
-          ListItem() {
+
             Slider({
               value: this.inSetValueOne,
               min: 0,
@@ -857,8 +777,7 @@ struct SliderTest {
             })
               .key('ArkUX_Stage_Slider_stepSize_0800')
               .stepSize(undefined)
-          }
-          ListItem() {
+
             Slider({
               value: this.inSetValueOne,
               min: 0,
@@ -867,8 +786,7 @@ struct SliderTest {
             })
               .key('ArkUX_Stage_Slider_stepSize_0900')
               .stepSize(-1)
-          }
-          ListItem() {
+
             Slider({
               value: this.inSetValueOne,
               min: 0,
@@ -876,8 +794,7 @@ struct SliderTest {
               style: SliderStyle.InSet
             })
               .key('ArkUX_Stage_Slider_stepSize_1000')
-          }
-          ListItem() {
+
             Slider({
               value: this.inSetValueOne,
               min: 0,
@@ -887,8 +804,7 @@ struct SliderTest {
               .key('ArkUX_Stage_Slider_stepSize_1100')
               .stepSize(10)
               .stepSize(40)
-          }
-          ListItem() {
+
              Slider({
               value: this.inSetValueOne,
               min: 0,
@@ -898,8 +814,7 @@ struct SliderTest {
               .key('ArkUX_Stage_Slider_stepColor_marker_color_marker_color_aalpha')
               .backgroundColor($r("sys.color.ohos_id_color_foreground"))
               .opacity($r("sys.float.ohos_id_alpha_normal_bg"))
-          }
-          ListItem() {
+
             Slider({
               value: this.inSetValueOne,
               min: 0,
@@ -909,8 +824,7 @@ struct SliderTest {
               .key('ArkUX_Stage_Slider_stepSize_1200')
               .stepSize(10)
               .stepSize(undefined)
-          }
-          ListItem() {
+
             Slider({
               value: this.inSetValueOne,
               min: 0,
@@ -919,8 +833,7 @@ struct SliderTest {
             })
               .key('ArkUX_Stage_Slider_stepSize_1300')
               .stepSize("asdf#$8")
-          }
-          ListItem() {
+
             Slider({
               value: this.inSetValueOne,
               min: 0,
@@ -930,8 +843,7 @@ struct SliderTest {
               .key('ArkUX_Stage_Slider_stepSize_1400')
               .stepSize(10)
               .size(null)
-          }
-          ListItem() {
+
             Slider({
               value: this.inSetValueOne,
               min: 0,
@@ -945,8 +857,7 @@ struct SliderTest {
               .trackBorderRadius(15)
               .blockSize({ width: 10, height: 10 })
               .stepSize(10)
-          }
-          ListItem() {
+
             Slider({
               value: this.inSetValueOne,
               min: 0,
@@ -955,8 +866,7 @@ struct SliderTest {
             })
               .key('ArkUX_Stage_Slider_blockStyle_0100')
               .blockStyle(this.sliderDefault)
-          }
-          ListItem() {
+
             Slider({
               value: this.inSetValueOne,
               min: 0,
@@ -964,8 +874,7 @@ struct SliderTest {
               style: SliderStyle.InSet
             })
               .key('ArkUX_Stage_Slider_blockStyle_0200')
-          }
-          ListItem() {
+
             Slider({
               value: this.inSetValueOne,
               min: 0,
@@ -974,8 +883,7 @@ struct SliderTest {
             })
               .key('ArkUX_Stage_Slider_blockStyle_0300')
               .blockStyle(this.sliderImage)
-          }
-          ListItem() {
+
             Slider({
               value: this.inSetValueOne,
               min: 0,
@@ -984,8 +892,7 @@ struct SliderTest {
             })
               .key('ArkUX_Stage_Slider_blockStyle_0400')
               .blockStyle(this.sliderShapeCircle)
-          }
-          ListItem() {
+
             Slider({
               value: this.inSetValueOne,
               min: 0,
@@ -994,8 +901,7 @@ struct SliderTest {
             })
               .key('ArkUX_Stage_Slider_blockStyle_0500')
               .blockStyle(this.sliderShapeEllipse)
-          }
-          ListItem() {
+
             Slider({
               value: this.inSetValueOne,
               min: 0,
@@ -1004,8 +910,7 @@ struct SliderTest {
             })
               .key('ArkUX_Stage_Slider_blockStyle_0600')
               .blockStyle(this.sliderShapePath)
-          }
-          ListItem() {
+
             Slider({
               value: this.inSetValueOne,
               min: 0,
@@ -1014,8 +919,7 @@ struct SliderTest {
             })
               .key('ArkUX_Stage_Slider_blockStyle_0700')
               .blockStyle(this.sliderShapeRect)
-          }
-          ListItem() {
+
             Slider({
               value: this.inSetValueOne,
               min: 0,
@@ -1025,8 +929,7 @@ struct SliderTest {
               .key('ArkUX_Stage_Slider_blockStyle_0800')
               .blockStyle(this.sliderDefault)
               .blockStyle(this.sliderShapeCircle)
-          }
-          ListItem() {
+
             Slider({
               value: this.inSetValueOne,
               min: 0,
@@ -1036,8 +939,7 @@ struct SliderTest {
               .key('ArkUX_Stage_Slider_blockStyle_0900')
               .blockStyle(this.sliderImage)
               .blockStyle(null)
-          }
-          ListItem() {
+
             Slider({
               value: this.inSetValueOne,
               min: 0,
@@ -1046,8 +948,7 @@ struct SliderTest {
             })
               .key('ArkUX_Stage_Slider_blockStyle_1000')
               .blockStyle(" ")
-          }
-          ListItem() {
+
             Slider({
               value: this.inSetValueOne,
               min: 0,
@@ -1056,8 +957,7 @@ struct SliderTest {
             })
               .key('ArkUX_Stage_Slider_blockStyle_1100')
               .blockStyle(null)
-          }
-          ListItem() {
+
             Slider({
               value: this.inSetValueOne,
               min: 0,
@@ -1066,8 +966,7 @@ struct SliderTest {
             })
               .key('ArkUX_Stage_Slider_blockStyle_1200')
               .blockStyle(undefined)
-          }
-          ListItem() {
+
             Slider({
               value: this.inSetValueOne,
               min: 0,
@@ -1076,8 +975,7 @@ struct SliderTest {
             })
               .key('ArkUX_Stage_Slider_blockStyle_1300')
               .blockStyle(-1)
-          }
-          ListItem() {
+
             Slider({
               value: this.inSetValueOne,
               min: 0,
@@ -1087,8 +985,6 @@ struct SliderTest {
               .key('ArkUX_Stage_Slider_blockStyle_1400')
               .blockStyle(this.sliderShapeCircle)
               .size(null)
-          }
-        }
       }
       .width('100%')
     }

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

@@ -38,155 +38,112 @@ struct textTest {
 
   build() {
     Column() {
-      List({ space: 0, initialIndex: 0 }) {
-        ListItem() {
+
           Text(this.message)
             .key('ArkUX_Stage_Text_TextShadow_0100')
             .height(20)
 
-        }
-        ListItem() {
           Text(this.message)
             .key('ArkUX_Stage_Text_TextShadow_0200')
             .height(20)
             .textShadow({ radius: 1 })
-        }
 
-        ListItem() {
           Text(this.message)
             .key('ArkUX_Stage_Text_TextShadow_0300')
             .height(20)
             .textShadow({ radius: 0 })
-        }
 
-        ListItem() {
           Text(this.message)
             .key('ArkUX_Stage_Text_TextShadow_0400')
             .height(20)
             .textShadow({ radius: 20 })
 
-        }
-        ListItem() {
           Text(this.message)
             .key('ArkUX_Stage_Text_TextShadow_0500')
             .height(20)
             .textShadow({ radius: $r("app.float.textShadowRadius") })
 
-        }
 
-        ListItem() {
           Text(this.message)
             .key('ArkUX_Stage_Text_TextShadow_0600')
             .height(20)
             .textShadow({ radius: -1 })
-        }
 
-        ListItem() {
           Text(this.message)
             .key('ArkUX_Stage_Text_TextShadow_0700')
             .height(20)
             .textShadow({ radius: 1, color: "#0000FF" })
-        }
 
-        ListItem() {
           Text(this.message)
             .key('ArkUX_Stage_Text_TextShadow_0800')
             .height(20)
             .textShadow({ radius: 1, color: 0xff0000 })
-        }
 
-        ListItem() {
           Text(this.message)
             .key('ArkUX_Stage_Text_TextShadow_0900')
             .height(20)
             .textShadow({ radius: 1, color: Color.Red })
-        }
 
-        ListItem() {
           Text(this.message)
             .key('ArkUX_Stage_Text_TextShadow_1000')
             .height(20)
             .textShadow({ radius: 1, color: $r("app.color.textShadow_Color") })
-        }
 
-        ListItem() {
           Text(this.message)
             .key('ArkUX_Stage_Text_TextShadow_1100')
             .height(20)
             .textShadow({ radius: 1, color: null })
-        }
 
-        ListItem() {
           Text(this.message)
             .key('ArkUX_Stage_Text_TextShadow_1200')
             .height(20)
             .textShadow({ radius: 1, offsetX: 5.0 })
-        }
 
-        ListItem() {
           Text(this.message)
             .key('ArkUX_Stage_Text_TextShadow_1300')
             .height(20)
             .textShadow({ radius: 1, offsetX: -5.0 })
-        }
 
-        ListItem() {
           Text(this.message)
             .key('ArkUX_Stage_Text_TextShadow_1400')
             .height(20)
             .textShadow({ radius: 1, offsetY: 5.0 })
-        }
 
-        ListItem() {
           Text(this.message)
             .key('ArkUX_Stage_Text_TextShadow_1500')
             .height(20)
             .textShadow({ radius: 1, offsetY: -5.0 })
-        }
 
-        ListItem() {
           Text(this.message)
             .key('ArkUX_Stage_Text_TextShadow_1600')
             .height(20)
             .textShadow({ radius: 1, offsetX: 5.0, offsetY: 5.0 })
-        }
 
-        ListItem() {
           Text(this.message)
             .key('ArkUX_Stage_Text_TextShadow_1700')
             .height(20)
             .textShadow({ radius: 1, offsetX: 5.0, offsetY: -5.0 })
-        }
 
-        ListItem() {
           Text(this.message)
             .key('ArkUX_Stage_Text_TextShadow_1800')
             .height(20)
             .textShadow({ radius: 1, offsetX: -5.0, offsetY: 5.0 })
-        }
 
-        ListItem() {
           Text(this.message)
             .key('ArkUX_Stage_Text_TextShadow_1900')
             .height(20)
             .textShadow({ radius: 1, offsetX: -5.0, offsetY: -5.0 })
-        }
 
-        ListItem() {
           Text(this.message)
             .key('ArkUX_Stage_Text_TextShadow_2000')
             .height(20)
             .textShadow({ radius: 1, color: "#0000FF", offsetX: 5.0, offsetY: -5.0 })
-        }
 
-        ListItem() {
           Text(this.message)
             .key('ArkUX_Stage_Text_TextShadow_2100')
             .height(20)
             .textShadow(null)
-        }
 
-        ListItem() {
           Text(this.message)
             .key('ArkUX_Stage_Text_TextShadow_2200')
             .height(20)
@@ -194,87 +151,65 @@ struct textTest {
               radius: 1, color: Color.Red, offsetX: $r("app.float.textShadowOffset"),
               offsetY: $r("app.float.textShadowOffset")
             })
-        }
 
-        ListItem() {
           Text(this.message)
             .key('ArkUX_Stage_Text_TextShadow_2300')
             .height(20)
             .textShadow({ radius: 1, color: Color.Red, offsetX: " ", offsetY: " " })
-        }
 
-        ListItem() {
           Text(this.message)
             .key('ArkUX_Stage_Text_TextShadow_2400')
             .height(20)
             .textShadow({ radius: 1, color: Color.Red, offsetX: 1.0, offsetY: 1.0 })
             .textShadow({ radius: 1, color: null, offsetX: null, offsetY: null })
-        }
 
-        ListItem() {
           Text(this.overMessage)
             .key('ArkUX_Stage_Text_TextOverflow_0100')
             .height(20)
             .maxLines(1)
-        }
 
-        ListItem() {
           Text(this.overMessage)
             .key('ArkUX_Stage_Text_TextOverflow_0200')
             .height(20)
             .maxLines(1)
             .textOverflow({ overflow: TextOverflow.Clip })
-        }
 
-        ListItem() {
           Text('a b v c c a ad')
             .key('ArkUX_Stage_Text_TextOverflow_0300')
             .height(20)
             .maxLines(1)
             .textOverflow({ overflow: TextOverflow.Clip })
-        }
 
-        ListItem() {
           Text(this.overMessage)
             .key('ArkUX_Stage_Text_TextOverflow_0400')
             .height(20)
             .maxLines(1)
             .textOverflow({ overflow: TextOverflow.Ellipsis })
-        }
 
-        ListItem() {
           Text('gao is a bbb')
             .key('ArkUX_Stage_Text_TextOverflow_0500')
             .height(20)
             .maxLines(1)
             .textOverflow({ overflow: TextOverflow.Ellipsis })
-        }
 
-        ListItem() {
           Text(this.overMessage)
             .key('ArkUX_Stage_Text_TextOverflow_0600')
             .height(20)
             .maxLines(1)
             .textOverflow({ overflow: TextOverflow.None })
-        }
 
-        ListItem() {
           Text(this.overMessage)
             .key('ArkUX_Stage_Text_TextOverflow_0700')
             .height(20)
             .maxLines(1)
             .textOverflow({ overflow: TextOverflow.Marquee })
-        }
 
-        ListItem() {
           Text(this.overMessage)
             .key('ArkUX_Stage_Text_TextOverflow_0800')
             .height(20)
             .maxLines(1)
             .textOverflow(null)
-        }
 
-        ListItem() {
           Text(this.overMessage)
             .key('ArkUX_Stage_Text_TextOverflow_0900')
             .height(20)
@@ -282,59 +217,44 @@ struct textTest {
             .textOverflow({ overflow: TextOverflow.Clip })
             .textAlign(TextAlign.JUSTIFY)
             .fontSize(15)
-        }
 
-        ListItem() {
           Text(this.message)
             .key('ArkUX_Stage_Text_TextAlign_0100')
             .height(20)
-        }
 
-        ListItem() {
           Text(this.message)
             .key('ArkUX_Stage_Text_TextAlign_0200')
             .height(20)
             .textAlign(TextAlign.Start)
             .textOverflow({ overflow: TextOverflow.MARQUEE })
-        }
 
-        ListItem() {
           Text(this.message)
             .key('ArkUX_Stage_Text_TextAlign_0300')
             .height(20)
             .textAlign(TextAlign.Center)
-        }
 
-        ListItem() {
           Text(this.message)
             .key('ArkUX_Stage_Text_TextAlign_0400')
             .height(20)
             .textAlign(TextAlign.End)
-        }
-        ListItem() {
+
           Text(this.message)
             .key('ArkUX_Stage_Text_TextAlign_0500')
             .height(20)
             .textAlign(TextAlign.Justify)
-        }
 
-        ListItem() {
           Text(this.message)
             .key('ArkUX_Stage_Text_TextAlign_0600')
             .height(20)
             .textAlign(null)
-        }
 
-        ListItem() {
           Text(this.message)
             .key('ArkUX_Stage_Text_TextAlign_0700')
             .height(20)
             .maxLines(1)
             .textAlign(TextAlign.End)
             .textOverflow({ overflow: TextOverflow.Clip })
-        }
 
-        ListItem() {
           Text(this.overMessage)
             .key('ArkUX_Stage_Text_heightAdaptivePolicy_0100')
             .height(20)
@@ -343,9 +263,6 @@ struct textTest {
             .maxLines(1)
             .heightAdaptivePolicy(TextHeightAdaptivePolicy.MIN_FONT_SIZE_FIRST)
 
-        }
-
-        ListItem() {
           Text(this.overMessage)
             .key('ArkUX_Stage_Text_heightAdaptivePolicy_0200')
             .height(20)
@@ -353,9 +270,7 @@ struct textTest {
             .maxFontSize(20)
             .maxLines(1)
             .heightAdaptivePolicy(TextHeightAdaptivePolicy.MAX_LINES_FIRST)
-        }
 
-        ListItem() {
           Text(this.message)
             .key('ArkUX_Stage_Text_heightAdaptivePolicy_0300')
             .height(20)
@@ -363,9 +278,7 @@ struct textTest {
             .maxFontSize(20)
             .maxLines(1)
             .heightAdaptivePolicy(TextHeightAdaptivePolicy.LAYOUT_CONSTRAINT_FIRST)
-        }
 
-        ListItem() {
           Text(this.message)
             .key('ArkUX_Stage_Text_heightAdaptivePolicy_0400')
             .height(20)
@@ -374,9 +287,7 @@ struct textTest {
             .maxLines(1)
             .heightAdaptivePolicy(TextHeightAdaptivePolicy.LAYOUT_CONSTRAINT_FIRST)
             .heightAdaptivePolicy(null)
-        }
 
-        ListItem() {
           Text(this.message)
             .key('ArkUX_Stage_Text_heightAdaptivePolicy_0500')
             .height(20)
@@ -385,9 +296,7 @@ struct textTest {
             .maxLines(1)
             .heightAdaptivePolicy(TextHeightAdaptivePolicy.LAYOUT_CONSTRAINT_FIRST)
             .heightAdaptivePolicy(TextHeightAdaptivePolicy.MIN_FONT_SIZE_FIRST)
-        }
 
-        ListItem() {
           Text(this.message)
             .height(20)
             .bindPopup(this.handlePopup, {
@@ -403,8 +312,6 @@ struct textTest {
                 }
               }
             })
-        }
-      }
     }
   }
 }

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

@@ -34,8 +34,6 @@ struct textInputTest {
   build() {
     Row() {
       Column() {
-        List({space: 0, initialIndex: 0 }){
-          ListItem(){
             TextInput({ placeholder: "input your word...", controller: this.controller })
               .key("ArkUX_Stage_TextInput_CaretPosition_0100")
               .placeholderColor(Color.Grey)
@@ -48,8 +46,6 @@ struct textInputTest {
               .onChange((value: string) => {
                 this.text = value;
               })
-          }
-          ListItem(){
             TextInput({ text: "input your word...", controller: this.controller })
               .key("ArkUX_Stage_TextInput_CaretPosition_0200")
               .placeholderColor(Color.Grey)
@@ -62,8 +58,6 @@ struct textInputTest {
               .onChange((value: string) => {
                 this.text = value;
               })
-          }
-          ListItem(){
             TextInput({ text: "input your word...", controller: this.controller })
               .key("ArkUX_Stage_TextInput_CaretPosition_0300")
               .placeholderColor(Color.Grey)
@@ -76,8 +70,6 @@ struct textInputTest {
               .onChange((value: string) => {
                 this.text = value;
               })
-          }
-          ListItem(){
             TextInput({ text: "input your word...", controller: this.controller })
               .key("ArkUX_Stage_TextInput_CaretPosition_0400")
               .placeholderColor(Color.Grey)
@@ -90,8 +82,6 @@ struct textInputTest {
               .onChange((value: string) => {
                 this.text = value;
               })
-          }
-          ListItem(){
             TextInput({ text: "input your word...", controller: this.controller })
               .key("ArkUX_Stage_TextInput_CaretPosition_0500")
               .placeholderColor(Color.Grey)
@@ -104,8 +94,6 @@ struct textInputTest {
               .onChange((value: string) => {
                 this.text = value;
               })
-          }
-          ListItem(){
             TextInput({ text: "input your word...", controller: this.controller })
               .key("ArkUX_Stage_TextInput_CaretPosition_0600")
               .placeholderColor(Color.Grey)
@@ -118,8 +106,6 @@ struct textInputTest {
               .onChange((value: string) => {
                 this.text = value;
               })
-          }
-          ListItem(){
             TextInput({ text: "input your word...", controller: this.controller })
               .key("ArkUX_Stage_TextInput_CaretPosition_0700")
               .placeholderColor(Color.Grey)
@@ -132,8 +118,6 @@ struct textInputTest {
               .onChange((value: string) => {
                 this.text = value;
               })
-          }
-          ListItem(){
             TextInput({ text: "input your word...", controller: this.controller })
               .key("ArkUX_Stage_TextInput_CaretPosition_0800")
               .placeholderColor(Color.Grey)
@@ -146,8 +130,6 @@ struct textInputTest {
               .onChange((value: string) => {
                 this.text = value;
               })
-          }
-          ListItem(){
             TextInput({ text: "input your word...", controller: this.controller })
               .key("ArkUX_Stage_TextInput_CaretPosition_0900")
               .placeholderColor(Color.Grey)
@@ -160,8 +142,6 @@ struct textInputTest {
               .onChange((value: string) => {
                 this.text = value;
               })
-          }
-          ListItem(){
             TextInput({ text: "input your word...", controller: this.controller })
               .key("ArkUX_Stage_TextInput_CaretPosition_1000")
               .placeholderColor(Color.Grey)
@@ -174,8 +154,6 @@ struct textInputTest {
               .onChange((value: string) => {
                 this.text = value;
               })
-          }
-          ListItem(){
             TextInput({ text: "input your word...", controller: this.controller })
               .key("ArkUX_Stage_TextInput_CaretPosition_1100")
               .placeholderColor(Color.Grey)
@@ -189,8 +167,6 @@ struct textInputTest {
               .onChange((value: string) => {
                 this.text = value;
               })
-          }
-          ListItem(){
             TextInput({ text: "input your word...", controller: this.controller })
               .key("ArkUX_Stage_TextInput_CaretPosition_1200")
               .placeholderColor(Color.Grey)
@@ -204,8 +180,6 @@ struct textInputTest {
               .onChange((value: string) => {
                 this.text = value;
               })
-          }
-          ListItem(){
             TextInput({ text: "input your word...", controller: this.controller })
               .key("ArkUX_Stage_TextInput_CaretPosition_1300")
               .placeholderColor(Color.Grey)
@@ -219,8 +193,6 @@ struct textInputTest {
               .onChange((value: string) => {
                 this.text = value;
               })
-          }
-          ListItem(){
             TextInput({ text: "To display string text for extra long To display string text for extra long ",
                         controller: this.controller })
               .key("ArkUX_Stage_TextInput_CaretPosition_1400")
@@ -235,8 +207,6 @@ struct textInputTest {
               .onChange((value: string) => {
                 this.text = value;
               })
-          }
-          ListItem(){
             TextInput({ text: "input your word...", controller: this.controller })
               .key("ArkUX_Stage_TextInput_CaretWidth_0100")
               .placeholderColor(Color.Grey)
@@ -249,8 +219,6 @@ struct textInputTest {
               .onChange((value: string) => {
                 this.text = value;
               })
-          }
-          ListItem(){
             TextInput({ text: "input your word...", controller: this.controller })
               .key("ArkUX_Stage_TextInput_CaretWidth_0200")
               .placeholderColor(Color.Grey)
@@ -263,8 +231,6 @@ struct textInputTest {
               .onChange((value: string) => {
                 this.text = value;
               })
-          }
-          ListItem(){
             TextInput({ text: "input your word...", controller: this.controller })
               .key("ArkUX_Stage_TextInput_CaretWidth_0300")
               .placeholderColor(Color.Grey)
@@ -277,8 +243,6 @@ struct textInputTest {
               .onChange((value: string) => {
                 this.text = value;
               })
-          }
-          ListItem(){
             TextInput({ text: "input your word...", controller: this.controller })
               .key("ArkUX_Stage_TextInput_CaretWidth_0400")
               .placeholderColor(Color.Grey)
@@ -291,8 +255,6 @@ struct textInputTest {
               .onChange((value: string) => {
                 this.text = value;
               })
-          }
-          ListItem(){
             TextInput({ text: "input your word...", controller: this.controller })
               .key("ArkUX_Stage_TextInput_CaretWidth_0500")
               .placeholderColor(Color.Grey)
@@ -305,8 +267,6 @@ struct textInputTest {
               .onChange((value: string) => {
                 this.text = value;
               })
-          }
-          ListItem(){
             TextInput({ text: "input your word...", controller: this.controller })
               .key("ArkUX_Stage_TextInput_CaretWidth_0600")
               .placeholderColor(Color.Grey)
@@ -319,8 +279,6 @@ struct textInputTest {
               .onChange((value: string) => {
                 this.text = value;
               })
-          }
-          ListItem(){
             TextInput({ text: "input your word...", controller: this.controller })
               .key("ArkUX_Stage_TextInput_CaretWidth_0700")
               .placeholderColor(Color.Grey)
@@ -333,8 +291,6 @@ struct textInputTest {
               .onChange((value: string) => {
                 this.text = value;
               })
-          }
-          ListItem(){
             TextInput({ text: "input your word...", controller: this.controller })
               .key("ArkUX_Stage_TextInput_CaretWidth_0800")
               .placeholderColor(Color.Grey)
@@ -347,8 +303,6 @@ struct textInputTest {
               .onChange((value: string) => {
                 this.text = value;
               })
-          }
-          ListItem(){
             TextInput({ text: "input your word...", controller: this.controller })
               .key("ArkUX_Stage_TextInput_CaretWidth_0900")
               .placeholderColor(Color.Grey)
@@ -361,8 +315,6 @@ struct textInputTest {
               .onChange((value: string) => {
                 this.text = value;
               })
-          }
-          ListItem(){
             TextInput({ text: "input your word...", controller: this.controller })
               .key("ArkUX_Stage_TextInput_CaretWidth_1000")
               .placeholderColor(Color.Grey)
@@ -376,8 +328,6 @@ struct textInputTest {
               .onChange((value: string) => {
                 this.text = value;
               })
-          }
-          ListItem(){
             TextInput({ text: "input your word...", controller: this.controller })
               .key("ArkUX_Stage_TextInput_CaretWidth_1100")
               .placeholderColor(Color.Grey)
@@ -391,8 +341,6 @@ struct textInputTest {
               .onChange((value: string) => {
                 this.text = value;
               })
-          }
-          ListItem(){
             TextInput({ text: "input your word...", controller: this.controller })
               .key("ArkUX_Stage_TextInput_CaretWidth_1200")
               .placeholderColor(Color.Grey)
@@ -406,8 +354,6 @@ struct textInputTest {
               .onChange((value: string) => {
                 this.text = value;
               })
-          }
-          ListItem(){
             TextInput({ text: "input your word...", controller: this.controller })
               .key("ArkUX_Stage_TextInput_selectedColor_0100")
               .placeholderColor(Color.Grey)
@@ -420,8 +366,6 @@ struct textInputTest {
               .onChange((value: string) => {
                 this.text = value;
               })
-          }
-          ListItem(){
             TextInput({ text: "input your word...", controller: this.controller })
               .key("ArkUX_Stage_TextInput_selectedColor_0200")
               .placeholderColor(Color.Grey)
@@ -434,8 +378,6 @@ struct textInputTest {
               .onChange((value: string) => {
                 this.text = value;
               })
-          }
-          ListItem(){
             TextInput({ text: "input your word...", controller: this.controller })
               .key("ArkUX_Stage_TextInput_selectedColor_0300")
               .placeholderColor(Color.Grey)
@@ -448,8 +390,6 @@ struct textInputTest {
               .onChange((value: string) => {
                 this.text = value;
               })
-          }
-          ListItem(){
             TextInput({ text: "input your word...", controller: this.controller })
               .key("ArkUX_Stage_TextInput_selectedColor_0400")
               .placeholderColor(Color.Grey)
@@ -462,8 +402,6 @@ struct textInputTest {
               .onChange((value: string) => {
                 this.text = value;
               })
-          }
-          ListItem(){
             TextInput({ text: "input your word...", controller: this.controller })
               .key("ArkUX_Stage_TextInput_selectedColor_0500")
               .placeholderColor(Color.Grey)
@@ -476,8 +414,6 @@ struct textInputTest {
               .onChange((value: string) => {
                 this.text = value;
               })
-          }
-          ListItem(){
             TextInput({ text: "input your word...", controller: this.controller })
               .key("ArkUX_Stage_TextInput_selectedColor_0600")
               .placeholderColor(Color.Grey)
@@ -491,8 +427,6 @@ struct textInputTest {
               .onChange((value: string) => {
                 this.text = value;
               })
-          }
-          ListItem(){
             TextInput({ text: "input your word...", controller: this.controller })
               .key("ArkUX_Stage_TextInput_selectedColor_0700")
               .placeholderColor(Color.Grey)
@@ -506,8 +440,6 @@ struct textInputTest {
               .onChange((value: string) => {
                 this.text = value;
               })
-          }
-          ListItem(){
             TextInput({ text: "input your word...", controller: this.controller })
               .key("ArkUX_Stage_TextInput_selectedColor_0800")
               .placeholderColor(Color.Grey)
@@ -521,8 +453,6 @@ struct textInputTest {
               .onChange((value: string) => {
                 this.text = value;
               })
-          }
-          ListItem(){
             TextInput({ text: "input your word...", controller: this.controller })
               .key("ArkUX_Stage_TextInput_selectedColor_0900")
               .placeholderColor(Color.Grey)
@@ -536,8 +466,6 @@ struct textInputTest {
               .onChange((value: string) => {
                 this.text = value;
               })
-          }
-          ListItem(){
             TextInput({ text: "input your word...", controller: this.controller })
               .key("ArkUX_Stage_TextInput_selectedColor_1000")
               .placeholderColor(Color.Grey)
@@ -552,8 +480,6 @@ struct textInputTest {
               .onChange((value: string) => {
                 this.text = value;
               })
-          }
-          ListItem(){
             TextInput({ text: "input your word...", controller: this.controller })
               .key("ArkUX_Stage_TextInput_selectedColor_1100")
               .placeholderColor(Color.Grey)
@@ -567,8 +493,6 @@ struct textInputTest {
               .onChange((value: string) => {
                 this.text = value;
               })
-          }
-          ListItem(){
             TextInput({ text: "input your word...", controller: this.controller })
               .key("ArkUX_Stage_TextInput_selectedColor_1200")
               .placeholderColor(Color.Grey)
@@ -583,8 +507,6 @@ struct textInputTest {
               .onChange((value: string) => {
                 this.text = value;
               })
-          }
-          ListItem(){
             TextInput({ text: "input your word...", controller: this.controller })
               .key("ArkUX_Stage_TextInput_selectedColor_1300")
               .placeholderColor(Color.Grey)
@@ -597,8 +519,6 @@ struct textInputTest {
               .onChange((value: string) => {
                 this.text = value;
               })
-          }
-        }
       }
       .width('100%')
     }