!8731 修改组件XTS断言 避免主题资源不同 cherry-pick 4.0beta1

Merge pull request !8731 from chensi10/cherry-pick-1684849545

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

@@ -370,6 +370,7 @@ struct badgeTest {
                 .width(200).height(50).backgroundColor(0x317aff)
             }
             .key("ArkUX_Stage_Badge_BorderColor_0600").height(20)
+            .backgroundColor($r("sys.color.ohos_id_color_badge_red"))
             .margin({
               top: 10
             })
@@ -387,6 +388,7 @@ struct badgeTest {
                 .width(200).height(50).backgroundColor(0x317aff)
             }
             .key("ArkUX_Stage_Badge_BorderColor_0700").height(20)
+            .backgroundColor($r("sys.color.ohos_id_color_badge_red"))
             .margin({
               top: 10
             })
@@ -404,6 +406,7 @@ struct badgeTest {
                 .width(200).height(50).backgroundColor(0x317aff)
             }
             .key("ArkUX_Stage_Badge_BorderColor_0800").height(20)
+            .backgroundColor($r("sys.color.ohos_id_color_badge_red"))
             .margin({
               top: 10
             })
@@ -439,6 +442,7 @@ struct badgeTest {
                 })
                 .width(200).height(50).backgroundColor(0x317aff)
             }
+            .backgroundColor($r("sys.color.ohos_id_color_badge_red"))
             .key("ArkUX_Stage_Badge_BorderColor_1000").height(20)
             .margin({
               top: 10
@@ -457,6 +461,7 @@ struct badgeTest {
                 })
                 .width(200).height(50).backgroundColor(0x317aff)
             }
+            .backgroundColor($r("sys.color.ohos_id_color_badge_red"))
             .key("ArkUX_Stage_Badge_BorderColor_1100").height(20)
             .margin({
               top: 10
@@ -705,6 +710,7 @@ struct badgeTest {
                 .width(200).height(50).backgroundColor(0x317aff)
             }
             .key("ArkUX_Stage_Badge_BorderWidth_1300").height(20)
+            .backgroundColor($r("sys.color.ohos_id_color_badge_red"))
             .margin({
               top: 10
             })

arkui/ace_ets_components_ux/ace_ets_component_badge/src/main/ets/test/badge.ets

@@ -635,7 +635,7 @@ export default function badgeTest() {
           console.info("ArkUX_Stage_Badge_BorderColor_0600 component obj.$attrs.style is: " +
           JSON.stringify(obj.$attrs.style));
           let style = JSON.parse(obj.$attrs.style);
-          expect(style.borderColor).assertEqual("#FFFA2A2D");
+          expect(style.borderColor).assertEqual(obj.$attrs.backgroundColor);
           console.info('ArkUX_Stage_Badge_BorderColor_0600 END ');
           done();
         } catch (err) {
@@ -663,7 +663,7 @@ export default function badgeTest() {
           console.info("ArkUX_Stage_Badge_BorderColor_0700 component obj.$attrs.style is: " +
           JSON.stringify(obj.$attrs.style));
           let style = JSON.parse(obj.$attrs.style);
-          expect(style.borderColor).assertEqual("#FFFA2A2D");
+          expect(style.borderColor).assertEqual(obj.$attrs.backgroundColor);
           console.info('ArkUX_Stage_Badge_BorderColor_0700 END ');
           done();
         } catch (err) {
@@ -691,7 +691,7 @@ export default function badgeTest() {
           console.info("ArkUX_Stage_Badge_BorderColor_0800 component obj.$attrs.style is: " +
           JSON.stringify(obj.$attrs.style));
           let style = JSON.parse(obj.$attrs.style);
-          expect(style.borderColor).assertEqual("#FFFA2A2D");
+          expect(style.borderColor).assertEqual(obj.$attrs.backgroundColor);
           console.info('ArkUX_Stage_Badge_BorderColor_0800 END ');
           done();
         } catch (err) {
@@ -749,7 +749,7 @@ export default function badgeTest() {
           console.info("ArkUX_Stage_Badge_BorderColor_0900 component obj.$attrs.style is: " +
           JSON.stringify(obj.$attrs.style));
           let style = JSON.parse(obj.$attrs.style);
-          expect(style.borderColor).assertEqual("#FFFA2A2D");
+          expect(style.borderColor).assertEqual(obj.$attrs.backgroundColor);
           console.info('ArkUX_Stage_Badge_BorderColor_1000 END ');
           done();
         } catch (err) {
@@ -777,7 +777,7 @@ export default function badgeTest() {
           console.info("ArkUX_Stage_Badge_BorderColor_1100 component obj.$attrs.style is: " +
           JSON.stringify(obj.$attrs.style));
           let style = JSON.parse(obj.$attrs.style);
-          expect(style.borderColor).assertEqual("#FFFA2A2D");
+          expect(style.borderColor).assertEqual(obj.$attrs.backgroundColor);
           console.info('ArkUX_Stage_Badge_BorderColor_1100 END ');
           done();
         } catch (err) {
@@ -1177,7 +1177,7 @@ export default function badgeTest() {
           let style = JSON.parse(obj.$attrs.style);
           expect(style.borderWidth).assertEqual("1.00vp");
           expect(style.fontWeight).assertEqual("FontWeight.Normal");
-          expect(style.borderColor).assertEqual("#FFFA2A2D");
+          expect(style.borderColor).assertEqual(obj.$attrs.backgroundColor);
           console.info('ArkUX_Stage_Badge_BorderWidth_1300 END ');
           done();
         } catch (err) {

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

@@ -82,6 +82,7 @@ struct checkBoxTest {
           ListItem(){
             Checkbox({name: 'checkbox6',  group: 'checkboxGroup2'})
               .key("ArkUX_Stage_Checkbox_unselectedColor_0600")
+              .backgroundColor($r("sys.color.ohos_id_color_switch_outline_off"))
               .select(false)
               .selectedColor(0xed6f21)
               .unselectedColor("")
@@ -92,6 +93,7 @@ struct checkBoxTest {
           ListItem(){
             Checkbox({name: 'checkbox7',  group: 'checkboxGroup3'})
               .key("ArkUX_Stage_Checkbox_unselectedColor_0700")
+              .backgroundColor($r("sys.color.ohos_id_color_switch_outline_off"))
               .select(false)
               .selectedColor(0xed6f21)
               .unselectedColor(null)
@@ -102,6 +104,7 @@ struct checkBoxTest {
           ListItem(){
             Checkbox({name: 'checkbox8',  group: 'checkboxGroup3'})
               .key("ArkUX_Stage_Checkbox_unselectedColor_0800")
+              .backgroundColor($r("sys.color.ohos_id_color_switch_outline_off"))
               .select(false)
               .selectedColor(0xed6f21)
               .unselectedColor(undefined)
@@ -123,6 +126,7 @@ struct checkBoxTest {
           ListItem(){
             Checkbox({name: 'checkbox10',  group: 'checkboxGroup13'})
               .key("ArkUX_Stage_Checkbox_unselectedColor_1000")
+              .backgroundColor($r("sys.color.ohos_id_color_switch_outline_off"))
               .select(false)
               .selectedColor(0xed6f21)
               .unselectedColor(Color.Pink)
@@ -134,6 +138,7 @@ struct checkBoxTest {
           ListItem(){
             Checkbox({name: 'checkbox11',  group: 'checkboxGroup13'})
               .key("ArkUX_Stage_Checkbox_unselectedColor_1100")
+              .backgroundColor($r("sys.color.ohos_id_color_switch_outline_off"))
               .select(false)
               .selectedColor(0xed6f21)
               .unselectedColor('bgr(138,43,226)')
@@ -205,6 +210,7 @@ struct checkBoxTest {
           ListItem(){
             Checkbox({name: 'checkbox18',  group: 'checkboxGroup15'})
               .key("ArkUX_Stage_Checkbox_CheckMarkColor_0600")
+              .backgroundColor($r("sys.color.ohos_id_color_foreground_contrary"))
               .select(true)
               .selectedColor(0xed6f21)
               .mark({strokeColor:""})
@@ -215,6 +221,7 @@ struct checkBoxTest {
           ListItem(){
             Checkbox({name: 'checkbox19',  group: 'checkboxGroup25'})
               .key("ArkUX_Stage_Checkbox_CheckMarkColor_0700")
+              .backgroundColor($r("sys.color.ohos_id_color_foreground_contrary"))
               .select(true)
               .selectedColor(0xed6f21)
               .mark({strokeColor:null})
@@ -225,6 +232,7 @@ struct checkBoxTest {
           ListItem(){
             Checkbox({name: 'checkbox20',  group: 'checkboxGroup25'})
               .key("ArkUX_Stage_Checkbox_CheckMarkColor_0800")
+              .backgroundColor($r("sys.color.ohos_id_color_foreground_contrary"))
               .select(true)
               .selectedColor(0xed6f21)
               .mark({strokeColor:undefined})
@@ -246,6 +254,7 @@ struct checkBoxTest {
           ListItem(){
             Checkbox({name: 'checkbox22',  group: 'checkboxGroup26'})
               .key("ArkUX_Stage_Checkbox_CheckMarkColor_1000")
+              .backgroundColor($r("sys.color.ohos_id_color_foreground_contrary"))
               .select(true)
               .selectedColor(0xed6f21)
               .mark({strokeColor:Color.Pink})
@@ -257,6 +266,7 @@ struct checkBoxTest {
           ListItem(){
             Checkbox({name: 'checkbox23',  group: 'checkboxGroup26'})
               .key("ArkUX_Stage_Checkbox_CheckMarkColor_1100")
+              .backgroundColor($r("sys.color.ohos_id_color_foreground_contrary"))
               .select(true)
               .selectedColor(0xed6f21)
               .mark({strokeColor:'bgr(138,43,226)'})

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

@@ -97,6 +97,7 @@ struct checkBoxTest {
           ListItem(){
             CheckboxGroup({group: 'checkboxGroup6'})
               .key("ArkUX_Stage_CheckboxGroup_CheckMarkColor_0600")
+              .backgroundColor($r("sys.color.ohos_id_color_foreground_contrary"))
               .selectedColor(0xed6f21)
               .mark({strokeColor:""})
               .onChange((value: boolean) => {
@@ -106,6 +107,7 @@ struct checkBoxTest {
           ListItem(){
             CheckboxGroup({group: 'checkboxGroup7'})
               .key("ArkUX_Stage_CheckboxGroup_CheckMarkColor_0700")
+              .backgroundColor($r("sys.color.ohos_id_color_foreground_contrary"))
               .selectedColor(0xed6f21)
               .mark({strokeColor:null})
               .onChange((value: boolean) => {
@@ -115,6 +117,7 @@ struct checkBoxTest {
           ListItem(){
             CheckboxGroup({group: 'checkboxGroup8'})
               .key("ArkUX_Stage_CheckboxGroup_CheckMarkColor_0800")
+              .backgroundColor($r("sys.color.ohos_id_color_foreground_contrary"))
               .selectedColor(0xed6f21)
               .mark({strokeColor:undefined})
               .onChange((value: boolean) => {
@@ -134,6 +137,7 @@ struct checkBoxTest {
           ListItem(){
             CheckboxGroup({group: 'checkboxGroup10'})
               .key("ArkUX_Stage_CheckboxGroup_CheckMarkColor_1000")
+              .backgroundColor($r("sys.color.ohos_id_color_foreground_contrary"))
               .selectedColor(0xed6f21)
               .mark({strokeColor:Color.Pink})
               .mark({strokeColor:'bgr(138,43,226)'})
@@ -144,6 +148,7 @@ struct checkBoxTest {
           ListItem(){
             CheckboxGroup({group: 'checkboxGroup11'})
               .key("ArkUX_Stage_CheckboxGroup_CheckMarkColor_1100")
+              .backgroundColor($r("sys.color.ohos_id_color_foreground_contrary"))
               .selectedColor(0xed6f21)
               .mark({strokeColor:'bgr(138,43,226)'})
               .onChange((value: boolean) => {
@@ -468,6 +473,7 @@ struct checkBoxTest {
           ListItem(){
             CheckboxGroup({group: 'checkboxGroup43'})
               .key("ArkUX_Stage_CheckboxGroup_unselectedColor_0600")
+              .backgroundColor($r("sys.color.ohos_id_color_switch_outline_off"))
               .selectedColor(0xed6f21)
               .unselectedColor("")
               .onChange((value: boolean) => {
@@ -477,6 +483,7 @@ struct checkBoxTest {
           ListItem(){
             CheckboxGroup({group: 'checkboxGroup44'})
               .key("ArkUX_Stage_CheckboxGroup_unselectedColor_0700")
+              .backgroundColor($r("sys.color.ohos_id_color_switch_outline_off"))
               .selectedColor(0xed6f21)
               .unselectedColor(null)
               .onChange((value: boolean) => {
@@ -486,6 +493,7 @@ struct checkBoxTest {
           ListItem(){
             CheckboxGroup({group: 'checkboxGroup45'})
               .key("ArkUX_Stage_CheckboxGroup_unselectedColor_0800")
+              .backgroundColor($r("sys.color.ohos_id_color_switch_outline_off"))
               .selectedColor(0xed6f21)
               .unselectedColor(undefined)
               .onChange((value: boolean) => {
@@ -505,6 +513,7 @@ struct checkBoxTest {
           ListItem(){
             CheckboxGroup({group: 'checkboxGroup47'})
               .key("ArkUX_Stage_CheckboxGroup_unselectedColor_1000")
+              .backgroundColor($r("sys.color.ohos_id_color_switch_outline_off"))
               .selectedColor(0xed6f21)
               .unselectedColor(Color.Pink)
               .unselectedColor(undefined)
@@ -515,6 +524,7 @@ struct checkBoxTest {
           ListItem(){
             CheckboxGroup({group: 'checkboxGroup48'})
               .key("ArkUX_Stage_CheckboxGroup_unselectedColor_1100")
+              .backgroundColor($r("sys.color.ohos_id_color_switch_outline_off"))
               .selectedColor(0xed6f21)
               .unselectedColor('bgr(138,43,226)')
               .onChange((value: boolean) => {
@@ -543,7 +553,9 @@ struct checkBoxTest {
           ListItem(){
             CheckboxGroup({group: 'checkboxGroupNO'})
               .key("checkboxGroupNO")
+              .backgroundColor($r("sys.color.ohos_id_color_switch_outline_off"))
               .selectedColor(0xed6f21)
+              .borderColor($r("sys.color.ohos_id_color_foreground_contrary"))
               .onChange((value: boolean) => {
                 console.info('Checkbox1 change is'+ value)
               })
@@ -551,6 +563,8 @@ struct checkBoxTest {
           ListItem(){
             Checkbox({name: 'checkbox3',  group: 'checkboxGroupNO'})
               .key("checkboxNO")
+              .backgroundColor($r("sys.color.ohos_id_color_switch_outline_off"))
+              .borderColor($r("sys.color.ohos_id_color_foreground_contrary"))
               .select(true)
               .selectedColor(0xed6f21)
               .onChange((value: boolean) => {

arkui/ace_ets_components_ux/ace_ets_component_checkbox/src/main/ets/test/checkBox.ets

@@ -190,7 +190,7 @@ export default function checkBoxTest() {
           JSON.stringify(obj.$attrs));
           console.info("ArkUX_Stage_Checkbox_unselectedColor_0600 component obj.$attrs.unselectedColor is: " +
           JSON.stringify(obj.$attrs.unselectedColor));
-          expect(obj.$attrs.unselectedColor).assertEqual("#66182431");
+          expect(obj.$attrs.unselectedColor).assertEqual(obj.$attrs.backgroundColor);
           console.info('ArkUX_Stage_Checkbox_unselectedColor_0600 END ');
         } catch (err) {
           expect().assertFail();
@@ -217,7 +217,7 @@ export default function checkBoxTest() {
           JSON.stringify(obj.$attrs));
           console.info("ArkUX_Stage_Checkbox_unselectedColor_0700 component obj.$attrs.unselectedColor is: " +
           JSON.stringify(obj.$attrs.unselectedColor));
-          expect(obj.$attrs.unselectedColor).assertEqual("#66182431");
+          expect(obj.$attrs.unselectedColor).assertEqual(obj.$attrs.backgroundColor);
           console.info('ArkUX_Stage_Checkbox_unselectedColor_0700 END ');
         } catch (err) {
           expect().assertFail();
@@ -244,7 +244,7 @@ export default function checkBoxTest() {
           JSON.stringify(obj.$attrs));
           console.info("ArkUX_Stage_Checkbox_unselectedColor_0800 component obj.$attrs.unselectedColor is: " +
           JSON.stringify(obj.$attrs.unselectedColor));
-          expect(obj.$attrs.unselectedColor).assertEqual("#66182431");
+          expect(obj.$attrs.unselectedColor).assertEqual(obj.$attrs.backgroundColor);
           console.info('ArkUX_Stage_Checkbox_unselectedColor_0800 END ');
         } catch (err) {
           expect().assertFail();
@@ -300,7 +300,7 @@ export default function checkBoxTest() {
           JSON.stringify(obj.$attrs));
           console.info("ArkUX_Stage_Checkbox_unselectedColor_1000 component obj.$attrs.unselectedColor is: " +
           JSON.stringify(obj.$attrs.unselectedColor));
-          expect(obj.$attrs.unselectedColor).assertEqual("#66182431");
+          expect(obj.$attrs.unselectedColor).assertEqual(obj.$attrs.backgroundColor);
           console.info('ArkUX_Stage_Checkbox_unselectedColor_1000 END ');
         } catch (err) {
           expect().assertFail();
@@ -327,7 +327,7 @@ export default function checkBoxTest() {
           JSON.stringify(obj.$attrs));
           console.info("ArkUX_Stage_Checkbox_unselectedColor_1100 component obj.$attrs.unselectedColor is: " +
           JSON.stringify(obj.$attrs.unselectedColor));
-          expect(obj.$attrs.unselectedColor).assertEqual("#66182431");
+          expect(obj.$attrs.unselectedColor).assertEqual(obj.$attrs.backgroundColor);
           console.info('ArkUX_Stage_Checkbox_unselectedColor_1100 END ');
         } catch (err) {
           expect().assertFail();
@@ -541,7 +541,7 @@ export default function checkBoxTest() {
           console.info("ArkUX_Stage_Checkbox_CheckMarkColor_0600 component markObj is: " + JSON.stringify(markObj));
           console.info("ArkUX_Stage_Checkbox_CheckMarkColor_0600 component markObj.strokeColor is: " +
           JSON.stringify(markObj.strokeColor));
-          expect(markObj.strokeColor).assertEqual("#FFFFFFFF");
+          expect(markObj.strokeColor).assertEqual(obj.$attrs.backgroundColor);
           console.info('ArkUX_Stage_Checkbox_CheckMarkColor_0600 END ');
         } catch (err) {
           expect().assertFail();
@@ -572,7 +572,7 @@ export default function checkBoxTest() {
           console.info("ArkUX_Stage_Checkbox_CheckMarkColor_0700 component markObj is: " + JSON.stringify(markObj));
           console.info("ArkUX_Stage_Checkbox_CheckMarkColor_0700 component markObj.strokeColor is: " +
           JSON.stringify(markObj.strokeColor));
-          expect(markObj.strokeColor).assertEqual("#FFFFFFFF");
+          expect(markObj.strokeColor).assertEqual(obj.$attrs.backgroundColor);
           console.info('ArkUX_Stage_Checkbox_CheckMarkColor_0700 END ');
         } catch (err) {
           expect().assertFail();
@@ -603,7 +603,7 @@ export default function checkBoxTest() {
           console.info("ArkUX_Stage_Checkbox_CheckMarkColor_0800 component markObj is: " + JSON.stringify(markObj));
           console.info("ArkUX_Stage_Checkbox_CheckMarkColor_0800 component markObj.strokeColor is: " +
           JSON.stringify(markObj.strokeColor));
-          expect(markObj.strokeColor).assertEqual("#FFFFFFFF");
+          expect(markObj.strokeColor).assertEqual(obj.$attrs.backgroundColor);
           console.info('ArkUX_Stage_Checkbox_CheckMarkColor_0800 END ');
         } catch (err) {
           expect().assertFail();
@@ -667,7 +667,7 @@ export default function checkBoxTest() {
           console.info("ArkUX_Stage_Checkbox_CheckMarkColor_1000 component markObj is: " + JSON.stringify(markObj));
           console.info("ArkUX_Stage_Checkbox_CheckMarkColor_1000 component markObj.strokeColor is: " +
           JSON.stringify(markObj.strokeColor));
-          expect(markObj.strokeColor).assertEqual("#FFFFFFFF");
+          expect(markObj.strokeColor).assertEqual(obj.$attrs.backgroundColor);
           console.info('ArkUX_Stage_Checkbox_CheckMarkColor_1000 END ');
         } catch (err) {
           expect().assertFail();
@@ -698,7 +698,7 @@ export default function checkBoxTest() {
           console.info("ArkUX_Stage_Checkbox_CheckMarkColor_1100 component markObj is: " + JSON.stringify(markObj));
           console.info("ArkUX_Stage_Checkbox_CheckMarkColor_1100 component markObj.strokeColor is: " +
           JSON.stringify(markObj.strokeColor));
-          expect(markObj.strokeColor).assertEqual("#FFFFFFFF");
+          expect(markObj.strokeColor).assertEqual(obj.$attrs.backgroundColor);
           console.info('ArkUX_Stage_Checkbox_CheckMarkColor_1100 END ');
         } catch (err) {
           expect().assertFail();

arkui/ace_ets_components_ux/ace_ets_component_checkbox/src/main/ets/test/checkBoxGroup.ets

@@ -190,7 +190,7 @@ export default function checkBoxGroupTest() {
           JSON.stringify(obj.$attrs));
           console.info("ArkUX_Stage_CheckboxGroup_unselectedColor_0600 component obj.$attrs.unselectedColor is: " +
           JSON.stringify(obj.$attrs.unselectedColor));
-          expect(obj.$attrs.unselectedColor).assertEqual("#66182431");
+          expect(obj.$attrs.unselectedColor).assertEqual(obj.$attrs.backgroundColor);
           console.info('ArkUX_Stage_CheckboxGroup_unselectedColor_0600 END ');
         } catch (err) {
           expect().assertFail();
@@ -217,7 +217,7 @@ export default function checkBoxGroupTest() {
           JSON.stringify(obj.$attrs));
           console.info("ArkUX_Stage_CheckboxGroup_unselectedColor_0700 component obj.$attrs.unselectedColor is: " +
           JSON.stringify(obj.$attrs.unselectedColor));
-          expect(obj.$attrs.unselectedColor).assertEqual("#66182431");
+          expect(obj.$attrs.unselectedColor).assertEqual(obj.$attrs.backgroundColor);
           console.info('ArkUX_Stage_CheckboxGroup_unselectedColor_0700 END ');
         } catch (err) {
           expect().assertFail();
@@ -244,7 +244,7 @@ export default function checkBoxGroupTest() {
           JSON.stringify(obj.$attrs));
           console.info("ArkUX_Stage_CheckboxGroup_unselectedColor_0800 component obj.$attrs.unselectedColor is: " +
           JSON.stringify(obj.$attrs.unselectedColor));
-          expect(obj.$attrs.unselectedColor).assertEqual("#66182431");
+          expect(obj.$attrs.unselectedColor).assertEqual(obj.$attrs.backgroundColor);
           console.info('ArkUX_Stage_CheckboxGroup_unselectedColor_0800 END ');
         } catch (err) {
           expect().assertFail();
@@ -300,7 +300,7 @@ export default function checkBoxGroupTest() {
           JSON.stringify(obj.$attrs));
           console.info("ArkUX_Stage_CheckboxGroup_unselectedColor_1000 component obj.$attrs.unselectedColor is: " +
           JSON.stringify(obj.$attrs.unselectedColor));
-          expect(obj.$attrs.unselectedColor).assertEqual("#66182431");
+          expect(obj.$attrs.unselectedColor).assertEqual(obj.$attrs.backgroundColor);
           console.info('ArkUX_Stage_CheckboxGroup_unselectedColor_1000 END ');
         } catch (err) {
           expect().assertFail();
@@ -327,7 +327,7 @@ export default function checkBoxGroupTest() {
           JSON.stringify(obj.$attrs));
           console.info("ArkUX_Stage_CheckboxGroup_unselectedColor_1100 component obj.$attrs.unselectedColor is: " +
           JSON.stringify(obj.$attrs.unselectedColor));
-          expect(obj.$attrs.unselectedColor).assertEqual("#66182431");
+          expect(obj.$attrs.unselectedColor).assertEqual(obj.$attrs.backgroundColor);
           console.info('ArkUX_Stage_CheckboxGroup_unselectedColor_1100 END ');
         } catch (err) {
           expect().assertFail();
@@ -547,7 +547,7 @@ export default function checkBoxGroupTest() {
           JSON.stringify(markObj));
           console.info("ArkUX_Stage_CheckboxGroup_CheckMarkColor_0600 component markObj.strokeColor is: " +
           JSON.stringify(markObj.strokeColor));
-          expect(markObj.strokeColor).assertEqual("#FFFFFFFF");
+          expect(markObj.strokeColor).assertEqual(obj.$attrs.backgroundColor);
           console.info('ArkUX_Stage_CheckboxGroup_CheckMarkColor_0600 END ');
         } catch (err) {
           expect().assertFail();
@@ -579,7 +579,7 @@ export default function checkBoxGroupTest() {
           JSON.stringify(markObj));
           console.info("ArkUX_Stage_CheckboxGroup_CheckMarkColor_0700 component markObj.strokeColor is: " +
           JSON.stringify(markObj.strokeColor));
-          expect(markObj.strokeColor).assertEqual("#FFFFFFFF");
+          expect(markObj.strokeColor).assertEqual(obj.$attrs.backgroundColor);
           console.info('ArkUX_Stage_CheckboxGroup_CheckMarkColor_0700 END ');
         } catch (err) {
           expect().assertFail();
@@ -611,7 +611,7 @@ export default function checkBoxGroupTest() {
           JSON.stringify(markObj));
           console.info("ArkUX_Stage_CheckboxGroup_CheckMarkColor_0800 component markObj.strokeColor is: " +
           JSON.stringify(markObj.strokeColor));
-          expect(markObj.strokeColor).assertEqual("#FFFFFFFF");
+          expect(markObj.strokeColor).assertEqual(obj.$attrs.backgroundColor);
           console.info('ArkUX_Stage_CheckboxGroup_CheckMarkColor_0800 END ');
         } catch (err) {
           expect().assertFail();
@@ -677,7 +677,7 @@ export default function checkBoxGroupTest() {
           JSON.stringify(markObj));
           console.info("ArkUX_Stage_CheckboxGroup_CheckMarkColor_1000 component markObj.strokeColor is: " +
           JSON.stringify(markObj.strokeColor));
-          expect(markObj.strokeColor).assertEqual("#FFFFFFFF");
+          expect(markObj.strokeColor).assertEqual(obj.$attrs.backgroundColor);
           console.info('ArkUX_Stage_CheckboxGroup_CheckMarkColor_1000 END ');
         } catch (err) {
           expect().assertFail();
@@ -709,7 +709,7 @@ export default function checkBoxGroupTest() {
           JSON.stringify(markObj));
           console.info("ArkUX_Stage_CheckboxGroup_CheckMarkColor_1100 component markObj.strokeColor is: " +
           JSON.stringify(markObj.strokeColor));
-          expect(markObj.strokeColor).assertEqual("#FFFFFFFF");
+          expect(markObj.strokeColor).assertEqual(obj.$attrs.backgroundColor);
           console.info('ArkUX_Stage_CheckboxGroup_CheckMarkColor_1100 END ');
         } catch (err) {
           expect().assertFail();
@@ -1655,8 +1655,8 @@ export default function checkBoxGroupTest() {
           let markObj = JSON.parse(obj.$attrs.mark);
           expect(markObj.strokeWidth).assertEqual("2.00vp");
           expect(markObj.size).assertEqual("0.00vp");
-          expect(markObj.strokeColor).assertEqual("#FFFFFFFF");
-          expect(obj.$attrs.unselectedColor).assertEqual("#66182431");
+          expect(markObj.strokeColor).assertEqual(obj.$attrs.borderColor);
+          expect(obj.$attrs.unselectedColor).assertEqual(obj.$attrs.backgroundColor);
           let strJsonGroup = getInspectorByKey('checkboxGroupNO');
           console.info('ArkUX_Stage_CheckboxGroup_CheckMarkWidth_1500 strJsonGroup  :' + JSON.stringify(strJsonGroup));
           let objGroup = JSON.parse(strJsonGroup);
@@ -1667,8 +1667,8 @@ export default function checkBoxGroupTest() {
           let markObjGroup = JSON.parse(objGroup.$attrs.mark);
           expect(markObjGroup.strokeWidth).assertEqual("2.00vp");
           expect(markObjGroup.size).assertEqual("0.00vp");
-          expect(markObjGroup.strokeColor).assertEqual("#FFFFFFFF");
-          expect(objGroup.$attrs.unselectedColor).assertEqual("#66182431");
+          expect(markObjGroup.strokeColor).assertEqual(obj.$attrs.borderColor);
+          expect(objGroup.$attrs.unselectedColor).assertEqual(obj.$attrs.backgroundColor);
           console.info('ArkUX_Stage_CheckboxGroup_CheckMarkWidth_1500 END ');
         } catch (err) {
           expect().assertFail();

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

@@ -377,6 +377,7 @@ struct DatapanelTest {
             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")
           }
@@ -384,6 +385,7 @@ struct DatapanelTest {
             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")
           }
@@ -391,6 +393,7 @@ struct DatapanelTest {
             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")
           }
@@ -398,6 +401,7 @@ struct DatapanelTest {
             DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
               .width(200)
               .height(200)
+              .borderColor($r("sys.color.ohos_id_color_subheading_separator"))
               .trackBackgroundColor("#FF00FF00")
               .trackBackgroundColor(undefined)
               .key("ArkUX_Stage_DataPanel_TrackBackgroundColor_1000")
@@ -406,6 +410,7 @@ struct DatapanelTest {
             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")
           }
@@ -585,27 +590,6 @@ struct DatapanelTest {
                 $r("app.color.DataPanel_TrackShadow3")] })
               .key("ArkUX_Stage_DataPanel_TrackShadow_1900")
           }
-          ListItem() {
-            DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
-              .width(200)
-              .height(200)
-              .trackShadow({ colors: '' })
-              .key("ArkUX_Stage_DataPanel_TrackShadow_2000")
-          }
-          ListItem() {
-            DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
-              .width(200)
-              .height(200)
-              .trackShadow({ colors: null })
-              .key("ArkUX_Stage_DataPanel_TrackShadow_2100")
-          }
-          ListItem() {
-            DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
-              .width(200)
-              .height(200)
-              .trackShadow({ colors: undefined })
-              .key("ArkUX_Stage_DataPanel_TrackShadow_2200")
-          }
           ListItem() {
             DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
               .width(200)
@@ -636,27 +620,6 @@ struct DatapanelTest {
                 $r("app.color.DataPanel_TrackShadow8"), $r("app.color.DataPanel_TrackShadow9")]})
               .key("ArkUX_Stage_DataPanel_TrackShadow_2600")
           }
-          ListItem() {
-            DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
-              .width(200)
-              .height(200)
-              .trackShadow({ colors: '' })
-              .key("ArkUX_Stage_DataPanel_TrackShadow_2700")
-          }
-          ListItem() {
-            DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
-              .width(200)
-              .height(200)
-              .trackShadow({ colors: null })
-              .key("ArkUX_Stage_DataPanel_TrackShadow_2800")
-          }
-          ListItem() {
-            DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
-              .width(200)
-              .height(200)
-              .trackShadow({ colors: undefined })
-              .key("ArkUX_Stage_DataPanel_TrackShadow_2900")
-          }
           ListItem() {
             DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
               .width(200)
@@ -686,27 +649,6 @@ struct DatapanelTest {
                 $r("app.color.DataPanel_TrackShadow12")]})
               .key("ArkUX_Stage_DataPanel_TrackShadow_3300")
           }
-          ListItem() {
-            DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
-              .width(200)
-              .height(200)
-              .trackShadow({ colors: '' })
-              .key("ArkUX_Stage_DataPanel_TrackShadow_3400")
-          }
-          ListItem() {
-            DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
-              .width(200)
-              .height(200)
-              .trackShadow({ colors: null })
-              .key("ArkUX_Stage_DataPanel_TrackShadow_3500")
-          }
-          ListItem() {
-            DataPanel({ values: [20, 10, 10], max: 80, type: DataPanelType.Circle })
-              .width(200)
-              .height(200)
-              .trackShadow({ colors: undefined })
-              .key("ArkUX_Stage_DataPanel_TrackShadow_3600")
-          }
         }
       }
     .width('100%')

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

@@ -120,6 +120,7 @@ struct RadioTest {
               .checked(false)
               .width(50)
               .height(50)
+              .borderColor($r("sys.color.ohos_id_color_emphasize"))
               .radioStyle({ checkedBackgroundColor: '' })
               .key("ArkUX_Stage_Radio_CheckedBackgroundColor_0800")
               .onChange((isChecked: boolean) => {
@@ -131,6 +132,7 @@ struct RadioTest {
               .checked(false)
               .width(50)
               .height(50)
+              .borderColor($r("sys.color.ohos_id_color_emphasize"))
               .radioStyle({ checkedBackgroundColor: null })
               .key("ArkUX_Stage_Radio_CheckedBackgroundColor_0900")
               .onChange((isChecked: boolean) => {
@@ -142,6 +144,7 @@ struct RadioTest {
               .checked(false)
               .width(50)
               .height(50)
+              .borderColor($r("sys.color.ohos_id_color_emphasize"))
               .radioStyle({ checkedBackgroundColor: undefined })
               .key("ArkUX_Stage_Radio_CheckedBackgroundColor_1000")
               .onChange((isChecked: boolean) => {
@@ -153,6 +156,7 @@ struct RadioTest {
               .checked(false)
               .width(50)
               .height(50)
+              .borderColor($r("sys.color.ohos_id_color_emphasize"))
               .radioStyle({ checkedBackgroundColor: "rgb(255,0,0)" })
               .radioStyle({ checkedBackgroundColor: undefined })
               .key("ArkUX_Stage_Radio_CheckedBackgroundColor_1100")
@@ -165,6 +169,7 @@ struct RadioTest {
               .checked(false)
               .width(50)
               .height(50)
+              .borderColor($r("sys.color.ohos_id_color_emphasize"))
               .radioStyle({ checkedBackgroundColor: 'color' })
               .key("ArkUX_Stage_Radio_CheckedBackgroundColor_1200")
               .onChange((isChecked: boolean) => {
@@ -232,7 +237,7 @@ struct RadioTest {
               .width(50)
               .height(50)
               .radioStyle({ uncheckedBorderColor: "rgb(138,43,226)" })
-              .radioStyle({ uncheckedBorderColor: Color.Black  })
+              .radioStyle({ uncheckedBorderColor: Color.Black })
               .key("ArkUX_Stage_Radio_UncheckedBorderColor_0600")
               .onChange((isChecked: boolean) => {
                 console.log('Radio18 status is' + isChecked)
@@ -255,6 +260,7 @@ struct RadioTest {
               .checked(false)
               .width(50)
               .height(50)
+              .borderColor($r("sys.color.ohos_id_color_switch_outline_off"))
               .radioStyle({ uncheckedBorderColor: '' })
               .key("ArkUX_Stage_Radio_UncheckedBorderColor_0800")
               .onChange((isChecked: boolean) => {
@@ -266,6 +272,7 @@ struct RadioTest {
               .checked(false)
               .width(50)
               .height(50)
+              .borderColor($r("sys.color.ohos_id_color_switch_outline_off"))
               .radioStyle({ uncheckedBorderColor: null })
               .key("ArkUX_Stage_Radio_UncheckedBorderColor_0900")
               .onChange((isChecked: boolean) => {
@@ -277,6 +284,7 @@ struct RadioTest {
               .checked(false)
               .width(50)
               .height(50)
+              .borderColor($r("sys.color.ohos_id_color_switch_outline_off"))
               .radioStyle({ uncheckedBorderColor: undefined })
               .key("ArkUX_Stage_Radio_UncheckedBorderColor_1000")
               .onChange((isChecked: boolean) => {
@@ -288,6 +296,7 @@ struct RadioTest {
               .checked(false)
               .width(50)
               .height(50)
+              .borderColor($r("sys.color.ohos_id_color_switch_outline_off"))
               .radioStyle({ uncheckedBorderColor: "rgb(255,0,0)" })
               .radioStyle({ uncheckedBorderColor: undefined })
               .key("ArkUX_Stage_Radio_UncheckedBorderColor_1100")
@@ -300,6 +309,7 @@ struct RadioTest {
               .checked(false)
               .width(50)
               .height(50)
+              .borderColor($r("sys.color.ohos_id_color_switch_outline_off"))
               .radioStyle({ uncheckedBorderColor: 'bgr(138,43,226)' })
               .key("ArkUX_Stage_Radio_UncheckedBorderColor_1200")
               .onChange((isChecked: boolean) => {
@@ -390,6 +400,7 @@ struct RadioTest {
               .checked(false)
               .width(50)
               .height(50)
+              .borderColor($r("sys.color.ohos_id_color_foreground_contrary"))
               .radioStyle({ indicatorColor: '' })
               .key("ArkUX_Stage_Radio_IndicatorColor_0800")
               .onChange((isChecked: boolean) => {
@@ -401,6 +412,7 @@ struct RadioTest {
               .checked(false)
               .width(50)
               .height(50)
+              .borderColor($r("sys.color.ohos_id_color_foreground_contrary"))
               .radioStyle({ indicatorColor: null })
               .key("ArkUX_Stage_Radio_IndicatorColor_0900")
               .onChange((isChecked: boolean) => {
@@ -412,6 +424,7 @@ struct RadioTest {
               .checked(false)
               .width(50)
               .height(50)
+              .borderColor($r("sys.color.ohos_id_color_foreground_contrary"))
               .radioStyle({ indicatorColor: undefined })
               .key("ArkUX_Stage_Radio_IndicatorColor_1000")
               .onChange((isChecked: boolean) => {
@@ -423,6 +436,7 @@ struct RadioTest {
               .checked(false)
               .width(50)
               .height(50)
+              .borderColor($r("sys.color.ohos_id_color_foreground_contrary"))
               .radioStyle({ indicatorColor: "rgb(138,43,226)" })
               .radioStyle({ indicatorColor: undefined })
               .key("ArkUX_Stage_Radio_IndicatorColor_1100")
@@ -435,6 +449,7 @@ struct RadioTest {
               .checked(false)
               .width(50)
               .height(50)
+              .borderColor($r("sys.color.ohos_id_color_foreground_contrary"))
               .radioStyle({ indicatorColor: 'bgr(138,43,226)' })
               .key("ArkUX_Stage_Radio_IndicatorColor_1200")
               .onChange((isChecked: boolean) => {
@@ -461,6 +476,9 @@ struct RadioTest {
               .checked(false)
               .width(50)
               .height(50)
+              .borderColor($r("sys.color.ohos_id_color_emphasize"))
+              .backgroundColor($r("sys.color.ohos_id_color_switch_outline_off"))
+              .foregroundColor($r("sys.color.ohos_id_color_foreground_contrary"))
               .key("ArkUX_Stage_Radio_0100")
               .onChange((isChecked: boolean) => {
                 console.log('Radio38 status is' + isChecked)

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

@@ -879,6 +879,17 @@ struct SliderTest {
               .stepSize(10)
               .stepSize(40)
           }
+          ListItem() {
+             Slider({
+              value: this.inSetValueOne,
+              min: 0,
+              max: 100,
+              style: SliderStyle.InSet
+            })
+              .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,

arkui/ace_ets_components_ux/ace_ets_component_slider/src/main/ets/test/SliderTest.ets

@@ -705,7 +705,15 @@ export default function sliderTest() {
           let strJson = getInspectorByKey('ArkUX_Stage_Slider_stepColor_0500');
           let obj = JSON.parse(strJson);
           console.info("----ArkUX_Stage_Slider_stepColor_0500 is" + JSON.stringify(obj.$attrs.stepColor));
-          expect(obj.$attrs.stepColor).assertEqual("#19182431");
+          let strJsonSample = getInspectorByKey('ArkUX_Stage_Slider_stepColor_marker_color_marker_color_aalpha');
+          let objSample = JSON.parse(strJsonSample);
+          console.info("----ArkUX_Stage_Slider_stepColor_0500 is" + JSON.stringify(objSample.$attrs.backgroundColor));
+          console.info("----ArkUX_Stage_Slider_stepColor_0500 is" + JSON.stringify(objSample.$attrs.opacity));
+          let opacity= Math.floor(Number((parseInt(((objSample.$attrs.backgroundColor).substring(1, 3)), 16)*
+          (objSample.$attrs.opacity)).toString(16)))
+          expect(opacity.toString()).assertEqual((obj.$attrs.stepColor).substring(1, 3));
+          expect((obj.$attrs.stepColor).substr((obj.$attrs.stepColor).length-4, 4)).
+          assertEqual((objSample.$attrs.backgroundColor).substr((objSample.$attrs.backgroundColor).length-4, 4));
           done()
         } catch (err) {
           expect().assertFail();
@@ -771,7 +779,15 @@ export default function sliderTest() {
           let strJson = getInspectorByKey('ArkUX_Stage_Slider_stepColor_0800');
           let obj = JSON.parse(strJson);
           console.info("----ArkUX_Stage_Slider_stepColor_0800 is" + JSON.stringify(obj.$attrs.stepColor));
-          expect(obj.$attrs.stepColor).assertEqual("#19182431");
+          let strJsonSample = getInspectorByKey('ArkUX_Stage_Slider_stepColor_marker_color_marker_color_aalpha');
+          let objSample = JSON.parse(strJsonSample);
+          console.info("----ArkUX_Stage_Slider_stepColor_0800 is" + JSON.stringify(objSample.$attrs.backgroundColor));
+          console.info("----ArkUX_Stage_Slider_stepColor_0800 is" + JSON.stringify(objSample.$attrs.opacity));
+          let opacity= Math.floor(Number((parseInt(((objSample.$attrs.backgroundColor).substring(1, 3)), 16)*
+          (objSample.$attrs.opacity)).toString(16)))
+          expect(opacity.toString()).assertEqual((obj.$attrs.stepColor).substring(1, 3));
+          expect((obj.$attrs.stepColor).substr((obj.$attrs.stepColor).length-4, 4)).
+          assertEqual((objSample.$attrs.backgroundColor).substr((objSample.$attrs.backgroundColor).length-4, 4));
           done();
         } catch (err) {
           expect().assertFail();
@@ -793,7 +809,15 @@ export default function sliderTest() {
           let strJson = getInspectorByKey('ArkUX_Stage_Slider_stepColor_0900');
           let obj = JSON.parse(strJson);
           console.info("----ArkUX_Stage_Slider_stepColor_0900 is" + JSON.stringify(obj.$attrs.stepColor));
-          expect(obj.$attrs.stepColor).assertEqual("#19182431");
+          let strJsonSample = getInspectorByKey('ArkUX_Stage_Slider_stepColor_marker_color_marker_color_aalpha');
+          let objSample = JSON.parse(strJsonSample);
+          console.info("----ArkUX_Stage_Slider_stepColor_0900 is" + JSON.stringify(objSample.$attrs.backgroundColor));
+          console.info("----ArkUX_Stage_Slider_stepColor_0900 is" + JSON.stringify(objSample.$attrs.opacity));
+          let opacity= Math.floor(Number((parseInt(((objSample.$attrs.backgroundColor).substring(1, 3)), 16)*
+          (objSample.$attrs.opacity)).toString(16)))
+          expect(opacity.toString()).assertEqual((obj.$attrs.stepColor).substring(1, 3));
+          expect((obj.$attrs.stepColor).substr((obj.$attrs.stepColor).length-4, 4)).
+          assertEqual((objSample.$attrs.backgroundColor).substr((objSample.$attrs.backgroundColor).length-4, 4));
           done();
         } catch (err) {
           expect().assertFail();
@@ -815,7 +839,15 @@ export default function sliderTest() {
           let strJson = getInspectorByKey('ArkUX_Stage_Slider_stepColor_1000');
           let obj = JSON.parse(strJson);
           console.info("----ArkUX_Stage_Slider_stepColor_1000 is" + JSON.stringify(obj.$attrs.stepColor));
-          expect(obj.$attrs.stepColor).assertEqual("#19182431");
+          let strJsonSample = getInspectorByKey('ArkUX_Stage_Slider_stepColor_marker_color_marker_color_aalpha');
+          let objSample = JSON.parse(strJsonSample);
+          console.info("----ArkUX_Stage_Slider_stepColor_1000 is" + JSON.stringify(objSample.$attrs.backgroundColor));
+          console.info("----ArkUX_Stage_Slider_stepColor_1000 is" + JSON.stringify(objSample.$attrs.opacity));
+          let opacity= Math.floor(Number((parseInt(((objSample.$attrs.backgroundColor).substring(1, 3)), 16)*
+          (objSample.$attrs.opacity)).toString(16)))
+          expect(opacity.toString()).assertEqual((obj.$attrs.stepColor).substring(1, 3));
+          expect((obj.$attrs.stepColor).substr((obj.$attrs.stepColor).length-4, 4)).
+          assertEqual((objSample.$attrs.backgroundColor).substr((objSample.$attrs.backgroundColor).length-4, 4));
           done();
         } catch (err) {
           expect().assertFail();
@@ -825,7 +857,7 @@ export default function sliderTest() {
       }, 500)
     })
 
-    /** 
+     /** 
       * @tc.number ArkUX_Stage_Slider_stepColor_1100
       * @tc.name   Test the stepColor property of the Slider component
       * @tc.desc   Do not set the stepColor
@@ -837,7 +869,15 @@ export default function sliderTest() {
           let strJson = getInspectorByKey('ArkUX_Stage_Slider_stepColor_1100');
           let obj = JSON.parse(strJson);
           console.info("----ArkUX_Stage_Slider_stepColor_1100 is" + JSON.stringify(obj.$attrs.stepColor));
-          expect(obj.$attrs.stepColor).assertEqual("#19182431");
+          let strJsonSample = getInspectorByKey('ArkUX_Stage_Slider_stepColor_marker_color_marker_color_aalpha');
+          let objSample = JSON.parse(strJsonSample);
+          console.info("----ArkUX_Stage_Slider_stepColor_1100 is" + JSON.stringify(objSample.$attrs.backgroundColor));
+          console.info("----ArkUX_Stage_Slider_stepColor_1100 is" + JSON.stringify(objSample.$attrs.opacity));
+          let opacity= Math.floor(Number((parseInt(((objSample.$attrs.backgroundColor).substring(1, 3)), 16)*
+          (objSample.$attrs.opacity)).toString(16)))
+          expect(opacity.toString()).assertEqual((obj.$attrs.stepColor).substring(1, 3));
+          expect((obj.$attrs.stepColor).substr((obj.$attrs.stepColor).length-4, 4)).
+          assertEqual((objSample.$attrs.backgroundColor).substr((objSample.$attrs.backgroundColor).length-4, 4));
           done();
         } catch (err) {
           expect().assertFail();
@@ -847,6 +887,7 @@ export default function sliderTest() {
       }, 500)
     })
 
+
     /** 
       * @tc.number ArkUX_Stage_Slider_stepColor_1200
       * @tc.name   Test the stepColor property of the Slider component
@@ -869,28 +910,6 @@ export default function sliderTest() {
       }, 500)
     })
 
-    /** 
-      * @tc.number: ArkUX_Stage_Slider_stepColor_1300
-      * @tc.name: Test the stepColor property of the Slider component
-      * @tc.desc: Set the stepColor attribute to 0xffa500 and then set the stepColor attribute parameter again to "bgr(138,43,226)"
-      */
-    it('ArkUX_Stage_Slider_stepColor_1300', 0, async function (done) {
-      console.info('[ArkUX_Stage_Slider_stepColor_1300] START');
-      setTimeout(() => {
-        try {
-          let strJson = getInspectorByKey('ArkUX_Stage_Slider_stepColor_1300');
-          let obj = JSON.parse(strJson);
-          console.info("----ArkUX_Stage_Slider_stepColor_1300 is" + JSON.stringify(obj.$attrs.stepColor));
-          expect(obj.$attrs.stepColor).assertEqual("#FFFFA500");
-          done();
-        } catch (err) {
-          expect().assertFail();
-          console.info('ArkUX_Stage_Slider_stepColor_1300 ERROR: ' + JSON.stringify(err));
-          done();
-        }
-      }, 500)
-    })
-
     /** 
       * @tc.number ArkUX_Stage_Slider_trackBorderRadius_0100
       * @tc.name   Test the trackBorderRadius property of the Slider component

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

@@ -908,6 +908,7 @@ struct SwiperTest {
             .loop(true)
             .duration(1000)
             .itemSpace(0)
+            .borderColor($r("sys.color.ohos_id_color_text_primary"))
             .key("ArkUX_Stage_Swiper_SelectedFontColor_0500")
             .curve(Curve.Linear)
             .indicator(Indicator.digit()
@@ -932,6 +933,7 @@ struct SwiperTest {
             .loop(true)
             .duration(1000)
             .itemSpace(0)
+            .borderColor($r("sys.color.ohos_id_color_text_primary"))
             .key("ArkUX_Stage_Swiper_SelectedFontColor_0600")
             .curve(Curve.Linear)
             .indicator(Indicator.digit()
@@ -980,6 +982,7 @@ struct SwiperTest {
             .loop(true)
             .duration(1000)
             .itemSpace(0)
+            .borderColor($r("sys.color.ohos_id_color_text_primary"))
             .key("ArkUX_Stage_Swiper_SelectedFontColor_0800")
             .curve(Curve.Linear)
             .indicator(Indicator.digit()
@@ -1004,6 +1007,7 @@ struct SwiperTest {
             .loop(true)
             .duration(1000)
             .itemSpace(0)
+            .borderColor($r("sys.color.ohos_id_color_text_primary"))
             .key("ArkUX_Stage_Swiper_SelectedFontColor_0900")
             .curve(Curve.Linear)
             .indicator(Indicator.digit()
@@ -1079,6 +1083,7 @@ struct SwiperTest {
             .loop(true)
             .duration(1000)
             .itemSpace(0)
+            .borderColor($r("sys.color.ohos_id_color_text_primary"))
             .key("ArkUX_Stage_Swiper_SelectedFontColor_1200")
             .curve(Curve.Linear)
             .indicator(Indicator.digit()
@@ -1201,6 +1206,7 @@ struct SwiperTest {
             .loop(true)
             .duration(1000)
             .itemSpace(0)
+            .borderColor($r("sys.color.ohos_id_color_text_primary"))
             .key("ArkUX_Stage_Swiper_FontColor_0500")
             .curve(Curve.Linear)
             .indicator(Indicator.digit()
@@ -1225,6 +1231,7 @@ struct SwiperTest {
             .loop(true)
             .duration(1000)
             .itemSpace(0)
+            .borderColor($r("sys.color.ohos_id_color_text_primary"))
             .key("ArkUX_Stage_Swiper_FontColor_0600")
             .curve(Curve.Linear)
             .indicator(Indicator.digit()
@@ -1273,6 +1280,7 @@ struct SwiperTest {
             .loop(true)
             .duration(1000)
             .itemSpace(0)
+            .borderColor($r("sys.color.ohos_id_color_text_primary"))
             .key("ArkUX_Stage_Swiper_FontColor_0800")
             .curve(Curve.Linear)
             .indicator(Indicator.digit()
@@ -1297,6 +1305,7 @@ struct SwiperTest {
             .loop(true)
             .duration(1000)
             .itemSpace(0)
+            .borderColor($r("sys.color.ohos_id_color_text_primary"))
             .key("ArkUX_Stage_Swiper_FontColor_0900")
             .curve(Curve.Linear)
             .indicator(Indicator.digit()
@@ -1372,6 +1381,7 @@ struct SwiperTest {
             .loop(true)
             .duration(1000)
             .itemSpace(0)
+            .borderColor($r("sys.color.ohos_id_color_text_primary"))
             .key("ArkUX_Stage_Swiper_FontColor_1200")
             .curve(Curve.Linear)
             .indicator(Indicator.digit()

arkui/ace_ets_components_ux/ace_ets_component_swiper/src/main/ets/test/swiper.ets

@@ -1060,7 +1060,7 @@ export default function swiperTest() {
           JSON.stringify(obj.$attrs.selectedFontColor));
           let obj2 = JSON.parse(obj.$attrs.indicator);
           console.info("ArkUX_Stage_Swiper_SelectedFontColor_0500 component obj2 is: " + JSON.stringify(obj2));
-          expect(obj2.selectedFontColor).assertEqual("#FF182431");
+          expect(obj2.selectedFontColor).assertEqual(obj.$attrs.borderColor);
           console.info('ArkUX_Stage_Swiper_SelectedFontColor_0500 END ');
           done();
         } catch (err) {
@@ -1090,7 +1090,7 @@ export default function swiperTest() {
           JSON.stringify(obj.$attrs.selectedFontColor));
           let obj2 = JSON.parse(obj.$attrs.indicator);
           console.info("ArkUX_Stage_Swiper_SelectedFontColor_0600 component obj2 is: " + JSON.stringify(obj2));
-          expect(obj2.selectedFontColor).assertEqual("#FF182431");
+          expect(obj2.selectedFontColor).assertEqual(obj.$attrs.borderColor);
           console.info('ArkUX_Stage_Swiper_SelectedFontColor_0600 END ');
           done();
         } catch (err) {
@@ -1151,7 +1151,7 @@ export default function swiperTest() {
           JSON.stringify(obj.$attrs.selectedFontColor));
           let obj2 = JSON.parse(obj.$attrs.indicator);
           console.info("ArkUX_Stage_Swiper_SelectedFontColor_0800 component obj2 is: " + JSON.stringify(obj2));
-          expect(obj2.selectedFontColor).assertEqual("#FF182431");
+          expect(obj2.selectedFontColor).assertEqual(obj.$attrs.borderColor);
           console.info('ArkUX_Stage_Swiper_SelectedFontColor_0800 END ');
           done();
         } catch (err) {
@@ -1181,7 +1181,7 @@ export default function swiperTest() {
           JSON.stringify(obj.$attrs.selectedFontColor));
           let obj2 = JSON.parse(obj.$attrs.indicator);
           console.info("ArkUX_Stage_Swiper_SelectedFontColor_0900 component obj2 is: " + JSON.stringify(obj2));
-          expect(obj2.selectedFontColor).assertEqual("#FF182431");
+          expect(obj2.selectedFontColor).assertEqual(obj.$attrs.borderColor);
           console.info('ArkUX_Stage_Swiper_SelectedFontColor_0900 END ');
           done();
         } catch (err) {
@@ -1274,7 +1274,7 @@ export default function swiperTest() {
           JSON.stringify(obj.$attrs.selectedFontColor));
           let obj2 = JSON.parse(obj.$attrs.indicator);
           console.info("ArkUX_Stage_Swiper_SelectedFontColor_1200 component obj2 is: " + JSON.stringify(obj2));
-          expect(obj2.selectedFontColor).assertEqual("#FF182431");
+          expect(obj2.selectedFontColor).assertEqual(obj.$attrs.borderColor);
           console.info('ArkUX_Stage_Swiper_SelectedFontColor_1200 END ');
           done();
         } catch (err) {
@@ -1424,7 +1424,7 @@ export default function swiperTest() {
           JSON.stringify(obj.$attrs.fontColor));
           let obj2 = JSON.parse(obj.$attrs.indicator);
           console.info("ArkUX_Stage_Swiper_FontColor_0500 component obj2 is: " + JSON.stringify(obj2));
-          expect(obj2.fontColor).assertEqual("#FF182431");
+          expect(obj2.fontColor).assertEqual(obj.$attrs.borderColor);
           console.info('ArkUX_Stage_Swiper_FontColor_0500 END ');
           done();
         } catch (err) {
@@ -1454,7 +1454,7 @@ export default function swiperTest() {
           JSON.stringify(obj.$attrs.fontColor));
           let obj2 = JSON.parse(obj.$attrs.indicator);
           console.info("ArkUX_Stage_Swiper_FontColor_0600 component obj2 is: " + JSON.stringify(obj2));
-          expect(obj2.fontColor).assertEqual("#FF182431");
+          expect(obj2.fontColor).assertEqual(obj.$attrs.borderColor);
           console.info('ArkUX_Stage_Swiper_FontColor_0600 END ');
           done();
         } catch (err) {
@@ -1515,7 +1515,7 @@ export default function swiperTest() {
           JSON.stringify(obj.$attrs.fontColor));
           let obj2 = JSON.parse(obj.$attrs.indicator);
           console.info("ArkUX_Stage_Swiper_FontColor_0800 component obj2 is: " + JSON.stringify(obj2));
-          expect(obj2.fontColor).assertEqual("#FF182431");
+          expect(obj2.fontColor).assertEqual(obj.$attrs.borderColor);
           console.info('ArkUX_Stage_Swiper_FontColor_0800 END ');
           done();
         } catch (err) {
@@ -1545,7 +1545,7 @@ export default function swiperTest() {
           JSON.stringify(obj.$attrs.fontColor));
           let obj2 = JSON.parse(obj.$attrs.indicator);
           console.info("ArkUX_Stage_Swiper_FontColor_0900 component obj2 is: " + JSON.stringify(obj2));
-          expect(obj2.fontColor).assertEqual("#FF182431");
+          expect(obj2.fontColor).assertEqual(obj.$attrs.borderColor);
           console.info('ArkUX_Stage_Swiper_FontColor_0900 END ');
           done();
         } catch (err) {
@@ -1638,7 +1638,7 @@ export default function swiperTest() {
           JSON.stringify(obj.$attrs.fontColor));
           let obj2 = JSON.parse(obj.$attrs.indicator);
           console.info("ArkUX_Stage_Swiper_FontColor_1200 component obj2 is: " + JSON.stringify(obj2));
-          expect(obj2.fontColor).assertEqual("#FF182431");
+          expect(obj2.fontColor).assertEqual(obj.$attrs.borderColor);
           console.info('ArkUX_Stage_Swiper_FontColor_1200 END ');
           done();
         } catch (err) {

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

@@ -481,6 +481,7 @@ struct textInputTest {
             TextInput({ text: "input your word...", controller: this.controller })
               .key("ArkUX_Stage_TextInput_selectedColor_0600")
               .placeholderColor(Color.Grey)
+              .backgroundColor($r("sys.color.ohos_id_color_text_highlight_bg"))
               .placeholderFont({ size: 14, weight: 400 })
               .caretColor(Color.Blue)
               .selectedBackgroundColor("")
@@ -496,6 +497,7 @@ struct textInputTest {
               .key("ArkUX_Stage_TextInput_selectedColor_0700")
               .placeholderColor(Color.Grey)
               .placeholderFont({ size: 14, weight: 400 })
+              .backgroundColor($r("sys.color.ohos_id_color_text_highlight_bg"))
               .caretColor(Color.Blue)
               .selectedBackgroundColor(null)
               .margin(20)
@@ -510,6 +512,7 @@ struct textInputTest {
               .key("ArkUX_Stage_TextInput_selectedColor_0800")
               .placeholderColor(Color.Grey)
               .placeholderFont({ size: 14, weight: 400 })
+              .backgroundColor($r("sys.color.ohos_id_color_text_highlight_bg"))
               .caretColor(Color.Blue)
               .selectedBackgroundColor(undefined)
               .margin(20)
@@ -539,6 +542,7 @@ struct textInputTest {
               .key("ArkUX_Stage_TextInput_selectedColor_1000")
               .placeholderColor(Color.Grey)
               .placeholderFont({ size: 14, weight: 400 })
+              .backgroundColor($r("sys.color.ohos_id_color_text_highlight_bg"))
               .caretColor(Color.Blue)
               .selectedBackgroundColor(Color.Pink)
               .selectedBackgroundColor(undefined)
@@ -585,6 +589,7 @@ struct textInputTest {
               .key("ArkUX_Stage_TextInput_selectedColor_1300")
               .placeholderColor(Color.Grey)
               .placeholderFont({ size: 14, weight: 400 })
+              .backgroundColor($r("sys.color.ohos_id_color_text_highlight_bg"))
               .caretColor(Color.Blue)
               .margin(20)
               .fontSize(14)

arkui/ace_ets_components_ux/ace_ets_component_textinput/src/main/ets/test/textinput.ets

@@ -793,7 +793,7 @@ export default function textInputTest() {
           let obj = JSON.parse(strJson);
           console.info("ArkUX_Stage_TextInput_selectedColor_0600 component obj.$attrs.selectedBackgroundColor is: " +
           JSON.stringify(obj.$attrs.selectedBackgroundColor));
-          expect(obj.$attrs.selectedBackgroundColor).assertEqual("#33007DFF");
+          expect(obj.$attrs.selectedBackgroundColor).assertEqual(obj.$attrs.backgroundColor);
           console.info('ArkUX_Stage_TextInput_selectedColor_0600 END ');
         } catch (err) {
           expect().assertFail();
@@ -817,7 +817,7 @@ export default function textInputTest() {
           let obj = JSON.parse(strJson);
           console.info("ArkUX_Stage_TextInput_selectedColor_0700 component obj.$attrs.selectedBackgroundColor is: " +
           JSON.stringify(obj.$attrs.selectedBackgroundColor));
-          expect(obj.$attrs.selectedBackgroundColor).assertEqual("#33007DFF");
+          expect(obj.$attrs.selectedBackgroundColor).assertEqual(obj.$attrs.backgroundColor);
           console.info('ArkUX_Stage_TextInput_selectedColor_0700 END ');
         } catch (err) {
           expect().assertFail();
@@ -841,7 +841,7 @@ export default function textInputTest() {
           let obj = JSON.parse(strJson);
           console.info("ArkUX_Stage_TextInput_selectedColor_0800 component obj.$attrs.selectedBackgroundColor is: " +
           JSON.stringify(obj.$attrs.selectedBackgroundColor));
-          expect(obj.$attrs.selectedBackgroundColor).assertEqual("#33007DFF");
+          expect(obj.$attrs.selectedBackgroundColor).assertEqual(obj.$attrs.backgroundColor);
           console.info('ArkUX_Stage_TextInput_selectedColor_0800 END ');
         } catch (err) {
           expect().assertFail();
@@ -891,7 +891,7 @@ export default function textInputTest() {
           let obj = JSON.parse(strJson);
           console.info("ArkUX_Stage_TextInput_selectedColor_1000 component obj.$attrs.selectedBackgroundColor is: " +
           JSON.stringify(obj.$attrs.selectedBackgroundColor));
-          expect(obj.$attrs.selectedBackgroundColor).assertEqual("#33007DFF");
+          expect(obj.$attrs.selectedBackgroundColor).assertEqual(obj.$attrs.backgroundColor);
           console.info('ArkUX_Stage_TextInput_selectedColor_1000 END ');
         } catch (err) {
           expect().assertFail();
@@ -977,7 +977,7 @@ export default function textInputTest() {
           console.info("ArkUX_Stage_TextInput_selectedColor_1300 component obj.$attrs.caretStyle is: " +
           JSON.stringify(obj.$attrs.caretStyle));
           let cursorStyle = JSON.parse(obj.$attrs.caretStyle);
-          expect(obj.$attrs.selectedBackgroundColor).assertEqual("#33007DFF");
+          expect(obj.$attrs.selectedBackgroundColor).assertEqual(obj.$attrs.backgroundColor);
           expect(obj.$attrs.caretPosition).assertEqual("0");
           expect(cursorStyle.width ).assertEqual("1.50vp");
           console.info('ArkUX_Stage_TextInput_selectedColor_1300 END ');