diff --git a/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/test/InfomationGaugeUiTest/InfomationGaugeUi.test.ets b/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/test/InfomationGaugeUiTest/InfomationGaugeUi.test.ets index c925cd93f2695f2784604114f355d5f659738daf..48a3001f3872c38f7939f230cb513c7213232dbe 100644 --- a/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/test/InfomationGaugeUiTest/InfomationGaugeUi.test.ets +++ b/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/test/InfomationGaugeUiTest/InfomationGaugeUi.test.ets @@ -43,7 +43,8 @@ export default function InfomationGaugeUi() { /* * @tc.number : SUB_ACE_UI_COMPONENT_INFOMATION_GAUGE_UI_0040 * @tc.name : SUB_ACE_UI_COMPONENT_INFOMATION_GAUGE_UI_0040 - * @tc.type : Guage#GuageTest#GuageExample4 + * @tc.type : Function + * @tc.desc : Guage#GuageTest#GuageExample4 * @tc.size : MediumTest * @tc.level : 2 */ @@ -62,7 +63,8 @@ export default function InfomationGaugeUi() { /* * @tc.number : SUB_ACE_UI_COMPONENT_INFOMATION_GAUGE_UI_0070 * @tc.name : SUB_ACE_UI_COMPONENT_INFOMATION_GAUGE_UI_0070 - * @tc.type : Guage#GuageTest#GuageExample4 + * @tc.type : Function + * @tc.desc : Guage#GuageTest#GuageExample4 * @tc.size : MediumTest * @tc.level : 2 */ @@ -90,7 +92,8 @@ export default function InfomationGaugeUi() { /* * @tc.number : SUB_ACE_UI_COMPONENT_INFOMATION_GAUGE_UI_0080 * @tc.name : SUB_ACE_UI_COMPONENT_INFOMATION_GAUGE_UI_0080 - * @tc.type : Guage#GuageTest#GuageExample8 + * @tc.type : Function + * @tc.desc : Guage#GuageTest#GuageExample8 * @tc.size : MediumTest * @tc.level : 2 */ @@ -118,7 +121,8 @@ export default function InfomationGaugeUi() { /* * @tc.number : SUB_ACE_UI_COMPONENT_INFOMATION_GAUGE_UI_0060 * @tc.name : SUB_ACE_UI_COMPONENT_INFOMATION_GAUGE_UI_0060 - * @tc.type : Guage#GuageTest#GuageExample6 + * @tc.type : Function + * @tc.desc : Guage#GuageTest#GuageExample6 * @tc.size : MediumTest * @tc.level : 2 */ @@ -146,7 +150,8 @@ export default function InfomationGaugeUi() { /* * @tc.number : SUB_ACE_UI_COMPONENT_INFOMATION_GAUGE_UI_0120 * @tc.name : SUB_ACE_UI_COMPONENT_INFOMATION_GAUGE_UI_0120 - * @tc.type : Guage#GuageTest#GuageExample5_2 + * @tc.type : Functio + * @tc.desc : Guage#GuageTest#GuageExample5_2 * @tc.size : MediumTest * @tc.level : 2 */ @@ -165,7 +170,8 @@ export default function InfomationGaugeUi() { /* * @tc.number : SUB_ACE_UI_COMPONENT_INFOMATION_GAUGE_UI_0110 * @tc.name : SUB_ACE_UI_COMPONENT_INFOMATION_GAUGE_UI_0110 - * @tc.type : Guage#GuageTest#GuageExample5_1 + * @tc.type : Function + * @tc.desc : Guage#GuageTest#GuageExample5_1 * @tc.size : MediumTest * @tc.level : 2 */ @@ -184,7 +190,8 @@ export default function InfomationGaugeUi() { /* * @tc.number : SUB_ACE_UI_COMPONENT_INFOMATION_GAUGE_UI_0050 * @tc.name : SUB_ACE_UI_COMPONENT_INFOMATION_GAUGE_UI_0050 - * @tc.type : Guage#GuageTest#GuageExample5 + * @tc.type : Function + * @tc.desc : Guage#GuageTest#GuageExample5 * @tc.size : MediumTest * @tc.level : 2 */ @@ -203,7 +210,8 @@ export default function InfomationGaugeUi() { /* * @tc.number : SUB_ACE_UI_COMPONENT_INFOMATION_GAUGE_UI_0130 * @tc.name : SUB_ACE_UI_COMPONENT_INFOMATION_GAUGE_UI_0130 - * @tc.type : Guage#GuageTest#GuageExample5_3 + * @tc.type : Function + * @tc.desc : Guage#GuageTest#GuageExample5_3 * @tc.size : MediumTest * @tc.level : 2 */ @@ -222,7 +230,8 @@ export default function InfomationGaugeUi() { /* * @tc.number : SUB_ACE_UI_COMPONENT_INFOMATION_GAUGE_UI_0180 * @tc.name : SUB_ACE_UI_COMPONENT_INFOMATION_GAUGE_UI_0180 - * @tc.type : Guage#GuageTest#GuageExample9_5 + * @tc.type : Function + * @tc.desc : Guage#GuageTest#GuageExample9_5 * @tc.size : MediumTest * @tc.level : 2 */ @@ -244,7 +253,8 @@ export default function InfomationGaugeUi() { /* * @tc.number : SUB_ACE_UI_COMPONENT_INFOMATION_GAUGE_UI_0090 * @tc.name : SUB_ACE_UI_COMPONENT_INFOMATION_GAUGE_UI_0090 - * @tc.type : Guage#GuageTest#GuageExample9 + * @tc.type : Function + * @tc.desc : Guage#GuageTest#GuageExample9 * @tc.size : MediumTest * @tc.level : 2 */ @@ -266,7 +276,8 @@ export default function InfomationGaugeUi() { /* * @tc.number : SUB_ACE_UI_COMPONENT_INFOMATION_GAUGE_UI_0190 * @tc.name : SUB_ACE_UI_COMPONENT_INFOMATION_GAUGE_UI_0190 - * @tc.type : Guage#GuageTest#GuageExample9_6 + * @tc.type : Function + * @tc.desc : Guage#GuageTest#GuageExample9_6 * @tc.size : MediumTest * @tc.level : 2 */ @@ -288,7 +299,8 @@ export default function InfomationGaugeUi() { /* * @tc.number : SUB_ACE_UI_COMPONENT_INFOMATION_GAUGE_UI_0150 * @tc.name : SUB_ACE_UI_COMPONENT_INFOMATION_GAUGE_UI_0150 - * @tc.type : Guage#GuageTest#GuageExample9_2 + * @tc.type : Function + * @tc.desc : Guage#GuageTest#GuageExample9_2 * @tc.size : MediumTest * @tc.level : 2 */ @@ -310,7 +322,8 @@ export default function InfomationGaugeUi() { /* * @tc.number : SUB_ACE_UI_COMPONENT_INFOMATION_GAUGE_UI_0140 * @tc.name : SUB_ACE_UI_COMPONENT_INFOMATION_GAUGE_UI_0140 - * @tc.type : Guage#GuageTest#GuageExample9_1 + * @tc.type : Function + * @tc.desc : Guage#GuageTest#GuageExample9_1 * @tc.size : MediumTest * @tc.level : 2 */ @@ -332,7 +345,8 @@ export default function InfomationGaugeUi() { /* * @tc.number : SUB_ACE_UI_COMPONENT_INFOMATION_GAUGE_UI_0170 * @tc.name : SUB_ACE_UI_COMPONENT_INFOMATION_GAUGE_UI_0170 - * @tc.type : Guage#GuageTest#GuageExample9_4 + * @tc.type : Function + * @tc.desc : Guage#GuageTest#GuageExample9_4 * @tc.size : MediumTest * @tc.level : 2 */ @@ -354,7 +368,8 @@ export default function InfomationGaugeUi() { /* * @tc.number : SUB_ACE_UI_COMPONENT_INFOMATION_GAUGE_UI_0160 * @tc.name : SUB_ACE_UI_COMPONENT_INFOMATION_GAUGE_UI_0160 - * @tc.type : Guage#GuageTest#GuageExample9_3 + * @tc.type : Function + * @tc.desc : Guage#GuageTest#GuageExample9_3 * @tc.size : MediumTest * @tc.level : 2 */ @@ -376,7 +391,8 @@ export default function InfomationGaugeUi() { /* * @tc.number : SUB_ACE_UI_COMPONENT_INFOMATION_GAUGE_UI_0100 * @tc.name : SUB_ACE_UI_COMPONENT_INFOMATION_GAUGE_UI_0100 - * @tc.type : Guage#GuageTest#GuageExample10 + * @tc.type : Function + * @tc.desc : Guage#GuageTest#GuageExample10 * @tc.size : MediumTest * @tc.level : 2 */ @@ -395,7 +411,8 @@ export default function InfomationGaugeUi() { /* * @tc.number : SUB_ACE_UI_COMPONENT_INFOMATION_GAUGE_UI_0030 * @tc.name : SUB_ACE_UI_COMPONENT_INFOMATION_GAUGE_UI_0030 - * @tc.type : Guage#GuageTest#GuageExample3 + * @tc.type : Function + * @tc.desc : Guage#GuageTest#GuageExample3 * @tc.size : MediumTest * @tc.level : 2 */ @@ -426,7 +443,8 @@ export default function InfomationGaugeUi() { /* * @tc.number : SUB_ACE_UI_COMPONENT_INFOMATION_GAUGE_UI_0020 * @tc.name : SUB_ACE_UI_COMPONENT_INFOMATION_GAUGE_UI_0020 - * @tc.type : Guage#GuageTest#GuageExample2 + * @tc.type : Function + * @tc.desc : Guage#GuageTest#GuageExample2 * @tc.size : MediumTest * @tc.level : 2 */ @@ -463,7 +481,8 @@ export default function InfomationGaugeUi() { /* * @tc.number : SUB_ACE_UI_COMPONENT_INFOMATION_GAUGE_UI_0010 * @tc.name : SUB_ACE_UI_COMPONENT_INFOMATION_GAUGE_UI_0010 - * @tc.type : Guage#GuageTest#GuageExample1 + * @tc.type : Function + * @tc.desc : Guage#GuageTest#GuageExample1 * @tc.size : MediumTest * @tc.level : 2 */ diff --git a/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/test/MediaGaugeWatchesTest/MediaGaugeWatches.test.ets b/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/test/MediaGaugeWatchesTest/MediaGaugeWatches.test.ets index b0de528f45d71feaec2cc99bebaaaa29b35c9553..32adf1154caad674cb99dc7a6ee41c89546230ea 100644 --- a/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/test/MediaGaugeWatchesTest/MediaGaugeWatches.test.ets +++ b/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/test/MediaGaugeWatchesTest/MediaGaugeWatches.test.ets @@ -43,7 +43,8 @@ export default function MediaGaugeWatches() { /* * @tc.number : SUB_ACE_UI_COMPONENT_MEDIA_GAUGE_WATCHES_0012 * @tc.name : SUB_ACE_UI_COMPONENT_MEDIA_GAUGE_WATCHES_0012 - * @tc.type : Default stroke width for the arrow in the mobile Gauge component + * @tc.type : Function + * @tc.desc : Default stroke width for the arrow in the mobile Gauge component * @tc.size : MediumTest * @tc.level : 2 */ @@ -62,7 +63,8 @@ export default function MediaGaugeWatches() { /* * @tc.number : SUB_ACE_UI_COMPONENT_MEDIA_GAUGE_WATCHES_0016 * @tc.name : SUB_ACE_UI_COMPONENT_MEDIA_GAUGE_WATCHES_0016 - * @tc.type : Default multi-color gauge segment spacing specifications for the mobile Gauge component + * @tc.type : Function + * @tc.desc : Default multi-color gauge segment spacing specifications for the mobile Gauge component * @tc.size : MediumTest * @tc.level : 2 */ @@ -81,7 +83,8 @@ export default function MediaGaugeWatches() { /* * @tc.number : SUB_ACE_UI_COMPONENT_MEDIA_GAUGE_WATCHES_0011 * @tc.name : SUB_ACE_UI_COMPONENT_MEDIA_GAUGE_WATCHES_0011 - * @tc.type : Default border-radius specification for the arrow in the mobile Gauge component + * @tc.type : Function + * @tc.desc : Default border-radius specification for the arrow in the mobile Gauge component * @tc.size : MediumTest * @tc.level : 2 */ @@ -100,7 +103,8 @@ export default function MediaGaugeWatches() { /* * @tc.number : SUB_ACE_UI_COMPONENT_MEDIA_GAUGE_WATCHES_0010 * @tc.name : SUB_ACE_UI_COMPONENT_MEDIA_GAUGE_WATCHES_0010 - * @tc.type : Default width and height specifications for the arrow in the mobile Gauge component + * @tc.type : Function + * @tc.desc : Default width and height specifications for the arrow in the mobile Gauge component * @tc.size : MediumTest * @tc.level : 2 */ @@ -119,7 +123,8 @@ export default function MediaGaugeWatches() { /* * @tc.number : SUB_ACE_UI_COMPONENT_MEDIA_GAUGE_WATCHES_0013 * @tc.name : SUB_ACE_UI_COMPONENT_MEDIA_GAUGE_WATCHES_0013 - * @tc.type : Default color specification for the arrow in the mobile Gauge component + * @tc.type : Function + * @tc.desc : Default color specification for the arrow in the mobile Gauge component * @tc.size : MediumTest * @tc.level : 2 */ @@ -138,7 +143,8 @@ export default function MediaGaugeWatches() { /* * @tc.number : SUB_ACE_UI_COMPONENT_MEDIA_GAUGE_WATCHES_0014 * @tc.name : SUB_ACE_UI_COMPONENT_MEDIA_GAUGE_WATCHES_0014 - * @tc.type : Default stroke color specification for the arrow in the mobile Gauge component + * @tc.type : Function + * @tc.desc : Default stroke color specification for the arrow in the mobile Gauge component * @tc.size : MediumTest * @tc.level : 2 */ @@ -157,7 +163,8 @@ export default function MediaGaugeWatches() { /* * @tc.number : SUB_ACE_UI_COMPONENT_MEDIA_GAUGE_WATCHES_0015 * @tc.name : SUB_ACE_UI_COMPONENT_MEDIA_GAUGE_WATCHES_0015 - * @tc.type : Default circular stroke width specification for the mobile Gauge component + * @tc.type : Function + * @tc.desc : Default circular stroke width specification for the mobile Gauge component * @tc.size : MediumTest * @tc.level : 2 */ diff --git a/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/test/PrivacySensitiveGaugeTest/PrivacySensitiveGauge.test.ets b/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/test/PrivacySensitiveGaugeTest/PrivacySensitiveGauge.test.ets index 08c5d02e8c65225bdbf4980c9f711b690ef49b51..2c7a24886d26ff22c90409a5660310d0aa275200 100644 --- a/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/test/PrivacySensitiveGaugeTest/PrivacySensitiveGauge.test.ets +++ b/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/test/PrivacySensitiveGaugeTest/PrivacySensitiveGauge.test.ets @@ -44,7 +44,8 @@ export default function PrivacySensitiveGauge() { /* * @tc.number : SUB_ACE_UI_ARKUI_PRIVACYSENSITIVE_GAUGE_0040 * @tc.name : SUB_ACE_UI_ARKUI_PRIVACYSENSITIVE_GAUGE_0040 - * @tc.type : Setting an abnormal value in the Gauge container under privacy-sensitive conditions + * @tc.type : Function + * @tc.desc : Setting an abnormal value in the Gauge container under privacy-sensitive conditions * @tc.size : MediumTest * @tc.level : 2 */ @@ -75,7 +76,8 @@ export default function PrivacySensitiveGauge() { /* * @tc.number : SUB_ACE_UI_ARKUI_PRIVACYSENSITIVE_GAUGE_0100 * @tc.name : SUB_ACE_UI_ARKUI_PRIVACYSENSITIVE_GAUGE_0100 - * @tc.type : Dynamically toggle colors in the Gauge container under privacy-sensitive mode to check for any visual changes. + * @tc.type : Function + * @tc.desc : Dynamically toggle colors in the Gauge container under privacy-sensitive mode to check for any visual changes. * @tc.size : MediumTest * @tc.level : 2 */ @@ -97,7 +99,8 @@ export default function PrivacySensitiveGauge() { /* * @tc.number : SUB_ACE_UI_ARKUI_PRIVACYSENSITIVE_GAUGE_0170 * @tc.name : SUB_ACE_UI_ARKUI_PRIVACYSENSITIVE_GAUGE_0170 - * @tc.type : Set the description content as an image in the Gauge container under privacy-sensitive mode. + * @tc.type : Function + * @tc.desc : Set the description content as an image in the Gauge container under privacy-sensitive mode. * @tc.size : MediumTest * @tc.level : 2 */ @@ -116,7 +119,8 @@ export default function PrivacySensitiveGauge() { /* * @tc.number : SUB_ACE_UI_ARKUI_PRIVACYSENSITIVE_GAUGE_0160 * @tc.name : SUB_ACE_UI_ARKUI_PRIVACYSENSITIVE_GAUGE_0160 - * @tc.type : Set the description content as text in the Gauge container under privacy-sensitive mode. + * @tc.type : Function + * @tc.desc : Set the description content as text in the Gauge container under privacy-sensitive mode. * @tc.size : MediumTest * @tc.level : 2 */ @@ -135,7 +139,8 @@ export default function PrivacySensitiveGauge() { /* * @tc.number : SUB_ACE_UI_ARKUI_PRIVACYSENSITIVE_GAUGE_0060 * @tc.name : SUB_ACE_UI_ARKUI_PRIVACYSENSITIVE_GAUGE_0060 - * @tc.type : Dynamically update the startAngle of the gauge chart inside the Gauge container. + * @tc.type : Function + * @tc.desc : Dynamically update the startAngle of the gauge chart inside the Gauge container. * @tc.size : MediumTest * @tc.level : 2 */ @@ -157,7 +162,8 @@ export default function PrivacySensitiveGauge() { /* * @tc.number : SUB_ACE_UI_ARKUI_PRIVACYSENSITIVE_GAUGE_0110 * @tc.name : SUB_ACE_UI_ARKUI_PRIVACYSENSITIVE_GAUGE_0110 - * @tc.type : Dynamically switch the color type of the gauge chart in the Gauge container under privacy-sensitive mode and observe whether any visual change occurs. + * @tc.type : Function + * @tc.desc : Dynamically switch the color type of the gauge chart in the Gauge container under privacy-sensitive mode and observe whether any visual change occurs. * @tc.size : MediumTest * @tc.level : 2 */ @@ -180,7 +186,8 @@ export default function PrivacySensitiveGauge() { /* * @tc.number : SUB_ACE_UI_ARKUI_PRIVACYSENSITIVE_GAUGE_0150 * @tc.name : SUB_ACE_UI_ARKUI_PRIVACYSENSITIVE_GAUGE_0150 - * @tc.type : Set the strokeWidth of the ring-shaped gauge chart within the Gauge container to an abnormal value under privacy-sensitive mode. + * @tc.type : Function + * @tc.desc : Set the strokeWidth of the ring-shaped gauge chart within the Gauge container to an abnormal value under privacy-sensitive mode. * @tc.size : MediumTest * @tc.level : 2 */ @@ -211,7 +218,8 @@ export default function PrivacySensitiveGauge() { /* * @tc.number : SUB_ACE_UI_ARKUI_PRIVACYSENSITIVE_GAUGE_0030 * @tc.name : SUB_ACE_UI_ARKUI_PRIVACYSENSITIVE_GAUGE_0030 - * @tc.type : Set privacySensitive to undefined in the Gauge container. + * @tc.type : Function + * @tc.desc : Set privacySensitive to undefined in the Gauge container. * @tc.size : MediumTest * @tc.level : 2 */ @@ -230,7 +238,8 @@ export default function PrivacySensitiveGauge() { /* * @tc.number : SUB_ACE_UI_ARKUI_PRIVACYSENSITIVE_GAUGE_0190 * @tc.name : SUB_ACE_UI_ARKUI_PRIVACYSENSITIVE_GAUGE_0190 - * @tc.type : Dynamically toggle the shadow radius style in the Gauge container under privacy-sensitive mode. + * @tc.type : Function + * @tc.desc : Dynamically toggle the shadow radius style in the Gauge container under privacy-sensitive mode. * @tc.size : MediumTest * @tc.level : 2 */ @@ -251,7 +260,8 @@ export default function PrivacySensitiveGauge() { /* * @tc.number : SUB_ACE_UI_ARKUI_PRIVACYSENSITIVE_GAUGE_0070 * @tc.name : SUB_ACE_UI_ARKUI_PRIVACYSENSITIVE_GAUGE_0070 - * @tc.type : Set an abnormal value for startAngle in the Gauge container under privacy-sensitive mode. + * @tc.type : Function + * @tc.desc : Set an abnormal value for startAngle in the Gauge container under privacy-sensitive mode. * @tc.size : MediumTest * @tc.level : 2 */ @@ -281,7 +291,8 @@ export default function PrivacySensitiveGauge() { /* * @tc.number : SUB_ACE_UI_ARKUI_PRIVACYSENSITIVE_GAUGE_0050 * @tc.name : SUB_ACE_UI_ARKUI_PRIVACYSENSITIVE_GAUGE_0050 - * @tc.type : Dynamically update the value of the gauge chart within the Gauge container. + * @tc.type : Function + * @tc.desc : Dynamically update the value of the gauge chart within the Gauge container. * @tc.size : MediumTest * @tc.level : 2 */ @@ -302,7 +313,8 @@ export default function PrivacySensitiveGauge() { /* * @tc.number : SUB_ACE_UI_ARKUI_PRIVACYSENSITIVE_GAUGE_0080 * @tc.name : SUB_ACE_UI_ARKUI_PRIVACYSENSITIVE_GAUGE_0080 - * @tc.type : Dynamically update the endAngle of the gauge chart inside the Gauge container. + * @tc.type : Function + * @tc.desc : Dynamically update the endAngle of the gauge chart inside the Gauge container. * @tc.size : MediumTest * @tc.level : 2 */ @@ -323,7 +335,8 @@ export default function PrivacySensitiveGauge() { /* * @tc.number : SUB_ACE_UI_ARKUI_PRIVACYSENSITIVE_GAUGE_0120 * @tc.name : SUB_ACE_UI_ARKUI_PRIVACYSENSITIVE_GAUGE_0120 - * @tc.type : Set the color to a single-tone ring using ResourceColor in the Gauge container under privacy-sensitive mode. + * @tc.type : Function + * @tc.desc : Set the color to a single-tone ring using ResourceColor in the Gauge container under privacy-sensitive mode. * @tc.size : MediumTest * @tc.level : 2 */ @@ -342,7 +355,8 @@ export default function PrivacySensitiveGauge() { /* * @tc.number : SUB_ACE_UI_ARKUI_PRIVACYSENSITIVE_GAUGE_0090 * @tc.name : SUB_ACE_UI_ARKUI_PRIVACYSENSITIVE_GAUGE_0090 - * @tc.type : Set an abnormal value for endAngle in the Gauge container under privacy-sensitive mode. + * @tc.type : Function + * @tc.desc : Set an abnormal value for endAngle in the Gauge container under privacy-sensitive mode. * @tc.size : MediumTest * @tc.level : 2 */ @@ -372,7 +386,8 @@ export default function PrivacySensitiveGauge() { /* * @tc.number : SUB_ACE_UI_ARKUI_PRIVACYSENSITIVE_GAUGE_0130 * @tc.name : SUB_ACE_UI_ARKUI_PRIVACYSENSITIVE_GAUGE_0130 - * @tc.type : Set the color to a gradient ring using LinearGradient in the Gauge container under privacy-sensitive mode. + * @tc.type : Function + * @tc.desc : Set the color to a gradient ring using LinearGradient in the Gauge container under privacy-sensitive mode. * @tc.size : MediumTest * @tc.level : 2 */ @@ -391,7 +406,8 @@ export default function PrivacySensitiveGauge() { /* * @tc.number : SUB_ACE_UI_ARKUI_PRIVACYSENSITIVE_GAUGE_0200 * @tc.name : SUB_ACE_UI_ARKUI_PRIVACYSENSITIVE_GAUGE_0200 - * @tc.type : Set an abnormal value for the shadow style's offsetX in the Gauge container under privacy-sensitive mode. + * @tc.type : Function + * @tc.desc : Set an abnormal value for the shadow style's offsetX in the Gauge container under privacy-sensitive mode. * @tc.size : MediumTest * @tc.level : 2 */ @@ -421,7 +437,8 @@ export default function PrivacySensitiveGauge() { /* * @tc.number : SUB_ACE_UI_ARKUI_PRIVACYSENSITIVE_GAUGE_0180 * @tc.name : SUB_ACE_UI_ARKUI_PRIVACYSENSITIVE_GAUGE_0180 - * @tc.type : In the Gauge container, setting the shadow style radius to an abnormal value under privacy mode. + * @tc.type : Function + * @tc.desc : In the Gauge container, setting the shadow style radius to an abnormal value under privacy mode. * @tc.size : MediumTest * @tc.level : 2 */ @@ -451,7 +468,8 @@ export default function PrivacySensitiveGauge() { /* * @tc.number : SUB_ACE_UI_ARKUI_PRIVACYSENSITIVE_GAUGE_0230 * @tc.name : SUB_ACE_UI_ARKUI_PRIVACYSENSITIVE_GAUGE_0230 - * @tc.type : Dynamically switching the shadow style offsetY in the Gauge container under privacy mode. + * @tc.type : Function + * @tc.desc : Dynamically switching the shadow style offsetY in the Gauge container under privacy mode. * @tc.size : MediumTest * @tc.level : 2 */ @@ -472,7 +490,8 @@ export default function PrivacySensitiveGauge() { /* * @tc.number : SUB_ACE_UI_ARKUI_PRIVACYSENSITIVE_GAUGE_0140 * @tc.name : SUB_ACE_UI_ARKUI_PRIVACYSENSITIVE_GAUGE_0140 - * @tc.type : Dynamically set the ring thickness of the circular gauge chart within the Gauge container under privacy mode. + * @tc.type : Function + * @tc.desc : Dynamically set the ring thickness of the circular gauge chart within the Gauge container under privacy mode. * @tc.size : MediumTest * @tc.level : 2 */ @@ -493,7 +512,8 @@ export default function PrivacySensitiveGauge() { /* * @tc.number : SUB_ACE_UI_ARKUI_PRIVACYSENSITIVE_GAUGE_0220 * @tc.name : SUB_ACE_UI_ARKUI_PRIVACYSENSITIVE_GAUGE_0220 - * @tc.type : Set the offsetY of the shadow style to an abnormal value inside the Gauge container while in privacy mode. + * @tc.type : Function + * @tc.desc : Set the offsetY of the shadow style to an abnormal value inside the Gauge container while in privacy mode. * @tc.size : MediumTest * @tc.level : 2 */ @@ -523,7 +543,8 @@ export default function PrivacySensitiveGauge() { /* * @tc.number : SUB_ACE_UI_ARKUI_PRIVACYSENSITIVE_GAUGE_0210 * @tc.name : SUB_ACE_UI_ARKUI_PRIVACYSENSITIVE_GAUGE_0210 - * @tc.type : Set the offsetY of the shadow style to an abnormal value inside the Gauge container while in privacy mode. + * @tc.type : Function + * @tc.desc : Set the offsetY of the shadow style to an abnormal value inside the Gauge container while in privacy mode. * @tc.size : MediumTest * @tc.level : 2 */ @@ -544,7 +565,8 @@ export default function PrivacySensitiveGauge() { /* * @tc.number : SUB_ACE_UI_ARKUI_PRIVACYSENSITIVE_GAUGE_0260 * @tc.name : SUB_ACE_UI_ARKUI_PRIVACYSENSITIVE_GAUGE_0260 - * @tc.type : Set the pointer-to-ring-outer-edge spacing (space) inside the Gauge container while in privacy mode. + * @tc.type : Function + * @tc.desc : Set the pointer-to-ring-outer-edge spacing (space) inside the Gauge container while in privacy mode. * @tc.size : MediumTest * @tc.level : 2 */ @@ -574,7 +596,8 @@ export default function PrivacySensitiveGauge() { /* * @tc.number : SUB_ACE_UI_ARKUI_PRIVACYSENSITIVE_GAUGE_0240 * @tc.name : SUB_ACE_UI_ARKUI_PRIVACYSENSITIVE_GAUGE_0240 - * @tc.type : Set the pointer style icon in the Gauge container while in privacy mode. + * @tc.type : Function + * @tc.desc : Set the pointer style icon in the Gauge container while in privacy mode. * @tc.size : MediumTest * @tc.level : 2 */ @@ -593,7 +616,8 @@ export default function PrivacySensitiveGauge() { /* * @tc.number : SUB_ACE_UI_ARKUI_PRIVACYSENSITIVE_GAUGE_0250 * @tc.name : SUB_ACE_UI_ARKUI_PRIVACYSENSITIVE_GAUGE_0250 - * @tc.type : Dynamically set the pointer style icon in the Gauge container under privacy mode. + * @tc.type : Function + * @tc.desc : Dynamically set the pointer style icon in the Gauge container under privacy mode. * @tc.size : MediumTest * @tc.level : 2 */ @@ -614,7 +638,8 @@ export default function PrivacySensitiveGauge() { /* * @tc.number : SUB_ACE_UI_ARKUI_PRIVACYSENSITIVE_GAUGE_0270 * @tc.name : SUB_ACE_UI_ARKUI_PRIVACYSENSITIVE_GAUGE_0270 - * @tc.type : Dynamically set the pointer-to-ring-outer-edge spacing (space) in the Gauge container under privacy mode. + * @tc.type : Function + * @tc.desc : Dynamically set the pointer-to-ring-outer-edge spacing (space) in the Gauge container under privacy mode. * @tc.size : MediumTest * @tc.level : 2 */ @@ -635,7 +660,8 @@ export default function PrivacySensitiveGauge() { /* * @tc.number : SUB_ACE_UI_ARKUI_PRIVACYSENSITIVE_GAUGE_0020 * @tc.name : SUB_ACE_UI_ARKUI_PRIVACYSENSITIVE_GAUGE_0020 - * @tc.type : Set privacySensitive to null in the Gauge container. + * @tc.type : Function + * @tc.desc : Set privacySensitive to null in the Gauge container. * @tc.size : MediumTest * @tc.level : 2 */ diff --git a/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/test/ProgressBackgroundTest/ProgressBackground.test.ets b/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/test/ProgressBackgroundTest/ProgressBackground.test.ets new file mode 100644 index 0000000000000000000000000000000000000000..09a5569aa8742a246b11705904dfd3166794c692 --- /dev/null +++ b/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/test/ProgressBackgroundTest/ProgressBackground.test.ets @@ -0,0 +1,234 @@ +/** + * Copyright (c) 2025 Shenzhen Kaihong Digital Industry Development Co., Ltd. + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +import { describe, beforeAll, beforeEach, afterEach, afterAll, it, expect, Level } from '@ohos/hypium' +import Settings from '../model/Settings' +import windowSnap from '../model/snapShot' +import Logger from '../model/Logger' +import Utils from '../model/Utils' +import { Driver, ON, Component } from '@kit.TestKit'; + +export default function ProgressBackground() { + + describe('ProgressBackground', () => { + afterEach(async (done: Function) => { + if (Settings.windowClass == undefined) { + return + } + + Settings.windowClass.destroyWindow((err) => { + if (err.code) { + Logger.error('TEST', `Failed to destroy the window. Cause : ${JSON.stringify(err)}`) + return; + } + Logger.info('TEST', `Succeeded in destroy the window.`); + }) + await Utils.sleep(1000); + done() + }) + + + /* + * @tc.number : SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BACKGROUND_0010 + * @tc.name : SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BACKGROUND_0010 + * @tc.type : Function + * @tc.desc : For the Progress component in Linear (linear), Ring (ring without scale), Eclipse (circular), ScaleRing (ring with scale), and Capsule (capsule style) styles, set the background property to customize the component background. + * @tc.size : MediumTest + * @tc.level : 2 + */ + it('SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BACKGROUND_0010', Level.LEVEL2, async (done: Function) => { + Logger.info('TEST', `SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BACKGROUND_0010 start.`); + Settings.createWindow("testability/pages/ProgressBackground/ProgressBackground0010") + let driver: Driver = Driver.create(); + await driver.waitForIdle(500,2000) + await driver.waitForIdle(500,2000) + windowSnap.snapShot() + await Utils.sleep(1000) + Logger.info('TEST', `SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BACKGROUND_0010 finish.`); + done() + }) + + + /* + * @tc.number : SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BACKGROUND_0013 + * @tc.name : SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BACKGROUND_0013 + * @tc.type : Function + * @tc.desc : For the Progress component in Linear (linear), Ring (ring without scale), Eclipse (circular), ScaleRing (ring with scale), and Capsule (capsule style) styles, set the backgroundImage property to introduce the image source. + * @tc.size : MediumTest + * @tc.level : 2 + */ + it('SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BACKGROUND_0013', Level.LEVEL2, async (done: Function) => { + Logger.info('TEST', `SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BACKGROUND_0013 start.`); + Settings.createWindow("testability/pages/ProgressBackground/ProgressBackground0013") + let driver: Driver = Driver.create(); + await driver.waitForIdle(500,2000) + await driver.waitForIdle(500,2000) + windowSnap.snapShot() + await Utils.sleep(1000) + Logger.info('TEST', `SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BACKGROUND_0013 finish.`); + done() + }) + + + /* + * @tc.number : SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BACKGROUND_0015 + * @tc.name : SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BACKGROUND_0015 + * @tc.type : Function + * @tc.desc : For the Progress component in Linear (linear), Ring (ring without scale), Eclipse (circular), ScaleRing (ring with scale), and Capsule (capsule style) styles, set the ImageRepeatX property. + * @tc.size : MediumTest + * @tc.level : 2 + */ + it('SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BACKGROUND_0015', Level.LEVEL2, async (done: Function) => { + Logger.info('TEST', `SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BACKGROUND_0015 start.`); + Settings.createWindow("testability/pages/ProgressBackground/ProgressBackground0015") + let driver: Driver = Driver.create(); + await driver.waitForIdle(500,2000) + await driver.waitForIdle(500,2000) + windowSnap.snapShot() + await Utils.sleep(1000) + Logger.info('TEST', `SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BACKGROUND_0015 finish.`); + done() + }) + + + /* + * @tc.number : SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BACKGROUND_0016 + * @tc.name : SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BACKGROUND_0016 + * @tc.type : Function + * @tc.desc : For the Progress component in Linear (linear), Ring (ring without scale), Eclipse (circular), ScaleRing (ring with scale), and Capsule (capsule style) styles, set the ImageRepeatY property. + * @tc.size : MediumTest + * @tc.level : 2 + */ + it('SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BACKGROUND_0016', Level.LEVEL2, async (done: Function) => { + Logger.info('TEST', `SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BACKGROUND_0016 start.`); + Settings.createWindow("testability/pages/ProgressBackground/ProgressBackground0016") + let driver: Driver = Driver.create(); + await driver.waitForIdle(500,2000) + await driver.waitForIdle(500,2000) + windowSnap.snapShot() + await Utils.sleep(1000) + Logger.info('TEST', `SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BACKGROUND_0016 finish.`); + done() + }) + + + + + /* + * @tc.number : SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BACKGROUND_0017 + * @tc.name : SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BACKGROUND_0017 + * @tc.type : Function + * @tc.desc : For the Progress component in Linear (linear), Ring (ring without scale), Eclipse (circular), ScaleRing (ring with scale), and Capsule (capsule style) styles, set the ImageRepeatXY property. + * @tc.size : MediumTest + * @tc.level : 2 + */ + it('SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BACKGROUND_0017', Level.LEVEL2, async (done: Function) => { + Logger.info('TEST', `SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BACKGROUND_0017 start.`); + Settings.createWindow("testability/pages/ProgressBackground/ProgressBackground0017") + let driver: Driver = Driver.create(); + await driver.waitForIdle(500,2000) + await driver.waitForIdle(500,2000) + windowSnap.snapShot() + await Utils.sleep(1000) + Logger.info('TEST', `SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BACKGROUND_0017 finish.`); + done() + }) + + /* + * @tc.number : SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BACKGROUND_0019 + * @tc.name : SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BACKGROUND_0019 + * @tc.type : Function + * @tc.desc : For the Progress component in Linear (linear), Ring (ring without scale), Eclipse (circular), ScaleRing (ring with scale), and Capsule (capsule style) styles, set the backgroundColor gradient and ImageRepeat simultaneously. + * @tc.size : MediumTest + * @tc.level : 2 + */ + it('SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BACKGROUND_0019', Level.LEVEL2, async (done: Function) => { + Logger.info('TEST', `SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BACKGROUND_0019 start.`); + Settings.createWindow("testability/pages/ProgressBackground/ProgressBackground0019") + let driver: Driver = Driver.create(); + await driver.waitForIdle(500,2000) + await driver.waitForIdle(500,2000) + windowSnap.snapShot() + await Utils.sleep(1000) + Logger.info('TEST', `SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BACKGROUND_0019 finish.`); + done() + }) + + /* + * @tc.number : SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BACKGROUND_0026 + * @tc.name : SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BACKGROUND_0026 + * @tc.type : Function + * @tc.desc : For the Progress component in Linear (linear), Ring (ring without scale), Eclipse (circular), ScaleRing (ring with scale), and Capsule (capsule style) styles, set the BackgroundEffectOptions.radius to be less than the component's radius. + * @tc.size : MediumTest + * @tc.level : 2 + */ + it('SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BACKGROUND_0026', Level.LEVEL2, async (done: Function) => { + Logger.info('TEST', `SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BACKGROUND_0026 start.`); + Settings.createWindow("testability/pages/ProgressBackground/ProgressBackground0026") + let driver: Driver = Driver.create(); + await driver.waitForIdle(500,2000) + await driver.waitForIdle(500,2000) + windowSnap.snapShot() + await Utils.sleep(1000) + Logger.info('TEST', `SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BACKGROUND_0026 finish.`); + done() + }) + + + /* + * @tc.number : SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BACKGROUND_0029 + * @tc.name : SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BACKGROUND_0029 + * @tc.type : Function + * @tc.desc : For the Progress component in Linear (linear), Ring (ring without scale), Eclipse (circular), ScaleRing (ring with scale), and Capsule (capsule style) styles, set the BackgroundEffectOptions.saturation property. + * @tc.size : MediumTest + * @tc.level : 2 + */ + it('SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BACKGROUND_0029', Level.LEVEL2, async (done: Function) => { + Logger.info('TEST', `SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BACKGROUND_0029 start.`); + Settings.createWindow("testability/pages/ProgressBackground/ProgressBackground0029") + let driver: Driver = Driver.create(); + await driver.waitForIdle(500,2000) + await driver.waitForIdle(500,2000) + windowSnap.snapShot() + await Utils.sleep(1000) + Logger.info('TEST', `SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BACKGROUND_0029 finish.`); + done() + }) + + + /* + * @tc.number : SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BACKGROUND_0031 + * @tc.name : SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BACKGROUND_0031 + * @tc.type : Function + * @tc.desc : For the Progress component in Linear (linear), Ring (ring without scale), Eclipse (circular), ScaleRing (ring with scale), and Capsule (capsule style) styles, set the BackgroundEffectOptions.brightness property. + * @tc.size : MediumTest + * @tc.level : 2 + */ + it('SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BACKGROUND_0031', Level.LEVEL2, async (done: Function) => { + Logger.info('TEST', `SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BACKGROUND_0031 start.`); + Settings.createWindow("testability/pages/ProgressBackground/ProgressBackground0031") + let driver: Driver = Driver.create(); + await driver.waitForIdle(500,2000) + await driver.waitForIdle(500,2000) + windowSnap.snapShot() + await Utils.sleep(1000) + Logger.info('TEST', `SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BACKGROUND_0031 finish.`); + done() + }) + + + + }) +} \ No newline at end of file diff --git a/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/test/ProgressBorderTest/ProgressBorder.test.ets b/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/test/ProgressBorderTest/ProgressBorder.test.ets new file mode 100644 index 0000000000000000000000000000000000000000..879f58921d67e8e82d672ee8a524f4a06053f7a5 --- /dev/null +++ b/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/test/ProgressBorderTest/ProgressBorder.test.ets @@ -0,0 +1,586 @@ +/** + * Copyright (c) 2025 Shenzhen Kaihong Digital Industry Development Co., Ltd. + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +import { describe, beforeAll, beforeEach, afterEach, afterAll, it, expect, Level } from '@ohos/hypium' +import Settings from '../model/Settings' +import windowSnap from '../model/snapShot' +import Logger from '../model/Logger' +import Utils from '../model/Utils' +import { Driver, ON, Component } from '@kit.TestKit'; + +export default function ProgressBorder() { + + describe('ProgressBorder', () => { + afterEach(async (done: Function) => { + if (Settings.windowClass == undefined) { + return + } + + Settings.windowClass.destroyWindow((err) => { + if (err.code) { + Logger.error('TEST', `Failed to destroy the window. Cause : ${JSON.stringify(err)}`) + return; + } + Logger.info('TEST', `Succeeded in destroy the window.`); + }) + await Utils.sleep(1000); + done() + }) + + + /* + * @tc.number : SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0010 + * @tc.name : SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0010 + * @tc.type : Function + * @tc.desc : Linear linear, Ring ring without scale, Eclipse circular, ScaleRing ring with scale, Capsule capsule style Progress component without setting Border property + * @tc.size : MediumTest + * @tc.level : 2 + */ + it('SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0010', Level.LEVEL2, async (done: Function) => { + Logger.info('TEST', `SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0010 start.`); + Settings.createWindow("testability/pages/ProgressBorder/ProgressBorder0010") + let driver: Driver = Driver.create(); + await driver.waitForIdle(500,2000) + await driver.waitForIdle(500,2000) + windowSnap.snapShot() + await Utils.sleep(1000) + Logger.info('TEST', `SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0010 finish.`); + done() + }) + + /* + * @tc.number : SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0035 + * @tc.name : SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0035 + * @tc.type : Function + * @tc.desc : For the Progress component in Linear (linear), Ring (ring without scale), Eclipse (circular), ScaleRing (ring with scale), and Capsule (capsule style) styles, set the right border to be less than the component width by privately setting CapsuleStyleOptions.borderWidth to 3. + * @tc.size : MediumTest + * @tc.level : 2 + */ + it('SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0035', Level.LEVEL2, async (done: Function) => { + Logger.info('TEST', `SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0035 start.`); + Settings.createWindow("testability/pages/ProgressBorder/ProgressBorder0035") + let driver: Driver = Driver.create(); + await driver.waitForIdle(500,2000) + await driver.waitForIdle(500,2000) + windowSnap.snapShot() + await Utils.sleep(1000) + Logger.info('TEST', `SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0035 finish.`); + done() + }) + + /* + * @tc.number : SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0012 + * @tc.name : SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0012 + * @tc.type : Function + * @tc.desc : For the Progress component in Linear (linear), Ring (ring without scale), Eclipse (circular), ScaleRing (ring with scale), and Capsule (capsule style) styles, set the left border to be less than the component width without setting the private CapsuleStyleOptions.borderWidth. + * @tc.size : MediumTest + * @tc.level : 2 + */ + it('SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0012', Level.LEVEL2, async (done: Function) => { + Logger.info('TEST', `SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0012 start.`); + Settings.createWindow("testability/pages/ProgressBorder/ProgressBorder0012") + let driver: Driver = Driver.create(); + await driver.waitForIdle(500,2000) + await driver.waitForIdle(500,2000) + windowSnap.snapShot() + await Utils.sleep(1000) + Logger.info('TEST', `SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0012 finish.`); + done() + }) + + /* + * @tc.number : SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0017 + * @tc.name : SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0017 + * @tc.type : Function + * @tc.desc : For the Progress component in Linear (linear), Ring (ring without scale), Eclipse (circular), ScaleRing (ring with scale), and Capsule (capsule style) styles, set the right border to be less than the component width without setting the private CapsuleStyleOptions.borderWidth. + * @tc.size : MediumTest + * @tc.level : 2 + */ + it('SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0017', Level.LEVEL2, async (done: Function) => { + Logger.info('TEST', `SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0017 start.`); + Settings.createWindow("testability/pages/ProgressBorder/ProgressBorder0017") + let driver: Driver = Driver.create(); + await driver.waitForIdle(500,2000) + await driver.waitForIdle(500,2000) + windowSnap.snapShot() + await Utils.sleep(1000) + Logger.info('TEST', `SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0017 finish.`); + done() + }) + + /* + * @tc.number : SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0027 + * @tc.name : SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0027 + * @tc.type : Function + * @tc.desc : For the Progress component in Linear (linear), Ring (ring without scale), Eclipse (circular), ScaleRing (ring with scale), and Capsule (capsule style) styles, set the bottom border to be less than the component width without setting the private CapsuleStyleOptions.borderWidth. + * @tc.size : MediumTest + * @tc.level : 2 + */ + it('SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0027', Level.LEVEL2, async (done: Function) => { + Logger.info('TEST', `SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0027 start.`); + Settings.createWindow("testability/pages/ProgressBorder/ProgressBorder0027") + let driver: Driver = Driver.create(); + await driver.waitForIdle(500,2000) + await driver.waitForIdle(500,2000) + windowSnap.snapShot() + await Utils.sleep(1000) + Logger.info('TEST', `SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0027 finish.`); + done() + }) + + /* + * @tc.number : SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0031 + * @tc.name : SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0031 + * @tc.type : Function + * @tc.desc : For the Progress component in Linear (linear), Ring (ring without scale), Eclipse (circular), ScaleRing (ring with scale), and Capsule (capsule style) styles, set all four borders to be less than the component border without setting the private CapsuleStyleOptions.borderWidth. + * @tc.size : MediumTest + * @tc.level : 2 + */ + it('SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0031', Level.LEVEL2, async (done: Function) => { + Logger.info('TEST', `SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0031 start.`); + Settings.createWindow("testability/pages/ProgressBorder/ProgressBorder0031") + let driver: Driver = Driver.create(); + await driver.waitForIdle(500,2000) + await driver.waitForIdle(500,2000) + windowSnap.snapShot() + await Utils.sleep(1000) + Logger.info('TEST', `SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0031 finish.`); + done() + }) + + /* + * @tc.number : SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0032 + * @tc.name : SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0032 + * @tc.type : Function + * @tc.desc : For the Progress component in Linear (linear), Ring (ring without scale), Eclipse (circular), ScaleRing (ring with scale), and Capsule (capsule style) styles, set the left border to be less than the component width and set the private CapsuleStyleOptions.borderWidth to 3. + * @tc.size : MediumTest + * @tc.level : 2 + */ + it('SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0032', Level.LEVEL2, async (done: Function) => { + Logger.info('TEST', `SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0032 start.`); + Settings.createWindow("testability/pages/ProgressBorder/ProgressBorder0032") + let driver: Driver = Driver.create(); + await driver.waitForIdle(500,2000) + await driver.waitForIdle(500,2000) + windowSnap.snapShot() + await Utils.sleep(1000) + Logger.info('TEST', `SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0032 finish.`); + done() + }) + + /* + * @tc.number : SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0041 + * @tc.name : SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0041 + * @tc.type : Function + * @tc.desc : For the Progress component in Linear (linear), Ring (ring without scale), Eclipse (circular), ScaleRing (ring with scale), and Capsule (capsule style) styles, set the bottom border to be less than the component width and set the private CapsuleStyleOptions.borderWidth to 3. + * @tc.size : MediumTest + * @tc.level : 2 + */ + it('SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0041', Level.LEVEL2, async (done: Function) => { + Logger.info('TEST', `SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0041 start.`); + Settings.createWindow("testability/pages/ProgressBorder/ProgressBorder0041") + let driver: Driver = Driver.create(); + await driver.waitForIdle(500,2000) + await driver.waitForIdle(500,2000) + windowSnap.snapShot() + await Utils.sleep(1000) + Logger.info('TEST', `SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0041 finish.`); + done() + }) + + /* + * @tc.number : SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0042 + * @tc.name : SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0042 + * @tc.type : Function + * @tc.desc : For the Progress component in Linear (linear), Ring (ring without scale), Eclipse (circular), ScaleRing (ring with scale), and Capsule (capsule style) styles, set the bottom border width to -10, and set the private CapsuleStyleOptions.borderWidth to 3. + * @tc.size : MediumTest + * @tc.level : 2 + */ + it('SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0042', Level.LEVEL2, async (done: Function) => { + Logger.info('TEST', `SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0042 start.`); + Settings.createWindow("testability/pages/ProgressBorder/ProgressBorder0042") + let driver: Driver = Driver.create(); + await driver.waitForIdle(500,2000) + await driver.waitForIdle(500,2000) + windowSnap.snapShot() + await Utils.sleep(1000) + Logger.info('TEST', `SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0042 finish.`); + done() + }) + + /* + * @tc.number : SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0043 + * @tc.name : SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0043 + * @tc.type : Function + * @tc.desc : For the Progress component in Linear (linear), Ring (ring without scale), Eclipse (circular), ScaleRing (ring with scale), and Capsule (capsule style) styles, set the bottom border width to be greater than the component width, and set the private CapsuleStyleOptions.borderWidth to 3. + * @tc.size : MediumTest + * @tc.level : 2 + */ + it('SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0043', Level.LEVEL2, async (done: Function) => { + Logger.info('TEST', `SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0043 start.`); + Settings.createWindow("testability/pages/ProgressBorder/ProgressBorder0043") + let driver: Driver = Driver.create(); + await driver.waitForIdle(500,2000) + await driver.waitForIdle(500,2000) + windowSnap.snapShot() + await Utils.sleep(1000) + Logger.info('TEST', `SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0043 finish.`); + done() + }) + + /* + * @tc.number : SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0044 + * @tc.name : SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0044 + * @tc.type : Function + * @tc.desc : For the Progress component in Linear (linear), Ring (ring without scale), Eclipse (circular), ScaleRing (ring with scale), and Capsule (capsule style) styles, set all four borders to be less than the component border, and set the private CapsuleStyleOptions.borderWidth to 3. + * @tc.size : MediumTest + * @tc.level : 2 + */ + it('SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0044', Level.LEVEL2, async (done: Function) => { + Logger.info('TEST', `SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0044 start.`); + Settings.createWindow("testability/pages/ProgressBorder/ProgressBorder0044") + let driver: Driver = Driver.create(); + await driver.waitForIdle(500,2000) + await driver.waitForIdle(500,2000) + windowSnap.snapShot() + await Utils.sleep(1000) + Logger.info('TEST', `SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0044 finish.`); + done() + }) + + /* + * @tc.number : SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0066 + * @tc.name : SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0066 + * @tc.type : Function + * @tc.desc : For the Progress component in Linear (linear), Ring (ring without scale), Eclipse (circular), ScaleRing (ring with scale), and Capsule (capsule style) styles, set all four borders to be less than the component's border height and width, without setting the private CapsuleStyleOptions.borderWidth. + * @tc.size : MediumTest + * @tc.level : 2 + */ + it('SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0066', Level.LEVEL2, async (done: Function) => { + Logger.info('TEST', `SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0066 start.`); + Settings.createWindow("testability/pages/ProgressBorder/ProgressBorder0066") + let driver: Driver = Driver.create(); + await driver.waitForIdle(500,2000) + await driver.waitForIdle(500,2000) + windowSnap.snapShot() + await Utils.sleep(1000) + Logger.info('TEST', `SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0066 finish.`); + done() + }) + + /* + * @tc.number : SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0067 + * @tc.name : SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0067 + * @tc.type : Function + * @tc.desc : For the Progress component in Linear (linear), Ring (ring without scale), Eclipse (circular), ScaleRing (ring with scale), and Capsule (capsule style) styles, set the start border to be less than the component width, and set the private CapsuleStyleOptions.borderWidth to 3. + * @tc.size : MediumTest + * @tc.level : 2 + */ + it('SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0067', Level.LEVEL2, async (done: Function) => { + Logger.info('TEST', `SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0067 start.`); + Settings.createWindow("testability/pages/ProgressBorder/ProgressBorder0067") + let driver: Driver = Driver.create(); + await driver.waitForIdle(500,2000) + await driver.waitForIdle(500,2000) + windowSnap.snapShot() + await Utils.sleep(1000) + Logger.info('TEST', `SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0067 finish.`); + done() + }) + + /* + * @tc.number : SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0073 + * @tc.name : SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0073 + * @tc.type : Function + * @tc.desc : For the Progress component in Linear (linear), Ring (ring without scale), Eclipse (circular), ScaleRing (ring with scale), and Capsule (capsule style) styles, set the top border using LocalizedEdgeWidths.top to be less than the component width, and set the private CapsuleStyleOptions.borderWidth to 3. + * @tc.size : MediumTest + * @tc.level : 2 + */ + it('SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0073', Level.LEVEL2, async (done: Function) => { + Logger.info('TEST', `SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0073 start.`); + Settings.createWindow("testability/pages/ProgressBorder/ProgressBorder0073") + let driver: Driver = Driver.create(); + await driver.waitForIdle(500,2000) + await driver.waitForIdle(500,2000) + windowSnap.snapShot() + await Utils.sleep(1000) + Logger.info('TEST', `SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0073 finish.`); + done() + }) + + /* + * @tc.number : SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0076 + * @tc.name : SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0076 + * @tc.type : Function + * @tc.desc : For the Progress component in Linear (linear), Ring (ring without scale), Eclipse (circular), ScaleRing (ring with scale), and Capsule (capsule style) styles, set the bottom border using LocalizedEdgeWidths.bottom to be less than the component width, and set the private CapsuleStyleOptions.borderWidth to 3. + * @tc.size : MediumTest + * @tc.level : 2 + */ + it('SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0076', Level.LEVEL2, async (done: Function) => { + Logger.info('TEST', `SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0076 start.`); + Settings.createWindow("testability/pages/ProgressBorder/ProgressBorder0076") + let driver: Driver = Driver.create(); + await driver.waitForIdle(500,2000) + await driver.waitForIdle(500,2000) + windowSnap.snapShot() + await Utils.sleep(1000) + Logger.info('TEST', `SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0076 finish.`); + done() + }) + + /* + * @tc.number : SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0079 + * @tc.name : SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0079 + * @tc.type : Function + * @tc.desc : For the Progress component in Linear (linear), Ring (ring without scale), Eclipse (circular), ScaleRing (ring with scale), and Capsule (capsule style) styles, set all four borders to be less than the component's border height and width, and set the private CapsuleStyleOptions.borderWidth to 3. + * @tc.size : MediumTest + * @tc.level : 2 + */ + it('SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0079', Level.LEVEL2, async (done: Function) => { + Logger.info('TEST', `SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0079 start.`); + Settings.createWindow("testability/pages/ProgressBorder/ProgressBorder0079") + let driver: Driver = Driver.create(); + await driver.waitForIdle(500,2000) + await driver.waitForIdle(500,2000) + windowSnap.snapShot() + await Utils.sleep(1000) + Logger.info('TEST', `SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0079 finish.`); + done() + }) + + /* + * @tc.number : SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0085 + * @tc.name : SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0085 + * @tc.type : Function + * @tc.desc : For the Progress component in Linear (linear), Ring (ring without scale), Eclipse (circular), ScaleRing (ring with scale), and Capsule (capsule style) styles, do not set the borderStyle property. + * @tc.size : MediumTest + * @tc.level : 2 + */ + it('SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0085', Level.LEVEL2, async (done: Function) => { + Logger.info('TEST', `SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0085 start.`); + Settings.createWindow("testability/pages/ProgressBorder/ProgressBorder0085") + let driver: Driver = Driver.create(); + await driver.waitForIdle(500,2000) + await driver.waitForIdle(500,2000) + windowSnap.snapShot() + await Utils.sleep(1000) + Logger.info('TEST', `SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0085 finish.`); + done() + }) + + /* + * @tc.number : SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0090 + * @tc.name : SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0090 + * @tc.type : Function + * @tc.desc : For the Progress component in Linear (linear), Ring (ring without scale), Eclipse (circular), ScaleRing (ring with scale), and Capsule (capsule style) styles, set the four borders to the styles of Dotted, Dashed, and Solid respectively. + * @tc.size : MediumTest + * @tc.level : 2 + */ + it('SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0090', Level.LEVEL2, async (done: Function) => { + Logger.info('TEST', `SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0090 start.`); + Settings.createWindow("testability/pages/ProgressBorder/ProgressBorder0090") + let driver: Driver = Driver.create(); + await driver.waitForIdle(3000,5000) + windowSnap.snapShot() + await Utils.sleep(1000) + Logger.info('TEST', `SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0090 finish.`); + done() + }) + + /* + * @tc.number : SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0091 + * @tc.name : SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0091 + * @tc.type : Function + * @tc.desc : For the Progress component in Linear (linear), Ring (ring without scale), Eclipse (circular), ScaleRing (ring with scale), and Capsule (capsule style) styles, set the left and right borders to the Dotted style, and set the top and bottom borders to the Dashed style. + * @tc.size : MediumTest + * @tc.level : 2 + */ + it('SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0091', Level.LEVEL2, async (done: Function) => { + Logger.info('TEST', `SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0091 start.`); + Settings.createWindow("testability/pages/ProgressBorder/ProgressBorder0091") + let driver: Driver = Driver.create(); + await driver.waitForIdle(500,2000) + await driver.waitForIdle(500,2000) + windowSnap.snapShot() + await Utils.sleep(1000) + Logger.info('TEST', `SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0091 finish.`); + done() + }) + + /* + * @tc.number : SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0092 + * @tc.name : SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0092 + * @tc.type : Function + * @tc.desc : For the Progress component in Linear (linear), Ring (ring without scale), Eclipse (circular), ScaleRing (ring with scale), and Capsule (capsule style) styles, do not set the CapsuleStyleOptions.borderColor and do not set the general borderColor property. + * @tc.size : MediumTest + * @tc.level : 2 + */ + it('SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0092', Level.LEVEL2, async (done: Function) => { + Logger.info('TEST', `SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0092 start.`); + Settings.createWindow("testability/pages/ProgressBorder/ProgressBorder0092") + let driver: Driver = Driver.create(); + await driver.waitForIdle(500,2000) + windowSnap.snapShot() + await Utils.sleep(1000) + Logger.info('TEST', `SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0092 finish.`); + done() + }) + + /* + * @tc.number : SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0097 + * @tc.name : SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0097 + * @tc.type : Function + * @tc.desc : The Progress component in the following styles does not set CapsuleStyleOptions.borderColor but sets 4 borders with different colors: Linear (linear), Ring without scale (ring shape without scale), Eclipse (circular), Scale Ring (ring shape with scale), Capsule (capsule style). + * @tc.size : MediumTest + * @tc.level : 2 + */ + it('SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0097', Level.LEVEL2, async (done: Function) => { + Logger.info('TEST', `SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0097 start.`); + Settings.createWindow("testability/pages/ProgressBorder/ProgressBorder0097") + let driver: Driver = Driver.create(); + await driver.waitForIdle(3000,5000) + windowSnap.snapShot() + await Utils.sleep(1000) + await Utils.sleep(1000) + Logger.info('TEST', `SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0097 finish.`); + done() + }) + + /* + * @tc.number : SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0098 + * @tc.name : SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0098 + * @tc.type : Function + * @tc.desc : The Progress component in the following styles sets CapsuleStyleOptions.borderColor to enum and gradient colors without setting general borderColor: Linear (linear), Ring without scale (ring shape without scale), Eclipse (circular), Scale Ring (ring shape with scale), Capsule (capsule style). + * @tc.size : MediumTest + * @tc.level : 2 + */ + it('SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0098', Level.LEVEL2, async (done: Function) => { + Logger.info('TEST', `SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0098 start.`); + Settings.createWindow("testability/pages/ProgressBorder/ProgressBorder0098") + let driver: Driver = Driver.create(); + await driver.waitForIdle(500,2000) + await driver.waitForIdle(500,2000) + windowSnap.snapShot() + await Utils.sleep(1000) + Logger.info('TEST', `SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0098 finish.`); + done() + }) + + /* + * @tc.number : SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0117 + * @tc.name : SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0117 + * @tc.type : Function + * @tc.desc : For the Progress component in Linear (linear), Ring (ring without scale), Eclipse (circular), ScaleRing (ring with scale), and Capsule (capsule style) styles, set the topLeft radius to be less than half of the component's width and height, such as 3. + * @tc.size : MediumTest + * @tc.level : 2 + */ + it('SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0117', Level.LEVEL2, async (done: Function) => { + Logger.info('TEST', `SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0117 start.`); + Settings.createWindow("testability/pages/ProgressBorder/ProgressBorder0117") + let driver: Driver = Driver.create(); + await driver.waitForIdle(500,2000) + await driver.waitForIdle(500,2000) + windowSnap.snapShot() + await Utils.sleep(1000) + Logger.info('TEST', `SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0117 finish.`); + done() + }) + + /* + * @tc.number : SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0120 + * @tc.name : SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0120 + * @tc.type : Function + * @tc.desc : For the Progress component in Linear (linear), Ring (ring without scale), Eclipse (circular), ScaleRing (ring with scale), and Capsule (capsule style) styles, set the topLeft radius to be less than half of the component's width and height, such as 3. + * @tc.size : MediumTest + * @tc.level : 2 + */ + it('SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0120', Level.LEVEL2, async (done: Function) => { + Logger.info('TEST', `SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0120 start.`); + Settings.createWindow("testability/pages/ProgressBorder/ProgressBorder0120") + let driver: Driver = Driver.create(); + await driver.waitForIdle(500,2000) + await driver.waitForIdle(500,2000) + windowSnap.snapShot() + await Utils.sleep(1000) + Logger.info('TEST', `SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0120 finish.`); + done() + }) + + /* + * @tc.number : SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0123 + * @tc.name : SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0123 + * @tc.type : Function + * @tc.desc : For the Progress component in Linear (linear), Ring (ring without scale), Eclipse (circular), ScaleRing (ring with scale), and Capsule (capsule style) styles, set the bottomLeft radius to be less than half of the component's width and height, such as 3. + * @tc.size : MediumTest + * @tc.level : 2 + */ + it('SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0123', Level.LEVEL2, async (done: Function) => { + Logger.info('TEST', `SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0123 start.`); + Settings.createWindow("testability/pages/ProgressBorder/ProgressBorder0123") + let driver: Driver = Driver.create(); + await driver.waitForIdle(500,2000) + await driver.waitForIdle(500,2000) + windowSnap.snapShot() + await Utils.sleep(1000) + Logger.info('TEST', `SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0123 finish.`); + done() + }) + + /* + * @tc.number : SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0126 + * @tc.name : SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0126 + * @tc.type : Function + * @tc.desc : For the Progress component in Linear (linear), Ring (ring without scale), Eclipse (circular), ScaleRing (ring with scale), and Capsule (capsule style) styles, set the bottomRight radius to be less than half of the component's width and height, such as 3. + * @tc.size : MediumTest + * @tc.level : 2 + */ + it('SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0126', Level.LEVEL2, async (done: Function) => { + Logger.info('TEST', `SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0126 start.`); + Settings.createWindow("testability/pages/ProgressBorder/ProgressBorder0126") + let driver: Driver = Driver.create(); + await driver.waitForIdle(500,2000) + await driver.waitForIdle(500,2000) + windowSnap.snapShot() + await Utils.sleep(1000) + Logger.info('TEST', `SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0126 finish.`); + done() + }) + + /* + * @tc.number : SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0130 + * @tc.name : SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0130 + * @tc.type : Function + * @tc.desc : For the Progress component in Linear (linear), Ring (ring without scale), Eclipse (circular), ScaleRing (ring with scale), and Capsule (capsule style) styles, set the topStart radius to be less than half of the component's width and height, such as 3. + * @tc.size : MediumTest + * @tc.level : 2 + */ + it('SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0130', Level.LEVEL2, async (done: Function) => { + Logger.info('TEST', `SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0130 start.`); + Settings.createWindow("testability/pages/ProgressBorder/ProgressBorder0130") + let driver: Driver = Driver.create(); + await driver.waitForIdle(500,2000) + await driver.waitForIdle(500,2000) + windowSnap.snapShot() + await Utils.sleep(1000) + Logger.info('TEST', `SUB_ACE_UI_COMPONENT_MEDIA_PROGRESS_BORDER_0130 finish.`); + done() + }) + + + + + + }) +} diff --git a/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/test/SearchInteractionTest/SearchInteraction.test.ets b/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/test/SearchInteractionTest/SearchInteraction.test.ets index 3ec9f4511f62e283c602c76155abb8b0be6f52f7..0b6219c1cff7fe0c91591c0a0bdcee54a85766c3 100644 --- a/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/test/SearchInteractionTest/SearchInteraction.test.ets +++ b/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/test/SearchInteractionTest/SearchInteraction.test.ets @@ -43,7 +43,8 @@ export default function SearchInteraction() { /* * @tc.number : SUB_ACE_UI_COMPONENT_TEXT_SEARCH_INTERACTION_0090 * @tc.name : SUB_ACE_UI_COMPONENT_TEXT_SEARCH_INTERACTION_0090 - * @tc.type : Keyboard interaction for the Search component: pressing Enter. + * @tc.type : Function + * @tc.desc : Keyboard interaction for the Search component: pressing Enter. * @tc.size : MediumTest * @tc.level : 2 */ diff --git a/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/test/SearchInterfaceTest/SearchInterface.test.ets b/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/test/SearchInterfaceTest/SearchInterface.test.ets index ecace291da212a0c11ed4c57747a121cdafbc7bf..0c58d7fb11f1b6c056e73c8014c73d8e3eb966d2 100644 --- a/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/test/SearchInterfaceTest/SearchInterface.test.ets +++ b/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/test/SearchInterfaceTest/SearchInterface.test.ets @@ -43,7 +43,8 @@ export default function SearchInterface() { /* * @tc.number : SUB_ACE_UI_COMPONENT_TEXT_SEARCH_INTERFACE_0330 * @tc.name : SUB_ACE_UI_COMPONENT_TEXT_SEARCH_INTERFACE_0330 - * @tc.type : For the Search component, set the placeholder value in the interface to update it in real time. + * @tc.type : Function + * @tc.desc : For the Search component, set the placeholder value in the interface to update it in real time. * @tc.size : MediumTest * @tc.level : 2 */ @@ -90,7 +91,8 @@ export default function SearchInterface() { /* * @tc.number : SUB_ACE_UI_COMPONENT_TEXT_SEARCH_INTERFACE_0050 * @tc.name : SUB_ACE_UI_COMPONENT_TEXT_SEARCH_INTERFACE_0050 - * @tc.type : Search component, do not set the size of the placeholderFont. + * @tc.type : Function + * @tc.desc : Search component, do not set the size of the placeholderFont. * @tc.size : MediumTest * @tc.level : 2 */ @@ -109,7 +111,8 @@ export default function SearchInterface() { /* * @tc.number : SUB_ACE_UI_COMPONENT_TEXT_SEARCH_INTERFACE_0110 * @tc.name : SUB_ACE_UI_COMPONENT_TEXT_SEARCH_INTERFACE_0110 - * @tc.type : Search component, do not set the weight of the textFont. + * @tc.type : Function + * @tc.desc : Search component, do not set the weight of the textFont. * @tc.size : MediumTest * @tc.level : 2 */ @@ -128,7 +131,8 @@ export default function SearchInterface() { /* * @tc.number : SUB_ACE_UI_COMPONENT_TEXT_SEARCH_INTERFACE_1000 * @tc.name : SUB_ACE_UI_COMPONENT_TEXT_SEARCH_INTERFACE_1000 - * @tc.type : JSON file for the Search component, setting the size of the textFont to type float. + * @tc.type : Function + * @tc.desc : JSON file for the Search component, setting the size of the textFont to type float. * @tc.size : MediumTest * @tc.level : 2 */ @@ -147,7 +151,8 @@ export default function SearchInterface() { /* * @tc.number : SUB_ACE_UI_COMPONENT_TEXT_SEARCH_INTERFACE_0720 * @tc.name : SUB_ACE_UI_COMPONENT_TEXT_SEARCH_INTERFACE_0720 - * @tc.type : Search component, set the weight of the placeholderFont to -100. + * @tc.type : Function + * @tc.desc : Search component, set the weight of the placeholderFont to -100. * @tc.size : MediumTest * @tc.level : 2 */ @@ -166,7 +171,8 @@ export default function SearchInterface() { /* * @tc.number : SUB_ACE_UI_COMPONENT_TEXT_SEARCH_INTERFACE_0680 * @tc.name : SUB_ACE_UI_COMPONENT_TEXT_SEARCH_INTERFACE_0680 - * @tc.type : Search组件,设置placeholderFont的size为类型为string的json文件 + * @tc.type : Function + * @tc.desc : Set the size of placeholderFont in the Search component to a JSON file of type string. * @tc.size : MediumTest * @tc.level : 2 */ @@ -185,7 +191,8 @@ export default function SearchInterface() { /* * @tc.number : SUB_ACE_UI_COMPONENT_TEXT_SEARCH_INTERFACE_0140 * @tc.name : SUB_ACE_UI_COMPONENT_TEXT_SEARCH_INTERFACE_0140 - * @tc.type : Search component, do not set the style of the left search icon. + * @tc.type : Function + * @tc.desc : Search component, do not set the style of the left search icon. * @tc.size : MediumTest * @tc.level : 2 */ @@ -204,7 +211,8 @@ export default function SearchInterface() { /* * @tc.number : SUB_ACE_UI_COMPONENT_TEXT_SEARCH_INTERFACE_1130 * @tc.name : SUB_ACE_UI_COMPONENT_TEXT_SEARCH_INTERFACE_1130 - * @tc.type : earch component, set the weight of the placeholderFont to -100. + * @tc.type : Function + * @tc.desc : earch component, set the weight of the placeholderFont to -100. * @tc.size : MediumTest * @tc.level : 2 */ @@ -223,7 +231,8 @@ export default function SearchInterface() { /* * @tc.number : SUB_ACE_UI_COMPONENT_TEXT_SEARCH_INTERFACE_0970 * @tc.name : SUB_ACE_UI_COMPONENT_TEXT_SEARCH_INTERFACE_0970 - * @tc.type : JSON file for the Search component, setting the size of the textFont to a type other than string or float. + * @tc.type : Function + * @tc.desc : JSON file for the Search component, setting the size of the textFont to a type other than string or float. * @tc.size : MediumTest * @tc.level : 2 */ @@ -242,7 +251,8 @@ export default function SearchInterface() { /* * @tc.number : SUB_ACE_UI_COMPONENT_TEXT_SEARCH_INTERFACE_1320 * @tc.name : SUB_ACE_UI_COMPONENT_TEXT_SEARCH_INTERFACE_1320 - * @tc.type : Search component, set the color of the left search icon to $rawfile(color.json). + * @tc.type : Function + * @tc.desc : Search component, set the color of the left search icon to $rawfile(color.json). * @tc.size : MediumTest * @tc.level : 2 */ @@ -261,7 +271,8 @@ export default function SearchInterface() { /* * @tc.number : SUB_ACE_UI_COMPONENT_TEXT_SEARCH_INTERFACE_0740 * @tc.name : SUB_ACE_UI_COMPONENT_TEXT_SEARCH_INTERFACE_0740 - * @tc.type : Search component, set the weight of the placeholderFont to 400. + * @tc.type : Function + * @tc.desc : Search component, set the weight of the placeholderFont to 400. * @tc.size : MediumTest * @tc.level : 2 */ @@ -280,7 +291,8 @@ export default function SearchInterface() { /* * @tc.number : SUB_ACE_UI_COMPONENT_TEXT_SEARCH_INTERFACE_0130 * @tc.name : SUB_ACE_UI_COMPONENT_TEXT_SEARCH_INTERFACE_0130 - * @tc.type : Search component, do not set the style of the right clear button. + * @tc.type : Function + * @tc.desc : Search component, do not set the style of the right clear button. * @tc.size : MediumTest * @tc.level : 2 */ @@ -299,7 +311,8 @@ export default function SearchInterface() { /* * @tc.number : SUB_ACE_UI_COMPONENT_TEXT_SEARCH_INTERFACE_0660 * @tc.name : SUB_ACE_UI_COMPONENT_TEXT_SEARCH_INTERFACE_0660 - * @tc.type : JSON file for the Search component, setting the size of the placeholderFont to a type other than string or float. + * @tc.type : Function + * @tc.desc : JSON file for the Search component, setting the size of the placeholderFont to a type other than string or float. * @tc.size : MediumTest * @tc.level : 2 */ @@ -318,7 +331,8 @@ export default function SearchInterface() { /* * @tc.number : SUB_ACE_UI_COMPONENT_TEXT_SEARCH_INTERFACE_1290 * @tc.name : SUB_ACE_UI_COMPONENT_TEXT_SEARCH_INTERFACE_1290 - * @tc.type : Search component, set the icon size to be larger than the component size. + * @tc.type : Function + * @tc.desc : Search component, set the icon size to be larger than the component size. * @tc.size : MediumTest * @tc.level : 2 */ @@ -337,7 +351,8 @@ export default function SearchInterface() { /* * @tc.number : SUB_ACE_UI_COMPONENT_TEXT_SEARCH_INTERFACE_0670 * @tc.name : SUB_ACE_UI_COMPONENT_TEXT_SEARCH_INTERFACE_0670 - * @tc.type : JSON file for the Search component, setting the size of the placeholderFont to type float. + * @tc.type : Function + * @tc.desc : JSON file for the Search component, setting the size of the placeholderFont to type float. * @tc.size : MediumTest * @tc.level : 2 */ @@ -356,7 +371,8 @@ export default function SearchInterface() { /* * @tc.number : SUB_ACE_UI_COMPONENT_TEXT_SEARCH_INTERFACE_1240 * @tc.name : SUB_ACE_UI_COMPONENT_TEXT_SEARCH_INTERFACE_1240 - * @tc.type : JSON file for the Search component, set the size field of the IconOptions in the right clear button style cancelButton1 to "$rawfile()". + * @tc.type : Function + * @tc.desc : JSON file for the Search component, set the size field of the IconOptions in the right clear button style cancelButton1 to "$rawfile()". * @tc.size : MediumTest * @tc.level : 2 */ @@ -375,7 +391,8 @@ export default function SearchInterface() { /* * @tc.number : SUB_ACE_UI_COMPONENT_TEXT_SEARCH_INTERFACE_0100 * @tc.name : SUB_ACE_UI_COMPONENT_TEXT_SEARCH_INTERFACE_0100 - * @tc.type : Search component, do not set the textFont style. + * @tc.type : Function + * @tc.desc : Search component, do not set the textFont style. * @tc.size : MediumTest * @tc.level : 2 */ @@ -394,7 +411,8 @@ export default function SearchInterface() { /* * @tc.number : SUB_ACE_UI_COMPONENT_TEXT_SEARCH_INTERFACE_0700 * @tc.name : SUB_ACE_UI_COMPONENT_TEXT_SEARCH_INTERFACE_0700 - * @tc.type : Search component, set the style of the placeholderFont to FontStyle.Normal. + * @tc.type : Function + * @tc.desc : Search component, set the style of the placeholderFont to FontStyle.Normal. * @tc.size : MediumTest * @tc.level : 2 */ @@ -413,7 +431,8 @@ export default function SearchInterface() { /* * @tc.number : SUB_ACE_UI_COMPONENT_TEXT_SEARCH_INTERFACE_0650 * @tc.name : SUB_ACE_UI_COMPONENT_TEXT_SEARCH_INTERFACE_0650 - * @tc.type : Search component, set the size of the placeholderFont to 10. + * @tc.type : Function + * @tc.desc : Search component, set the size of the placeholderFont to 10. * @tc.size : MediumTest * @tc.level : 2 */ @@ -432,7 +451,8 @@ export default function SearchInterface() { /* * @tc.number : SUB_ACE_UI_COMPONENT_TEXT_SEARCH_INTERFACE_0710 * @tc.name : SUB_ACE_UI_COMPONENT_TEXT_SEARCH_INTERFACE_0710 - * @tc.type : Search component, set the weight of the placeholderFont to 900. + * @tc.type : Function + * @tc.desc : Search component, set the weight of the placeholderFont to 900. * @tc.size : MediumTest * @tc.level : 2 */ @@ -451,7 +471,8 @@ export default function SearchInterface() { /* * @tc.number : SUB_ACE_UI_COMPONENT_TEXT_SEARCH_INTERFACE_1020 * @tc.name : SUB_ACE_UI_COMPONENT_TEXT_SEARCH_INTERFACE_1020 - * @tc.type : Search component, set the style of the textFont to FontStyle.Normal. + * @tc.type : Function + * @tc.desc : Search component, set the style of the textFont to FontStyle.Normal. * @tc.size : MediumTest * @tc.level : 2 */ @@ -470,7 +491,8 @@ export default function SearchInterface() { /* * @tc.number : SUB_ACE_UI_COMPONENT_TEXT_SEARCH_INTERFACE_0060 * @tc.name : SUB_ACE_UI_COMPONENT_TEXT_SEARCH_INTERFACE_0060 - * @tc.type : Search component, do not set the Color of the placeholder. + * @tc.type : Function + * @tc.desc : Search component, do not set the Color of the placeholder. * @tc.size : MediumTest * @tc.level : 2 */ @@ -489,7 +511,8 @@ export default function SearchInterface() { /* * @tc.number : SUB_ACE_UI_COMPONENT_TEXT_SEARCH_INTERFACE_1190 * @tc.name : SUB_ACE_UI_COMPONENT_TEXT_SEARCH_INTERFACE_1190 - * @tc.type : Search component, set the color of the IconOptions in the right clear-button style cancelButton1 to $rawfile(color.json). + * @tc.type : Function + * @tc.desc : Search component, set the color of the IconOptions in the right clear-button style cancelButton1 to $rawfile(color.json). * @tc.size : MediumTest * @tc.level : 2 */ @@ -508,7 +531,8 @@ export default function SearchInterface() { /* * @tc.number : SUB_ACE_UI_COMPONENT_TEXT_SEARCH_INTERFACE_0120 * @tc.name : SUB_ACE_UI_COMPONENT_TEXT_SEARCH_INTERFACE_0120 - * @tc.type : Search component, do not set the weight. + * @tc.type : Function + * @tc.desc : Search component, do not set the weight. * @tc.size : MediumTest * @tc.level : 2 */ @@ -527,7 +551,8 @@ export default function SearchInterface() { /* * @tc.number : SUB_ACE_UI_COMPONENT_TEXT_SEARCH_INTERFACE_1370 * @tc.name : SUB_ACE_UI_COMPONENT_TEXT_SEARCH_INTERFACE_1370 - * @tc.type : Search component, set the size of the left search icon searchIcon to $rawfile(). + * @tc.type : Function + * @tc.desc : Search component, set the size of the left search icon searchIcon to $rawfile(). * @tc.size : MediumTest * @tc.level : 2 */ @@ -546,7 +571,8 @@ export default function SearchInterface() { /* * @tc.number : SUB_ACE_UI_COMPONENT_TEXT_SEARCH_INTERFACE_1440 * @tc.name : SUB_ACE_UI_COMPONENT_TEXT_SEARCH_INTERFACE_1440 - * @tc.type : Search component, set the left search icon source as an image. + * @tc.type : Function + * @tc.desc : Search component, set the left search icon source as an image. * @tc.size : MediumTest * @tc.level : 2 */ @@ -565,7 +591,8 @@ export default function SearchInterface() { /* * @tc.number : SUB_ACE_UI_COMPONENT_TEXT_SEARCH_INTERFACE_0170 * @tc.name : SUB_ACE_UI_COMPONENT_TEXT_SEARCH_INTERFACE_0170 - * @tc.type : Search component, do not set the font color of the input text. + * @tc.type : Function + * @tc.desc : Search component, do not set the font color of the input text. * @tc.size : MediumTest * @tc.level : 2 */ @@ -584,7 +611,8 @@ export default function SearchInterface() { /* * @tc.number : SUB_ACE_UI_COMPONENT_TEXT_SEARCH_INTERFACE_1510 * @tc.name : SUB_ACE_UI_COMPONENT_TEXT_SEARCH_INTERFACE_1510 - * @tc.type : Search component, set the font color of the input text to $rawfile(color.json). + * @tc.type : Function + * @tc.desc : Search component, set the font color of the input text to $rawfile(color.json). * @tc.size : MediumTest * @tc.level : 2 */ diff --git a/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/testability/pages/ProgressBorder/ProgressBorder0010.ets b/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/testability/pages/ProgressBorder/ProgressBorder0010.ets new file mode 100644 index 0000000000000000000000000000000000000000..bd17c06bbd87eb050eda170ea900d9dc64b35a26 --- /dev/null +++ b/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/testability/pages/ProgressBorder/ProgressBorder0010.ets @@ -0,0 +1,71 @@ +/** + * Copyright (c) 2025 Shenzhen Kaihong Digital Industry Development Co., Ltd. + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + + + +@Entry +@Component +struct ProgressBorder0010 { + build() { + Column({ space: 15 }) { + Text('Linear Progress').fontSize(9).fontColor(0xCCCCCC).width('90%') + Progress({ value: 10, type: ProgressType.Linear }).width(200) + Progress({ value: 20, total: 150, type: ProgressType.Linear }).color(Color.Grey).value(50).width(200) + + + Text('Eclipse Progress').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.Eclipse }).width(100) + Progress({ value: 20, total: 150, type: ProgressType.Eclipse }).color(Color.Grey).value(50).width(100) + } + + Text('ScaleRing Progress').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.ScaleRing }).width(100) + Progress({ value: 20, total: 150, type: ProgressType.ScaleRing }) + .color(Color.Grey).value(50).width(100) + .style({ strokeWidth: 15, scaleCount: 15, scaleWidth: 5 }) + } + + // scaleCount和scaleWidth效果对比 + Row({ space: 40 }) { + Progress({ value: 20, total: 150, type: ProgressType.ScaleRing }) + .color(Color.Grey).value(50).width(100) + .style({ strokeWidth: 20, scaleCount: 20, scaleWidth: 5 }) + Progress({ value: 20, total: 150, type: ProgressType.ScaleRing }) + .color(Color.Grey).value(50).width(100) + .style({ strokeWidth: 20, scaleCount: 30, scaleWidth: 3 }) + } + + Text('Ring Progress').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.Ring }).width(100) + Progress({ value: 20, total: 150, type: ProgressType.Ring }) + .color(Color.Grey).value(50).width(100) + .style({ strokeWidth: 20 }) + } + + Text('Capsule Progress').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.Capsule }).width(100).height(50) + Progress({ value: 20, total: 150, type: ProgressType.Capsule }) + .color(Color.Grey) + .value(50) + .width(100) + .height(50) + } + }.width('100%').margin({ top: 30 }) + } +} diff --git a/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/testability/pages/ProgressBorder/ProgressBorder0012.ets b/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/testability/pages/ProgressBorder/ProgressBorder0012.ets new file mode 100644 index 0000000000000000000000000000000000000000..af1b49b2374bf46091e531f82a0c2f18676780ab --- /dev/null +++ b/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/testability/pages/ProgressBorder/ProgressBorder0012.ets @@ -0,0 +1,85 @@ +/** + * Copyright (c) 2025 Shenzhen Kaihong Digital Industry Development Co., Ltd. + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +@Entry +@Component +struct ProgressBorder0012 { + build() { + Column({ space: 15 }) { + Text('Linear Progress - Left Border Width 10').fontSize(9).fontColor(0xCCCCCC).width('90%') + Progress({ value: 10, type: ProgressType.Linear }) + .width(200) + .border({ width: { left: 10 } }) + + Progress({ value: 20, total: 150, type: ProgressType.Linear }) + .color(Color.Grey).value(50).width(200) + .border({ width: { left: 10 } }) + + Text('Eclipse Progress - Left Border Width 10').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.Eclipse }) + .width(100) + .border({ width: { left: 10 } }) + Progress({ value: 20, total: 150, type: ProgressType.Eclipse }) + .color(Color.Grey).value(50).width(100) + .border({ width: { left: 10 } }) + } + + Text('ScaleRing Progress - Left Border Width 10').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.ScaleRing }) + .width(100) + .border({ width: { left: 10 } }) + Progress({ value: 20, total: 150, type: ProgressType.ScaleRing }) + .color(Color.Grey).value(50).width(100) + .style({ strokeWidth: 15, scaleCount: 15, scaleWidth: 5 }) + .border({ width: { left: 10 } }) + } + + // scaleCount和scaleWidth效果对比 + Row({ space: 40 }) { + Progress({ value: 20, total: 150, type: ProgressType.ScaleRing }) + .color(Color.Grey).value(50).width(100) + .style({ strokeWidth: 20, scaleCount: 20, scaleWidth: 5 }) + .border({ width: { left: 10 } }) + Progress({ value: 20, total: 150, type: ProgressType.ScaleRing }) + .color(Color.Grey).value(50).width(100) + .style({ strokeWidth: 20, scaleCount: 30, scaleWidth: 3 }) + .border({ width: { left: 10 } }) + } + + Text('Ring Progress - Left Border Width 10').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.Ring }) + .width(100) + .border({ width: { left: 10 } }) + Progress({ value: 20, total: 150, type: ProgressType.Ring }) + .color(Color.Grey).value(50).width(100) + .style({ strokeWidth: 20 }) + .border({ width: { left: 10 } }) + } + + Text('Capsule Progress - Left Border Width 10').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.Capsule }) + .width(100).height(50) + .border({ width: { left: 10 } }) + Progress({ value: 20, total: 150, type: ProgressType.Capsule }) + .color(Color.Grey).value(50).width(100).height(50) + .border({ width: { left: 10 } }) + } + }.width('100%').margin({ top: 30 }) + } +} diff --git a/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/testability/pages/ProgressBorder/ProgressBorder0017.ets b/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/testability/pages/ProgressBorder/ProgressBorder0017.ets new file mode 100644 index 0000000000000000000000000000000000000000..bf3b37b50bb4e2695e4a2d203639ff8f99b8df20 --- /dev/null +++ b/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/testability/pages/ProgressBorder/ProgressBorder0017.ets @@ -0,0 +1,109 @@ +/** + * Copyright (c) 2025 Shenzhen Kaihong Digital Industry Development Co., Ltd. + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +@Entry +@Component +struct ProgressBorder0017 { + build() { + Column({ space: 15 }) { + Text('Linear Progress - right border width 10, no borderWidth').fontSize(9).fontColor(0xCCCCCC).width('90%') + Progress({ value: 10, type: ProgressType.Linear }) + .width(200) + .border({ + width: { right: 10 } + }) + + Progress({ value: 20, total: 150, type: ProgressType.Linear }) + .color(Color.Grey).value(50).width(200) + .border({ + width: { right: 10 } + }) + + Text('Eclipse Progress - right border width 10, no borderWidth').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.Eclipse }) + .width(100) + .border({ + width: { right: 10 } + }) + Progress({ value: 20, total: 150, type: ProgressType.Eclipse }) + .color(Color.Grey).value(50).width(100) + .border({ + width: { right: 10 } + }) + } + + Text('ScaleRing Progress - right border width 10, no borderWidth').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.ScaleRing }) + .width(100) + .border({ + width: { right: 10 } + }) + Progress({ value: 20, total: 150, type: ProgressType.ScaleRing }) + .color(Color.Grey).value(50).width(100) + .style({ strokeWidth: 15, scaleCount: 15, scaleWidth: 5 }) + .border({ + width: { right: 10 } + }) + } + + // scaleCount和scaleWidth效果对比 + Row({ space: 40 }) { + Progress({ value: 20, total: 150, type: ProgressType.ScaleRing }) + .color(Color.Grey).value(50).width(100) + .style({ strokeWidth: 20, scaleCount: 20, scaleWidth: 5 }) + .border({ + width: { right: 10 } + }) + Progress({ value: 20, total: 150, type: ProgressType.ScaleRing }) + .color(Color.Grey).value(50).width(100) + .style({ strokeWidth: 20, scaleCount: 30, scaleWidth: 3 }) + .border({ + width: { right: 10 } + }) + } + + Text('Ring Progress - right border width 10, no borderWidth').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.Ring }) + .width(100) + .border({ + width: { right: 10 } + }) + Progress({ value: 20, total: 150, type: ProgressType.Ring }) + .color(Color.Grey).value(50).width(100) + .style({ strokeWidth: 20 }) + .border({ + width: { right: 10 } + }) + } + + Text('Capsule Progress - right border width 10, no borderWidth').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.Capsule }) + .width(100).height(50) + .border({ + width: { right: 10 } + }) + Progress({ value: 20, total: 150, type: ProgressType.Capsule }) + .color(Color.Grey).value(50).width(100).height(50) + .border({ + width: { right: 10 } + }) + } + }.width('100%').margin({ top: 30 }) + } +} diff --git a/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/testability/pages/ProgressBorder/ProgressBorder0027.ets b/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/testability/pages/ProgressBorder/ProgressBorder0027.ets new file mode 100644 index 0000000000000000000000000000000000000000..ac97791e5cd508e1594345196627ca91f5727444 --- /dev/null +++ b/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/testability/pages/ProgressBorder/ProgressBorder0027.ets @@ -0,0 +1,109 @@ +/** + * Copyright (c) 2025 Shenzhen Kaihong Digital Industry Development Co., Ltd. + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +@Entry +@Component +struct ProgressBorder0027 { + build() { + Column({ space: 15 }) { + Text('Linear Progress - bottom border width 10, no borderWidth').fontSize(9).fontColor(0xCCCCCC).width('90%') + Progress({ value: 10, type: ProgressType.Linear }) + .width(200) + .border({ + width: { bottom: 10 } + }) + + Progress({ value: 20, total: 150, type: ProgressType.Linear }) + .color(Color.Grey).value(50).width(200) + .border({ + width: { bottom: 10 } + }) + + Text('Eclipse Progress - bottom border width 10, no borderWidth').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.Eclipse }) + .width(100) + .border({ + width: { bottom: 10 } + }) + Progress({ value: 20, total: 150, type: ProgressType.Eclipse }) + .color(Color.Grey).value(50).width(100) + .border({ + width: { bottom: 10 } + }) + } + + Text('ScaleRing Progress - bottom border width 10, no borderWidth').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.ScaleRing }) + .width(100) + .border({ + width: { bottom: 10 } + }) + Progress({ value: 20, total: 150, type: ProgressType.ScaleRing }) + .color(Color.Grey).value(50).width(100) + .style({ strokeWidth: 15, scaleCount: 15, scaleWidth: 5 }) + .border({ + width: { bottom: 10 } + }) + } + + // scaleCount和scaleWidth效果对比 + Row({ space: 40 }) { + Progress({ value: 20, total: 150, type: ProgressType.ScaleRing }) + .color(Color.Grey).value(50).width(100) + .style({ strokeWidth: 20, scaleCount: 20, scaleWidth: 5 }) + .border({ + width: { bottom: 10 } + }) + Progress({ value: 20, total: 150, type: ProgressType.ScaleRing }) + .color(Color.Grey).value(50).width(100) + .style({ strokeWidth: 20, scaleCount: 30, scaleWidth: 3 }) + .border({ + width: { bottom: 10 } + }) + } + + Text('Ring Progress - bottom border width 10, no borderWidth').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.Ring }) + .width(100) + .border({ + width: { bottom: 10 } + }) + Progress({ value: 20, total: 150, type: ProgressType.Ring }) + .color(Color.Grey).value(50).width(100) + .style({ strokeWidth: 20 }) + .border({ + width: { bottom: 10 } + }) + } + + Text('Capsule Progress - bottom border width 10, no borderWidth').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.Capsule }) + .width(100).height(50) + .border({ + width: { bottom: 10 } + }) + Progress({ value: 20, total: 150, type: ProgressType.Capsule }) + .color(Color.Grey).value(50).width(100).height(50) + .border({ + width: { bottom: 10 } + }) + } + }.width('100%').margin({ top: 30 }) + } +} diff --git a/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/testability/pages/ProgressBorder/ProgressBorder0031.ets b/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/testability/pages/ProgressBorder/ProgressBorder0031.ets new file mode 100644 index 0000000000000000000000000000000000000000..cd7a9bbdded7d0ae46d7d5147fed97749915e274 --- /dev/null +++ b/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/testability/pages/ProgressBorder/ProgressBorder0031.ets @@ -0,0 +1,85 @@ +/** + * Copyright (c) 2025 Shenzhen Kaihong Digital Industry Development Co., Ltd. + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +@Entry +@Component +struct ProgressBorder0031 { + build() { + Column({ space: 15 }) { + Text('Linear Progress - 4 Borders Width 10').fontSize(9).fontColor(0xCCCCCC).width('90%') + Progress({ value: 10, type: ProgressType.Linear }) + .width(200) + .border({ width: { left: 10, right: 10, top: 10, bottom: 10 } }) + + Progress({ value: 20, total: 150, type: ProgressType.Linear }) + .color(Color.Grey).value(50).width(200) + .border({ width: { left: 10, right: 10, top: 10, bottom: 10 } }) + + Text('Eclipse Progress - 4 Borders Width 10').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.Eclipse }) + .width(100) + .border({ width: { left: 10, right: 10, top: 10, bottom: 10 } }) + Progress({ value: 20, total: 150, type: ProgressType.Eclipse }) + .color(Color.Grey).value(50).width(100) + .border({ width: { left: 10, right: 10, top: 10, bottom: 10 } }) + } + + Text('ScaleRing Progress - 4 Borders Width 10').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.ScaleRing }) + .width(100) + .border({ width: { left: 10, right: 10, top: 10, bottom: 10 } }) + Progress({ value: 20, total: 150, type: ProgressType.ScaleRing }) + .color(Color.Grey).value(50).width(100) + .style({ strokeWidth: 15, scaleCount: 15, scaleWidth: 5 }) + .border({ width: { left: 10, right: 10, top: 10, bottom: 10 } }) + } + + // scaleCount和scaleWidth效果对比 + Row({ space: 40 }) { + Progress({ value: 20, total: 150, type: ProgressType.ScaleRing }) + .color(Color.Grey).value(50).width(100) + .style({ strokeWidth: 20, scaleCount: 20, scaleWidth: 5 }) + .border({ width: { left: 10, right: 10, top: 10, bottom: 10 } }) + Progress({ value: 20, total: 150, type: ProgressType.ScaleRing }) + .color(Color.Grey).value(50).width(100) + .style({ strokeWidth: 20, scaleCount: 30, scaleWidth: 3 }) + .border({ width: { left: 10, right: 10, top: 10, bottom: 10 } }) + } + + Text('Ring Progress - 4 Borders Width 10').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.Ring }) + .width(100) + .border({ width: { left: 10, right: 10, top: 10, bottom: 10 } }) + Progress({ value: 20, total: 150, type: ProgressType.Ring }) + .color(Color.Grey).value(50).width(100) + .style({ strokeWidth: 20 }) + .border({ width: { left: 10, right: 10, top: 10, bottom: 10 } }) + } + + Text('Capsule Progress - 4 Borders Width 10').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.Capsule }) + .width(100).height(50) + .border({ width: { left: 10, right: 10, top: 10, bottom: 10 } }) + Progress({ value: 20, total: 150, type: ProgressType.Capsule }) + .color(Color.Grey).value(50).width(100).height(50) + .border({ width: { left: 10, right: 10, top: 10, bottom: 10 } }) + } + }.width('100%').margin({ top: 30 }) + } +} diff --git a/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/testability/pages/ProgressBorder/ProgressBorder0032.ets b/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/testability/pages/ProgressBorder/ProgressBorder0032.ets new file mode 100644 index 0000000000000000000000000000000000000000..7d1fd9da383029940e3af14d0cdf309fa6e3df8b --- /dev/null +++ b/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/testability/pages/ProgressBorder/ProgressBorder0032.ets @@ -0,0 +1,121 @@ +/** + * Copyright (c) 2025 Shenzhen Kaihong Digital Industry Development Co., Ltd. + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +@Entry +@Component +struct ProgressBorder0032 { + build() { + Column({ space: 15 }) { + Text('Linear Progress - left border width 10, borderWidth 3').fontSize(9).fontColor(0xCCCCCC).width('90%') + Progress({ value: 10, type: ProgressType.Linear }) + .width(200) + .border({ + width: { left: 10 } + }) + .borderWidth(3) + + Progress({ value: 20, total: 150, type: ProgressType.Linear }) + .color(Color.Grey).value(50).width(200) + .border({ + width: { left: 10 } + }) + .borderWidth(3) + + Text('Eclipse Progress - left border width 10, borderWidth 3').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.Eclipse }) + .width(100) + .border({ + width: { left: 10 } + }) + .borderWidth(3) + Progress({ value: 20, total: 150, type: ProgressType.Eclipse }) + .color(Color.Grey).value(50).width(100) + .border({ + width: { left: 10 } + }) + .borderWidth(3) + } + + Text('ScaleRing Progress - left border width 10, borderWidth 3').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.ScaleRing }) + .width(100) + .border({ + width: { left: 10 } + }) + .borderWidth(3) + Progress({ value: 20, total: 150, type: ProgressType.ScaleRing }) + .color(Color.Grey).value(50).width(100) + .style({ strokeWidth: 15, scaleCount: 15, scaleWidth: 5 }) + .border({ + width: { left: 10 } + }) + .borderWidth(3) + } + + // scaleCount和scaleWidth效果对比 + Row({ space: 40 }) { + Progress({ value: 20, total: 150, type: ProgressType.ScaleRing }) + .color(Color.Grey).value(50).width(100) + .style({ strokeWidth: 20, scaleCount: 20, scaleWidth: 5 }) + .border({ + width: { left: 10 } + }) + .borderWidth(3) + Progress({ value: 20, total: 150, type: ProgressType.ScaleRing }) + .color(Color.Grey).value(50).width(100) + .style({ strokeWidth: 20, scaleCount: 30, scaleWidth: 3 }) + .border({ + width: { left: 10 } + }) + .borderWidth(3) + } + + Text('Ring Progress - left border width 10, borderWidth 3').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.Ring }) + .width(100) + .border({ + width: { left: 10 } + }) + .borderWidth(3) + Progress({ value: 20, total: 150, type: ProgressType.Ring }) + .color(Color.Grey).value(50).width(100) + .style({ strokeWidth: 20 }) + .border({ + width: { left: 10 } + }) + .borderWidth(3) + } + + Text('Capsule Progress - left border width 10, borderWidth 3').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.Capsule }) + .width(100).height(50) + .border({ + width: { left: 10 } + }) + .borderWidth(3) + Progress({ value: 20, total: 150, type: ProgressType.Capsule }) + .color(Color.Grey).value(50).width(100).height(50) + .border({ + width: { left: 10 } + }) + .borderWidth(3) + } + }.width('100%').margin({ top: 30 }) + } +} diff --git a/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/testability/pages/ProgressBorder/ProgressBorder0035.ets b/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/testability/pages/ProgressBorder/ProgressBorder0035.ets new file mode 100644 index 0000000000000000000000000000000000000000..8d36b5392fce4fe7f9ece37869952a79084fd2b6 --- /dev/null +++ b/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/testability/pages/ProgressBorder/ProgressBorder0035.ets @@ -0,0 +1,115 @@ +/** + * Copyright (c) 2025 Shenzhen Kaihong Digital Industry Development Co., Ltd. + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + + + +@Entry +@Component +struct ProgressBorder0035 { + build() { + Column({ space: 15 }) { + Text('Linear Progress with Border').fontSize(9).fontColor(0xCCCCCC).width('90%') + Progress({ value: 10, type: ProgressType.Linear }) + .width(200) + .border({ width: { right: 10 } }) + .borderWidth(3) + + Progress({ value: 20, total: 150, type: ProgressType.Linear }) + .color(Color.Grey) + .value(50) + .width(200) + .border({ width: { right: 10 } }) + .borderWidth(3) + + Text('Eclipse Progress with Border').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.Eclipse }) + .width(100) + .border({ width: { right: 10 } }) + .borderWidth(3) + Progress({ value: 20, total: 150, type: ProgressType.Eclipse }) + .color(Color.Grey) + .value(50) + .width(100) + .border({ width: { right: 10 } }) + .borderWidth(3) + } + + Text('ScaleRing Progress with Border').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.ScaleRing }) + .width(100) + .border({ width: { right: 10 } }) + .borderWidth(3) + Progress({ value: 20, total: 150, type: ProgressType.ScaleRing }) + .color(Color.Grey) + .value(50) + .width(100) + .style({ strokeWidth: 15, scaleCount: 15, scaleWidth: 5 }) + .border({ width: { right: 10 } }) + .borderWidth(3) + } + + // scaleCount和scaleWidth效果对比 + Row({ space: 40 }) { + Progress({ value: 20, total: 150, type: ProgressType.ScaleRing }) + .color(Color.Grey) + .value(50) + .width(100) + .style({ strokeWidth: 20, scaleCount: 20, scaleWidth: 5 }) + .border({ width: { right: 10 } }) + .borderWidth(3) + Progress({ value: 20, total: 150, type: ProgressType.ScaleRing }) + .color(Color.Grey) + .value(50) + .width(100) + .style({ strokeWidth: 20, scaleCount: 30, scaleWidth: 3 }) + .border({ width: { right: 10 } }) + .borderWidth(3) + } + + Text('Ring Progress with Border').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.Ring }) + .width(100) + .border({ width: { right: 10 } }) + .borderWidth(3) + Progress({ value: 20, total: 150, type: ProgressType.Ring }) + .color(Color.Grey) + .value(50) + .width(100) + .style({ strokeWidth: 20 }) + .border({ width: { right: 10 } }) + .borderWidth(3) + } + + Text('Capsule Progress with Border').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.Capsule }) + .width(100) + .height(50) + .border({ width: { right: 10 } }) + .borderWidth(3) + Progress({ value: 20, total: 150, type: ProgressType.Capsule }) + .color(Color.Grey) + .value(50) + .width(100) + .height(50) + .border({ width: { right: 10 } }) + .borderWidth(3) + } + }.width('100%').margin({ top: 30 }) + } +} diff --git a/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/testability/pages/ProgressBorder/ProgressBorder0041.ets b/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/testability/pages/ProgressBorder/ProgressBorder0041.ets new file mode 100644 index 0000000000000000000000000000000000000000..b48f41c99baf79b132c228b8e016c7f189618a82 --- /dev/null +++ b/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/testability/pages/ProgressBorder/ProgressBorder0041.ets @@ -0,0 +1,97 @@ +/** + * Copyright (c) 2025 Shenzhen Kaihong Digital Industry Development Co., Ltd. + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +@Entry +@Component +struct ProgressBorder0041 { + build() { + Column({ space: 15 }) { + Text('Linear Progress - Bottom border 10, borderWidth 3').fontSize(9).fontColor(0xCCCCCC).width('90%') + Progress({ value: 10, type: ProgressType.Linear }) + .width(200) + .border({ width: { bottom: 10 } }) + .borderWidth(3) + + Progress({ value: 20, total: 150, type: ProgressType.Linear }) + .color(Color.Grey).value(50).width(200) + .border({ width: { bottom: 10 } }) + .borderWidth(3) + + Text('Eclipse Progress - Bottom border 10, borderWidth 3').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.Eclipse }) + .width(100) + .border({ width: { bottom: 10 } }) + .borderWidth(3) + Progress({ value: 20, total: 150, type: ProgressType.Eclipse }) + .color(Color.Grey).value(50).width(100) + .border({ width: { bottom: 10 } }) + .borderWidth(3) + } + + Text('ScaleRing Progress - Bottom border 10, borderWidth 3').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.ScaleRing }) + .width(100) + .border({ width: { bottom: 10 } }) + .borderWidth(3) + Progress({ value: 20, total: 150, type: ProgressType.ScaleRing }) + .color(Color.Grey).value(50).width(100) + .style({ strokeWidth: 15, scaleCount: 15, scaleWidth: 5 }) + .border({ width: { bottom: 10 } }) + .borderWidth(3) + } + + // scaleCount和scaleWidth效果对比 + Row({ space: 40 }) { + Progress({ value: 20, total: 150, type: ProgressType.ScaleRing }) + .color(Color.Grey).value(50).width(100) + .style({ strokeWidth: 20, scaleCount: 20, scaleWidth: 5 }) + .border({ width: { bottom: 10 } }) + .borderWidth(3) + Progress({ value: 20, total: 150, type: ProgressType.ScaleRing }) + .color(Color.Grey).value(50).width(100) + .style({ strokeWidth: 20, scaleCount: 30, scaleWidth: 3 }) + .border({ width: { bottom: 10 } }) + .borderWidth(3) + } + + Text('Ring Progress - Bottom border 10, borderWidth 3').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.Ring }) + .width(100) + .border({ width: { bottom: 10 } }) + .borderWidth(3) + Progress({ value: 20, total: 150, type: ProgressType.Ring }) + .color(Color.Grey).value(50).width(100) + .style({ strokeWidth: 20 }) + .border({ width: { bottom: 10 } }) + .borderWidth(3) + } + + Text('Capsule Progress - Bottom border 10, borderWidth 3').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.Capsule }) + .width(100).height(50) + .border({ width: { bottom: 10 } }) + .borderWidth(3) + Progress({ value: 20, total: 150, type: ProgressType.Capsule }) + .color(Color.Grey).value(50).width(100).height(50) + .border({ width: { bottom: 10 } }) + .borderWidth(3) + } + }.width('100%').margin({ top: 30 }) + } +} diff --git a/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/testability/pages/ProgressBorder/ProgressBorder0042.ets b/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/testability/pages/ProgressBorder/ProgressBorder0042.ets new file mode 100644 index 0000000000000000000000000000000000000000..c494f8ffc89df0f5a3201849db1379dd2f50ddb8 --- /dev/null +++ b/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/testability/pages/ProgressBorder/ProgressBorder0042.ets @@ -0,0 +1,121 @@ +/** + * Copyright (c) 2025 Shenzhen Kaihong Digital Industry Development Co., Ltd. + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +@Entry +@Component +struct ProgressBorder0042 { + build() { + Column({ space: 15 }) { + Text('Linear Progress - bottom border width -10, borderWidth 3').fontSize(9).fontColor(0xCCCCCC).width('90%') + Progress({ value: 10, type: ProgressType.Linear }) + .width(200) + .border({ + width: { bottom: -10 } + }) + .borderWidth(3) + + Progress({ value: 20, total: 150, type: ProgressType.Linear }) + .color(Color.Grey).value(50).width(200) + .border({ + width: { bottom: -10 } + }) + .borderWidth(3) + + Text('Eclipse Progress - bottom border width -10, borderWidth 3').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.Eclipse }) + .width(100) + .border({ + width: { bottom: -10 } + }) + .borderWidth(3) + Progress({ value: 20, total: 150, type: ProgressType.Eclipse }) + .color(Color.Grey).value(50).width(100) + .border({ + width: { bottom: -10 } + }) + .borderWidth(3) + } + + Text('ScaleRing Progress - bottom border width -10, borderWidth 3').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.ScaleRing }) + .width(100) + .border({ + width: { bottom: -10 } + }) + .borderWidth(3) + Progress({ value: 20, total: 150, type: ProgressType.ScaleRing }) + .color(Color.Grey).value(50).width(100) + .style({ strokeWidth: 15, scaleCount: 15, scaleWidth: 5 }) + .border({ + width: { bottom: -10 } + }) + .borderWidth(3) + } + + // scaleCount和scaleWidth效果对比 + Row({ space: 40 }) { + Progress({ value: 20, total: 150, type: ProgressType.ScaleRing }) + .color(Color.Grey).value(50).width(100) + .style({ strokeWidth: 20, scaleCount: 20, scaleWidth: 5 }) + .border({ + width: { bottom: -10 } + }) + .borderWidth(3) + Progress({ value: 20, total: 150, type: ProgressType.ScaleRing }) + .color(Color.Grey).value(50).width(100) + .style({ strokeWidth: 20, scaleCount: 30, scaleWidth: 3 }) + .border({ + width: { bottom: -10 } + }) + .borderWidth(3) + } + + Text('Ring Progress - bottom border width -10, borderWidth 3').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.Ring }) + .width(100) + .border({ + width: { bottom: -10 } + }) + .borderWidth(3) + Progress({ value: 20, total: 150, type: ProgressType.Ring }) + .color(Color.Grey).value(50).width(100) + .style({ strokeWidth: 20 }) + .border({ + width: { bottom: -10 } + }) + .borderWidth(3) + } + + Text('Capsule Progress - bottom border width -10, borderWidth 3').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.Capsule }) + .width(100).height(50) + .border({ + width: { bottom: -10 } + }) + .borderWidth(3) + Progress({ value: 20, total: 150, type: ProgressType.Capsule }) + .color(Color.Grey).value(50).width(100).height(50) + .border({ + width: { bottom: -10 } + }) + .borderWidth(3) + } + }.width('100%').margin({ top: 30 }) + } +} diff --git a/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/testability/pages/ProgressBorder/ProgressBorder0043.ets b/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/testability/pages/ProgressBorder/ProgressBorder0043.ets new file mode 100644 index 0000000000000000000000000000000000000000..15b456a69d6b0f077dc3d2d0df18b91a727136e7 --- /dev/null +++ b/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/testability/pages/ProgressBorder/ProgressBorder0043.ets @@ -0,0 +1,121 @@ +/** + * Copyright (c) 2025 Shenzhen Kaihong Digital Industry Development Co., Ltd. + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +@Entry +@Component +struct ProgressBorder0043 { + build() { + Column({ space: 15 }) { + Text('Linear Progress - bottom border width > component width, borderWidth 3').fontSize(9).fontColor(0xCCCCCC).width('90%') + Progress({ value: 10, type: ProgressType.Linear }) + .width(200) + .border({ + width: { bottom: 250 } + }) + .borderWidth(3) + + Progress({ value: 20, total: 150, type: ProgressType.Linear }) + .color(Color.Grey).value(50).width(200) + .border({ + width: { bottom: 250 } + }) + .borderWidth(3) + + Text('Eclipse Progress - bottom border width > component width, borderWidth 3').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.Eclipse }) + .width(100) + .border({ + width: { bottom: 150 } + }) + .borderWidth(3) + Progress({ value: 20, total: 150, type: ProgressType.Eclipse }) + .color(Color.Grey).value(50).width(100) + .border({ + width: { bottom: 150 } + }) + .borderWidth(3) + } + + Text('ScaleRing Progress - bottom border width > component width, borderWidth 3').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.ScaleRing }) + .width(100) + .border({ + width: { bottom: 150 } + }) + .borderWidth(3) + Progress({ value: 20, total: 150, type: ProgressType.ScaleRing }) + .color(Color.Grey).value(50).width(100) + .style({ strokeWidth: 15, scaleCount: 15, scaleWidth: 5 }) + .border({ + width: { bottom: 150 } + }) + .borderWidth(3) + } + + // scaleCount和scaleWidth效果对比 + Row({ space: 40 }) { + Progress({ value: 20, total: 150, type: ProgressType.ScaleRing }) + .color(Color.Grey).value(50).width(100) + .style({ strokeWidth: 20, scaleCount: 20, scaleWidth: 5 }) + .border({ + width: { bottom: 150 } + }) + .borderWidth(3) + Progress({ value: 20, total: 150, type: ProgressType.ScaleRing }) + .color(Color.Grey).value(50).width(100) + .style({ strokeWidth: 20, scaleCount: 30, scaleWidth: 3 }) + .border({ + width: { bottom: 150 } + }) + .borderWidth(3) + } + + Text('Ring Progress - bottom border width > component width, borderWidth 3').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.Ring }) + .width(100) + .border({ + width: { bottom: 150 } + }) + .borderWidth(3) + Progress({ value: 20, total: 150, type: ProgressType.Ring }) + .color(Color.Grey).value(50).width(100) + .style({ strokeWidth: 20 }) + .border({ + width: { bottom: 150 } + }) + .borderWidth(3) + } + + Text('Capsule Progress - bottom border width > component width, borderWidth 3').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.Capsule }) + .width(100).height(50) + .border({ + width: { bottom: 150 } + }) + .borderWidth(3) + Progress({ value: 20, total: 150, type: ProgressType.Capsule }) + .color(Color.Grey).value(50).width(100).height(50) + .border({ + width: { bottom: 150 } + }) + .borderWidth(3) + } + }.width('100%').margin({ top: 30 }) + } +} diff --git a/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/testability/pages/ProgressBorder/ProgressBorder0044.ets b/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/testability/pages/ProgressBorder/ProgressBorder0044.ets new file mode 100644 index 0000000000000000000000000000000000000000..d3f4854ed29ea64e3e45729d7476991e0e5a0d5b --- /dev/null +++ b/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/testability/pages/ProgressBorder/ProgressBorder0044.ets @@ -0,0 +1,121 @@ +/** + * Copyright (c) 2025 Shenzhen Kaihong Digital Industry Development Co., Ltd. + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +@Entry +@Component +struct ProgressBorder0044 { + build() { + Column({ space: 15 }) { + Text('Linear Progress - 4 borders width < component width, borderWidth 3').fontSize(9).fontColor(0xCCCCCC).width('90%') + Progress({ value: 10, type: ProgressType.Linear }) + .width(200) + .border({ + width: { left: 8, right: 8, top: 8, bottom: 8 } + }) + .borderWidth(3) + + Progress({ value: 20, total: 150, type: ProgressType.Linear }) + .color(Color.Grey).value(50).width(200) + .border({ + width: { left: 8, right: 8, top: 8, bottom: 8 } + }) + .borderWidth(3) + + Text('Eclipse Progress - 4 borders width < component width, borderWidth 3').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.Eclipse }) + .width(100) + .border({ + width: { left: 5, right: 5, top: 5, bottom: 5 } + }) + .borderWidth(3) + Progress({ value: 20, total: 150, type: ProgressType.Eclipse }) + .color(Color.Grey).value(50).width(100) + .border({ + width: { left: 5, right: 5, top: 5, bottom: 5 } + }) + .borderWidth(3) + } + + Text('ScaleRing Progress - 4 borders width < component width, borderWidth 3').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.ScaleRing }) + .width(100) + .border({ + width: { left: 5, right: 5, top: 5, bottom: 5 } + }) + .borderWidth(3) + Progress({ value: 20, total: 150, type: ProgressType.ScaleRing }) + .color(Color.Grey).value(50).width(100) + .style({ strokeWidth: 15, scaleCount: 15, scaleWidth: 5 }) + .border({ + width: { left: 5, right: 5, top: 5, bottom: 5 } + }) + .borderWidth(3) + } + + // scaleCount和scaleWidth效果对比 + Row({ space: 40 }) { + Progress({ value: 20, total: 150, type: ProgressType.ScaleRing }) + .color(Color.Grey).value(50).width(100) + .style({ strokeWidth: 20, scaleCount: 20, scaleWidth: 5 }) + .border({ + width: { left: 5, right: 5, top: 5, bottom: 5 } + }) + .borderWidth(3) + Progress({ value: 20, total: 150, type: ProgressType.ScaleRing }) + .color(Color.Grey).value(50).width(100) + .style({ strokeWidth: 20, scaleCount: 30, scaleWidth: 3 }) + .border({ + width: { left: 5, right: 5, top: 5, bottom: 5 } + }) + .borderWidth(3) + } + + Text('Ring Progress - 4 borders width < component width, borderWidth 3').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.Ring }) + .width(100) + .border({ + width: { left: 5, right: 5, top: 5, bottom: 5 } + }) + .borderWidth(3) + Progress({ value: 20, total: 150, type: ProgressType.Ring }) + .color(Color.Grey).value(50).width(100) + .style({ strokeWidth: 20 }) + .border({ + width: { left: 5, right: 5, top: 5, bottom: 5 } + }) + .borderWidth(3) + } + + Text('Capsule Progress - 4 borders width < component width, borderWidth 3').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.Capsule }) + .width(100).height(50) + .border({ + width: { left: 5, right: 5, top: 5, bottom: 5 } + }) + .borderWidth(3) + Progress({ value: 20, total: 150, type: ProgressType.Capsule }) + .color(Color.Grey).value(50).width(100).height(50) + .border({ + width: { left: 5, right: 5, top: 5, bottom: 5 } + }) + .borderWidth(3) + } + }.width('100%').margin({ top: 30 }) + } +} diff --git a/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/testability/pages/ProgressBorder/ProgressBorder0066.ets b/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/testability/pages/ProgressBorder/ProgressBorder0066.ets new file mode 100644 index 0000000000000000000000000000000000000000..0188a8452c9dadd41b9d041024833e2797213ba7 --- /dev/null +++ b/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/testability/pages/ProgressBorder/ProgressBorder0066.ets @@ -0,0 +1,85 @@ +/** + * Copyright (c) 2025 Shenzhen Kaihong Digital Industry Development Co., Ltd. + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +@Entry +@Component +struct ProgressBorder0066 { + build() { + Column({ space: 15 }) { + Text('Linear Progress - start/end/top/bottom borders (No borderWidth)').fontSize(9).fontColor(0xCCCCCC).width('90%') + Progress({ value: 10, type: ProgressType.Linear }) + .width(200) + .border({ width: { left: 8 , right: 8 , top: 8 , bottom: 8 } }) + + Progress({ value: 20, total: 150, type: ProgressType.Linear }) + .color(Color.Grey).value(50).width(200) + .border({ width: { left: 8 , right: 8 , top: 8 , bottom: 8 } }) + + Text('Eclipse Progress - start/end/top/bottom borders (No borderWidth)').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.Eclipse }) + .width(100) + .border({ width: { left: 8 , right: 8 , top: 8 , bottom: 8 } }) + Progress({ value: 20, total: 150, type: ProgressType.Eclipse }) + .color(Color.Grey).value(50).width(100) + .border({ width: { left: 8 , right: 8 , top: 8 , bottom: 8 } }) + } + + Text('ScaleRing Progress - start/end/top/bottom borders (No borderWidth)').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.ScaleRing }) + .width(100) + .border({ width: { left: 8 , right: 8 , top: 8 , bottom: 8 } }) + Progress({ value: 20, total: 150, type: ProgressType.ScaleRing }) + .color(Color.Grey).value(50).width(100) + .style({ strokeWidth: 15, scaleCount: 15, scaleWidth: 5 }) + .border({ width: { left: 8 , right: 8 , top: 8 , bottom: 8 } }) + } + + // scaleCount和scaleWidth效果对比 + Row({ space: 40 }) { + Progress({ value: 20, total: 150, type: ProgressType.ScaleRing }) + .color(Color.Grey).value(50).width(100) + .style({ strokeWidth: 20, scaleCount: 20, scaleWidth: 5 }) + .border({ width: { left: 8 , right: 8 , top: 8 , bottom: 8 } }) + Progress({ value: 20, total: 150, type: ProgressType.ScaleRing }) + .color(Color.Grey).value(50).width(100) + .style({ strokeWidth: 20, scaleCount: 30, scaleWidth: 3 }) + .border({ width: { left: 8 , right: 8 , top: 8 , bottom: 8 } }) + } + + Text('Ring Progress - start/end/top/bottom borders (No borderWidth)').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.Ring }) + .width(100) + .border({ width: { left: 8 , right: 8 , top: 8 , bottom: 8 } }) + Progress({ value: 20, total: 150, type: ProgressType.Ring }) + .color(Color.Grey).value(50).width(100) + .style({ strokeWidth: 20 }) + .border({ width: { left: 8 , right: 8 , top: 8 , bottom: 8 } }) + } + + Text('Capsule Progress - start/end/top/bottom borders (No borderWidth)').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.Capsule }) + .width(100).height(50) + .border({ width: { left: 8 , right: 8 , top: 8 , bottom: 8 } }) + Progress({ value: 20, total: 150, type: ProgressType.Capsule }) + .color(Color.Grey).value(50).width(100).height(50) + .border({ width: { left: 8 , right: 8 , top: 8 , bottom: 8 } }) + } + }.width('100%').margin({ top: 30 }) + } +} diff --git a/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/testability/pages/ProgressBorder/ProgressBorder0067.ets b/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/testability/pages/ProgressBorder/ProgressBorder0067.ets new file mode 100644 index 0000000000000000000000000000000000000000..447b773022a81770478a462d100891db7641bb96 --- /dev/null +++ b/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/testability/pages/ProgressBorder/ProgressBorder0067.ets @@ -0,0 +1,84 @@ +/** + * Copyright (c) 2025 Shenzhen Kaihong Digital Industry Development Co., Ltd. + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +@Entry +@Component +struct ProgressBorder0067 { + build() { + Column({ space: 15 }) { + Text('Linear Progress - start/end/top/bottom borders (With borderWidth)').fontSize(9).fontColor(0xCCCCCC).width('90%') + Progress({ value: 10, type: ProgressType.Linear }) + .width(200) + .border({ width: { start:{value:10,unit:1} } }) + .borderWidth(3) + + Progress({ value: 20, total: 150, type: ProgressType.Linear }) + .color(Color.Grey).value(50).width(200) + .border({ width: { start:{value:10,unit:1} } }) + .borderWidth(3) + + Text('Eclipse Progress - start/end/top/bottom borders (With borderWidth)').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.Eclipse }) + .width(100) + .border({ width: { start:{value:10,unit:1} } }) + .borderWidth(3) + Progress({ value: 20, total: 150, type: ProgressType.Eclipse }) + .color(Color.Grey).value(50).width(100) + .border({ width: { start:{value:10,unit:1} } }) + .borderWidth(3) + } + + Text('ScaleRing Progress - start/end/top/bottom borders (With borderWidth)').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.ScaleRing }) + .width(100) + .border({ width: { start:{value:10,unit:1} } }) + .borderWidth(3) + Progress({ value: 20, total: 150, type: ProgressType.ScaleRing }) + .color(Color.Grey).value(50).width(100) + .style({ strokeWidth: 15, scaleCount: 15, scaleWidth: 5 }) + .border({ width: { start:{value:10,unit:1} } }) + .borderWidth(3) + } + + + Text('Ring Progress - start/end/top/bottom borders (With borderWidth)').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.Ring }) + .width(100) + .border({ width: { start:{value:10,unit:1} } }) + .borderWidth(3) + Progress({ value: 20, total: 150, type: ProgressType.Ring }) + .color(Color.Grey).value(50).width(100) + .style({ strokeWidth: 20 }) + .border({ width: { start:{value:10,unit:1} } }) + .borderWidth(3) + } + + Text('Capsule Progress - start/end/top/bottom borders (With borderWidth)').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.Capsule }) + .width(100).height(50) + .border({ width: { start:{value:10,unit:1} } }) + .borderWidth(3) + Progress({ value: 20, total: 150, type: ProgressType.Capsule }) + .color(Color.Grey).value(50).width(100).height(50) + .border({ width: { start:{value:10,unit:1} } }) + .borderWidth(3) + } + }.width('100%').margin({ top: 30 }) + } +} diff --git a/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/testability/pages/ProgressBorder/ProgressBorder0073.ets b/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/testability/pages/ProgressBorder/ProgressBorder0073.ets new file mode 100644 index 0000000000000000000000000000000000000000..e93d206ab82297d858e47639db4c4972ddda8d40 --- /dev/null +++ b/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/testability/pages/ProgressBorder/ProgressBorder0073.ets @@ -0,0 +1,97 @@ +/** + * Copyright (c) 2025 Shenzhen Kaihong Digital Industry Development Co., Ltd. + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +@Entry +@Component +struct ProgressBorder0073 { + build() { + Column({ space: 15 }) { + Text('Linear Progress - LocalizedEdgeWidths.top 10, borderWidth 3').fontSize(9).fontColor(0xCCCCCC).width('90%') + Progress({ value: 10, type: ProgressType.Linear }) + .width(200) + .border({ width: { top: 10 } }) + .borderWidth(3) + + Progress({ value: 20, total: 150, type: ProgressType.Linear }) + .color(Color.Grey).value(50).width(200) + .border({ width: { top: 10 } }) + .borderWidth(3) + + Text('Eclipse Progress - LocalizedEdgeWidths.top 10, borderWidth 3').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.Eclipse }) + .width(100) + .border({ width: { top: 10 } }) + .borderWidth(3) + Progress({ value: 20, total: 150, type: ProgressType.Eclipse }) + .color(Color.Grey).value(50).width(100) + .border({ width: { top: 10 } }) + .borderWidth(3) + } + + Text('ScaleRing Progress - LocalizedEdgeWidths.top 10, borderWidth 3').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.ScaleRing }) + .width(100) + .border({ width: { top: 10 } }) + .borderWidth(3) + Progress({ value: 20, total: 150, type: ProgressType.ScaleRing }) + .color(Color.Grey).value(50).width(100) + .style({ strokeWidth: 15, scaleCount: 15, scaleWidth: 5 }) + .border({ width: { top: 10 } }) + .borderWidth(3) + } + + // scaleCount和scaleWidth效果对比 + Row({ space: 40 }) { + Progress({ value: 20, total: 150, type: ProgressType.ScaleRing }) + .color(Color.Grey).value(50).width(100) + .style({ strokeWidth: 20, scaleCount: 20, scaleWidth: 5 }) + .border({ width: { top: 10 } }) + .borderWidth(3) + Progress({ value: 20, total: 150, type: ProgressType.ScaleRing }) + .color(Color.Grey).value(50).width(100) + .style({ strokeWidth: 20, scaleCount: 30, scaleWidth: 3 }) + .border({ width: { top: 10 } }) + .borderWidth(3) + } + + Text('Ring Progress - LocalizedEdgeWidths.top 10, borderWidth 3').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.Ring }) + .width(100) + .border({ width: { top: 10 } }) + .borderWidth(3) + Progress({ value: 20, total: 150, type: ProgressType.Ring }) + .color(Color.Grey).value(50).width(100) + .style({ strokeWidth: 20 }) + .border({ width: { top: 10 } }) + .borderWidth(3) + } + + Text('Capsule Progress - LocalizedEdgeWidths.top 10, borderWidth 3').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.Capsule }) + .width(100).height(50) + .border({ width: { top: 10 } }) + .borderWidth(3) + Progress({ value: 20, total: 150, type: ProgressType.Capsule }) + .color(Color.Grey).value(50).width(100).height(50) + .border({ width: { top: 10 } }) + .borderWidth(3) + } + }.width('100%').margin({ top: 30 }) + } +} diff --git a/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/testability/pages/ProgressBorder/ProgressBorder0076.ets b/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/testability/pages/ProgressBorder/ProgressBorder0076.ets new file mode 100644 index 0000000000000000000000000000000000000000..ac7f95c55b47ad06ee38daa179b6ce655c6d33bc --- /dev/null +++ b/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/testability/pages/ProgressBorder/ProgressBorder0076.ets @@ -0,0 +1,97 @@ +/** + * Copyright (c) 2025 Shenzhen Kaihong Digital Industry Development Co., Ltd. + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +@Entry +@Component +struct ProgressBorder0076 { + build() { + Column({ space: 15 }) { + Text('Linear Progress - LocalizedEdgeWidths.bottom 10, borderWidth 3').fontSize(9).fontColor(0xCCCCCC).width('90%') + Progress({ value: 10, type: ProgressType.Linear }) + .width(200) + .border({ width: { bottom: 10 } }) + .borderWidth(3) + + Progress({ value: 20, total: 150, type: ProgressType.Linear }) + .color(Color.Grey).value(50).width(200) + .border({ width: { bottom: 10 } }) + .borderWidth(3) + + Text('Eclipse Progress - LocalizedEdgeWidths.bottom 10, borderWidth 3').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.Eclipse }) + .width(100) + .border({ width: { bottom: 10 } }) + .borderWidth(3) + Progress({ value: 20, total: 150, type: ProgressType.Eclipse }) + .color(Color.Grey).value(50).width(100) + .border({ width: { bottom: 10 } }) + .borderWidth(3) + } + + Text('ScaleRing Progress - LocalizedEdgeWidths.bottom 10, borderWidth 3').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.ScaleRing }) + .width(100) + .border({ width: { bottom: 10 } }) + .borderWidth(3) + Progress({ value: 20, total: 150, type: ProgressType.ScaleRing }) + .color(Color.Grey).value(50).width(100) + .style({ strokeWidth: 15, scaleCount: 15, scaleWidth: 5 }) + .border({ width: { bottom: 10 } }) + .borderWidth(3) + } + + // scaleCount和scaleWidth效果对比 + Row({ space: 40 }) { + Progress({ value: 20, total: 150, type: ProgressType.ScaleRing }) + .color(Color.Grey).value(50).width(100) + .style({ strokeWidth: 20, scaleCount: 20, scaleWidth: 5 }) + .border({ width: { bottom: 10 } }) + .borderWidth(3) + Progress({ value: 20, total: 150, type: ProgressType.ScaleRing }) + .color(Color.Grey).value(50).width(100) + .style({ strokeWidth: 20, scaleCount: 30, scaleWidth: 3 }) + .border({ width: { bottom: 10 } }) + .borderWidth(3) + } + + Text('Ring Progress - LocalizedEdgeWidths.bottom 10, borderWidth 3').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.Ring }) + .width(100) + .border({ width: { bottom: 10 } }) + .borderWidth(3) + Progress({ value: 20, total: 150, type: ProgressType.Ring }) + .color(Color.Grey).value(50).width(100) + .style({ strokeWidth: 20 }) + .border({ width: { bottom: 10 } }) + .borderWidth(3) + } + + Text('Capsule Progress - LocalizedEdgeWidths.bottom 10, borderWidth 3').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.Capsule }) + .width(100).height(50) + .border({ width: { bottom: 10 } }) + .borderWidth(3) + Progress({ value: 20, total: 150, type: ProgressType.Capsule }) + .color(Color.Grey).value(50).width(100).height(50) + .border({ width: { bottom: 10 } }) + .borderWidth(3) + } + }.width('100%').margin({ top: 30 }) + } +} diff --git a/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/testability/pages/ProgressBorder/ProgressBorder0079.ets b/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/testability/pages/ProgressBorder/ProgressBorder0079.ets new file mode 100644 index 0000000000000000000000000000000000000000..1ad206a8651527a3803d5f6df4a13035572b364c --- /dev/null +++ b/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/testability/pages/ProgressBorder/ProgressBorder0079.ets @@ -0,0 +1,85 @@ +/** + * Copyright (c) 2025 Shenzhen Kaihong Digital Industry Development Co., Ltd. + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +@Entry +@Component +struct ProgressBorder0079 { + build() { + Column({ space: 15 }) { + Text('Linear Progress - left/right/top/bottom borders (No borderWidth)').fontSize(9).fontColor(0xCCCCCC).width('90%') + Progress({ value: 10, type: ProgressType.Linear }) + .width(200) + .border({ width: { left: 8 as Length, right: 8 as Length, top: 8 as Length, bottom: 8 as Length } }) + + Progress({ value: 20, total: 150, type: ProgressType.Linear }) + .color(Color.Grey).value(50).width(200) + .border({ width: { left: 8 as Length, right: 8 as Length, top: 8 as Length, bottom: 8 as Length } }) + + Text('Eclipse Progress - left/right/top/bottom borders (No borderWidth)').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.Eclipse }) + .width(100) + .border({ width: { left: 8 as Length, right: 8 as Length, top: 8 as Length, bottom: 8 as Length } }) + Progress({ value: 20, total: 150, type: ProgressType.Eclipse }) + .color(Color.Grey).value(50).width(100) + .border({ width: { left: 8 as Length, right: 8 as Length, top: 8 as Length, bottom: 8 as Length } }) + } + + Text('ScaleRing Progress - left/right/top/bottom borders (No borderWidth)').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.ScaleRing }) + .width(100) + .border({ width: { left: 8 as Length, right: 8 as Length, top: 8 as Length, bottom: 8 as Length } }) + Progress({ value: 20, total: 150, type: ProgressType.ScaleRing }) + .color(Color.Grey).value(50).width(100) + .style({ strokeWidth: 15, scaleCount: 15, scaleWidth: 5 }) + .border({ width: { left: 8 as Length, right: 8 as Length, top: 8 as Length, bottom: 8 as Length } }) + } + + // scaleCount和scaleWidth效果对比 + Row({ space: 40 }) { + Progress({ value: 20, total: 150, type: ProgressType.ScaleRing }) + .color(Color.Grey).value(50).width(100) + .style({ strokeWidth: 20, scaleCount: 20, scaleWidth: 5 }) + .border({ width: { left: 8 as Length, right: 8 as Length, top: 8 as Length, bottom: 8 as Length } }) + Progress({ value: 20, total: 150, type: ProgressType.ScaleRing }) + .color(Color.Grey).value(50).width(100) + .style({ strokeWidth: 20, scaleCount: 30, scaleWidth: 3 }) + .border({ width: { left: 8 as Length, right: 8 as Length, top: 8 as Length, bottom: 8 as Length } }) + } + + Text('Ring Progress - left/right/top/bottom borders (No borderWidth)').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.Ring }) + .width(100) + .border({ width: { left: 8 as Length, right: 8 as Length, top: 8 as Length, bottom: 8 as Length } }) + Progress({ value: 20, total: 150, type: ProgressType.Ring }) + .color(Color.Grey).value(50).width(100) + .style({ strokeWidth: 20 }) + .border({ width: { left: 8 as Length, right: 8 as Length, top: 8 as Length, bottom: 8 as Length } }) + } + + Text('Capsule Progress - left/right/top/bottom borders (No borderWidth)').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.Capsule }) + .width(100).height(50) + .border({ width: { left: 8 as Length, right: 8 as Length, top: 8 as Length, bottom: 8 as Length } }) + Progress({ value: 20, total: 150, type: ProgressType.Capsule }) + .color(Color.Grey).value(50).width(100).height(50) + .border({ width: { left: 8 as Length, right: 8 as Length, top: 8 as Length, bottom: 8 as Length } }) + } + }.width('100%').margin({ top: 30 }) + } +} diff --git a/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/testability/pages/ProgressBorder/ProgressBorder0085.ets b/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/testability/pages/ProgressBorder/ProgressBorder0085.ets new file mode 100644 index 0000000000000000000000000000000000000000..f3cc6c932103b43bf07ff94f19082ea6262ae75c --- /dev/null +++ b/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/testability/pages/ProgressBorder/ProgressBorder0085.ets @@ -0,0 +1,85 @@ +/** + * Copyright (c) 2025 Shenzhen Kaihong Digital Industry Development Co., Ltd. + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +@Entry +@Component +struct ProgressBorder0085 { + build() { + Column({ space: 15 }) { + Text('Linear Progress - No borderStyle').fontSize(9).fontColor(0xCCCCCC).width('90%') + Progress({ value: 10, type: ProgressType.Linear }) + .width(200) + .border({ width: { left: 5, right: 5, top: 5, bottom: 5 } }) + + Progress({ value: 20, total: 150, type: ProgressType.Linear }) + .color(Color.Grey).value(50).width(200) + .border({ width: { left: 5, right: 5, top: 5, bottom: 5 } }) + + Text('Eclipse Progress - No borderStyle').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.Eclipse }) + .width(100) + .border({ width: { left: 5, right: 5, top: 5, bottom: 5 } }) + Progress({ value: 20, total: 150, type: ProgressType.Eclipse }) + .color(Color.Grey).value(50).width(100) + .border({ width: { left: 5, right: 5, top: 5, bottom: 5 } }) + } + + Text('ScaleRing Progress - No borderStyle').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.ScaleRing }) + .width(100) + .border({ width: { left: 5, right: 5, top: 5, bottom: 5 } }) + Progress({ value: 20, total: 150, type: ProgressType.ScaleRing }) + .color(Color.Grey).value(50).width(100) + .style({ strokeWidth: 15, scaleCount: 15, scaleWidth: 5 }) + .border({ width: { left: 5, right: 5, top: 5, bottom: 5 } }) + } + + // scaleCount和scaleWidth效果对比 + Row({ space: 40 }) { + Progress({ value: 20, total: 150, type: ProgressType.ScaleRing }) + .color(Color.Grey).value(50).width(100) + .style({ strokeWidth: 20, scaleCount: 20, scaleWidth: 5 }) + .border({ width: { left: 5, right: 5, top: 5, bottom: 5 } }) + Progress({ value: 20, total: 150, type: ProgressType.ScaleRing }) + .color(Color.Grey).value(50).width(100) + .style({ strokeWidth: 20, scaleCount: 30, scaleWidth: 3 }) + .border({ width: { left: 5, right: 5, top: 5, bottom: 5 } }) + } + + Text('Ring Progress - No borderStyle').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.Ring }) + .width(100) + .border({ width: { left: 5, right: 5, top: 5, bottom: 5 } }) + Progress({ value: 20, total: 150, type: ProgressType.Ring }) + .color(Color.Grey).value(50).width(100) + .style({ strokeWidth: 20 }) + .border({ width: { left: 5, right: 5, top: 5, bottom: 5 } }) + } + + Text('Capsule Progress - No borderStyle').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.Capsule }) + .width(100).height(50) + .border({ width: { left: 5, right: 5, top: 5, bottom: 5 } }) + Progress({ value: 20, total: 150, type: ProgressType.Capsule }) + .color(Color.Grey).value(50).width(100).height(50) + .border({ width: { left: 5, right: 5, top: 5, bottom: 5 } }) + } + }.width('100%').margin({ top: 30 }) + } +} diff --git a/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/testability/pages/ProgressBorder/ProgressBorder0090.ets b/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/testability/pages/ProgressBorder/ProgressBorder0090.ets new file mode 100644 index 0000000000000000000000000000000000000000..02a6c9e761d335ade34e33327efffb7faba9a819 --- /dev/null +++ b/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/testability/pages/ProgressBorder/ProgressBorder0090.ets @@ -0,0 +1,121 @@ +/** + * Copyright (c) 2025 Shenzhen Kaihong Digital Industry Development Co., Ltd. + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +@Entry +@Component +struct ProgressBorder0090 { + build() { + Column({ space: 15 }) { + Text('Linear Progress - Border Styles (Dotted, Dashed, Solid)').fontSize(9).fontColor(0xCCCCCC).width('90%') + Progress({ value: 10, type: ProgressType.Linear }) + .width(200) + .border({ + width: { left: 5, right: 5, top: 5, bottom: 5 }, + style: { left: BorderStyle.Dotted, right: BorderStyle.Dashed, top: BorderStyle.Solid, bottom: BorderStyle.Dotted } + }) + + Progress({ value: 20, total: 150, type: ProgressType.Linear }) + .color(Color.Grey).value(50).width(200) + .border({ + width: { left: 5, right: 5, top: 5, bottom: 5 }, + style: { left: BorderStyle.Dashed, right: BorderStyle.Solid, top: BorderStyle.Dotted, bottom: BorderStyle.Dashed } + }) + + Text('Eclipse Progress - Border Styles (Dotted, Dashed, Solid)').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.Eclipse }) + .width(100) + .border({ + width: { left: 5, right: 5, top: 5, bottom: 5 }, + style: { left: BorderStyle.Solid, right: BorderStyle.Dotted, top: BorderStyle.Dashed, bottom: BorderStyle.Solid } + }) + Progress({ value: 20, total: 150, type: ProgressType.Eclipse }) + .color(Color.Grey).value(50).width(100) + .border({ + width: { left: 5, right: 5, top: 5, bottom: 5 }, + style: { left: BorderStyle.Dotted, right: BorderStyle.Dashed, top: BorderStyle.Solid, bottom: BorderStyle.Dotted } + }) + } + + Text('ScaleRing Progress - Border Styles (Dotted, Dashed, Solid)').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.ScaleRing }) + .width(100) + .border({ + width: { left: 5, right: 5, top: 5, bottom: 5 }, + style: { left: BorderStyle.Dashed, right: BorderStyle.Solid, top: BorderStyle.Dotted, bottom: BorderStyle.Dashed } + }) + Progress({ value: 20, total: 150, type: ProgressType.ScaleRing }) + .color(Color.Grey).value(50).width(100) + .style({ strokeWidth: 15, scaleCount: 15, scaleWidth: 5 }) + .border({ + width: { left: 5, right: 5, top: 5, bottom: 5 }, + style: { left: BorderStyle.Solid, right: BorderStyle.Dotted, top: BorderStyle.Dashed, bottom: BorderStyle.Solid } + }) + } + + // scaleCount和scaleWidth效果对比 + Row({ space: 40 }) { + Progress({ value: 20, total: 150, type: ProgressType.ScaleRing }) + .color(Color.Grey).value(50).width(100) + .style({ strokeWidth: 20, scaleCount: 20, scaleWidth: 5 }) + .border({ + width: { left: 5, right: 5, top: 5, bottom: 5 }, + style: { left: BorderStyle.Dotted, right: BorderStyle.Dashed, top: BorderStyle.Solid, bottom: BorderStyle.Dotted } + }) + Progress({ value: 20, total: 150, type: ProgressType.ScaleRing }) + .color(Color.Grey).value(50).width(100) + .style({ strokeWidth: 20, scaleCount: 30, scaleWidth: 3 }) + .border({ + width: { left: 5, right: 5, top: 5, bottom: 5 }, + style: { left: BorderStyle.Dashed, right: BorderStyle.Solid, top: BorderStyle.Dotted, bottom: BorderStyle.Dashed } + }) + } + + Text('Ring Progress - Border Styles (Dotted, Dashed, Solid)').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.Ring }) + .width(100) + .border({ + width: { left: 5, right: 5, top: 5, bottom: 5 }, + style: { left: BorderStyle.Solid, right: BorderStyle.Dotted, top: BorderStyle.Dashed, bottom: BorderStyle.Solid } + }) + Progress({ value: 20, total: 150, type: ProgressType.Ring }) + .color(Color.Grey).value(50).width(100) + .style({ strokeWidth: 20 }) + .border({ + width: { left: 5, right: 5, top: 5, bottom: 5 }, + style: { left: BorderStyle.Dotted, right: BorderStyle.Dashed, top: BorderStyle.Solid, bottom: BorderStyle.Dotted } + }) + } + + Text('Capsule Progress - Border Styles (Dotted, Dashed, Solid)').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.Capsule }) + .width(100).height(50) + .border({ + width: { left: 5, right: 5, top: 5, bottom: 5 }, + style: { left: BorderStyle.Dashed, right: BorderStyle.Solid, top: BorderStyle.Dotted, bottom: BorderStyle.Dashed } + }) + Progress({ value: 20, total: 150, type: ProgressType.Capsule }) + .color(Color.Grey).value(50).width(100).height(50) + .border({ + width: { left: 5, right: 5, top: 5, bottom: 5 }, + style: { left: BorderStyle.Solid, right: BorderStyle.Dotted, top: BorderStyle.Dashed, bottom: BorderStyle.Solid } + }) + } + }.width('100%').margin({ top: 30 }) + } +} diff --git a/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/testability/pages/ProgressBorder/ProgressBorder0091.ets b/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/testability/pages/ProgressBorder/ProgressBorder0091.ets new file mode 100644 index 0000000000000000000000000000000000000000..e6c6cef970f7dabc0e7909e3bed92fa6dc400aec --- /dev/null +++ b/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/testability/pages/ProgressBorder/ProgressBorder0091.ets @@ -0,0 +1,121 @@ +/** + * Copyright (c) 2025 Shenzhen Kaihong Digital Industry Development Co., Ltd. + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +@Entry +@Component +struct ProgressBorder0091 { + build() { + Column({ space: 15 }) { + Text('Linear Progress - left/right Dotted, top/bottom Dashed').fontSize(9).fontColor(0xCCCCCC).width('90%') + Progress({ value: 10, type: ProgressType.Linear }) + .width(200) + .border({ + width: { left: 5, right: 5, top: 5, bottom: 5 }, + style: { left: BorderStyle.Dotted, right: BorderStyle.Dotted, top: BorderStyle.Dashed, bottom: BorderStyle.Dashed } + }) + + Progress({ value: 20, total: 150, type: ProgressType.Linear }) + .color(Color.Grey).value(50).width(200) + .border({ + width: { left: 5, right: 5, top: 5, bottom: 5 }, + style: { left: BorderStyle.Dotted, right: BorderStyle.Dotted, top: BorderStyle.Dashed, bottom: BorderStyle.Dashed } + }) + + Text('Eclipse Progress - left/right Dotted, top/bottom Dashed').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.Eclipse }) + .width(100) + .border({ + width: { left: 5, right: 5, top: 5, bottom: 5 }, + style: { left: BorderStyle.Dotted, right: BorderStyle.Dotted, top: BorderStyle.Dashed, bottom: BorderStyle.Dashed } + }) + Progress({ value: 20, total: 150, type: ProgressType.Eclipse }) + .color(Color.Grey).value(50).width(100) + .border({ + width: { left: 5, right: 5, top: 5, bottom: 5 }, + style: { left: BorderStyle.Dotted, right: BorderStyle.Dotted, top: BorderStyle.Dashed, bottom: BorderStyle.Dashed } + }) + } + + Text('ScaleRing Progress - left/right Dotted, top/bottom Dashed').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.ScaleRing }) + .width(100) + .border({ + width: { left: 5, right: 5, top: 5, bottom: 5 }, + style: { left: BorderStyle.Dotted, right: BorderStyle.Dotted, top: BorderStyle.Dashed, bottom: BorderStyle.Dashed } + }) + Progress({ value: 20, total: 150, type: ProgressType.ScaleRing }) + .color(Color.Grey).value(50).width(100) + .style({ strokeWidth: 15, scaleCount: 15, scaleWidth: 5 }) + .border({ + width: { left: 5, right: 5, top: 5, bottom: 5 }, + style: { left: BorderStyle.Dotted, right: BorderStyle.Dotted, top: BorderStyle.Dashed, bottom: BorderStyle.Dashed } + }) + } + + // scaleCount和scaleWidth效果对比 + Row({ space: 40 }) { + Progress({ value: 20, total: 150, type: ProgressType.ScaleRing }) + .color(Color.Grey).value(50).width(100) + .style({ strokeWidth: 20, scaleCount: 20, scaleWidth: 5 }) + .border({ + width: { left: 5, right: 5, top: 5, bottom: 5 }, + style: { left: BorderStyle.Dotted, right: BorderStyle.Dotted, top: BorderStyle.Dashed, bottom: BorderStyle.Dashed } + }) + Progress({ value: 20, total: 150, type: ProgressType.ScaleRing }) + .color(Color.Grey).value(50).width(100) + .style({ strokeWidth: 20, scaleCount: 30, scaleWidth: 3 }) + .border({ + width: { left: 5, right: 5, top: 5, bottom: 5 }, + style: { left: BorderStyle.Dotted, right: BorderStyle.Dotted, top: BorderStyle.Dashed, bottom: BorderStyle.Dashed } + }) + } + + Text('Ring Progress - left/right Dotted, top/bottom Dashed').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.Ring }) + .width(100) + .border({ + width: { left: 5, right: 5, top: 5, bottom: 5 }, + style: { left: BorderStyle.Dotted, right: BorderStyle.Dotted, top: BorderStyle.Dashed, bottom: BorderStyle.Dashed } + }) + Progress({ value: 20, total: 150, type: ProgressType.Ring }) + .color(Color.Grey).value(50).width(100) + .style({ strokeWidth: 20 }) + .border({ + width: { left: 5, right: 5, top: 5, bottom: 5 }, + style: { left: BorderStyle.Dotted, right: BorderStyle.Dotted, top: BorderStyle.Dashed, bottom: BorderStyle.Dashed } + }) + } + + Text('Capsule Progress - left/right Dotted, top/bottom Dashed').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.Capsule }) + .width(100).height(50) + .border({ + width: { left: 5, right: 5, top: 5, bottom: 5 }, + style: { left: BorderStyle.Dotted, right: BorderStyle.Dotted, top: BorderStyle.Dashed, bottom: BorderStyle.Dashed } + }) + Progress({ value: 20, total: 150, type: ProgressType.Capsule }) + .color(Color.Grey).value(50).width(100).height(50) + .border({ + width: { left: 5, right: 5, top: 5, bottom: 5 }, + style: { left: BorderStyle.Dotted, right: BorderStyle.Dotted, top: BorderStyle.Dashed, bottom: BorderStyle.Dashed } + }) + } + }.width('100%').margin({ top: 30 }) + } +} diff --git a/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/testability/pages/ProgressBorder/ProgressBorder0092.ets b/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/testability/pages/ProgressBorder/ProgressBorder0092.ets new file mode 100644 index 0000000000000000000000000000000000000000..7571625ef7b5a69fedfaadc06e40177b9616c181 --- /dev/null +++ b/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/testability/pages/ProgressBorder/ProgressBorder0092.ets @@ -0,0 +1,65 @@ +/** + * Copyright (c) 2025 Shenzhen Kaihong Digital Industry Development Co., Ltd. + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +@Entry +@Component +struct ProgressBorder0092 { + build() { + Column({ space: 15 }) { + Text('Linear Progress - No Border Color').fontSize(9).fontColor(0xCCCCCC).width('90%') + Progress({ value: 10, type: ProgressType.Linear }).width(200) + Progress({ value: 20, total: 150, type: ProgressType.Linear }).color(Color.Grey).value(50).width(200) + + Text('Eclipse Progress - No Border Color').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.Eclipse }).width(100) + Progress({ value: 20, total: 150, type: ProgressType.Eclipse }).color(Color.Grey).value(50).width(100) + } + + Text('ScaleRing Progress - No Border Color').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.ScaleRing }).width(100) + Progress({ value: 20, total: 150, type: ProgressType.ScaleRing }) + .color(Color.Grey).value(50).width(100) + .style({ strokeWidth: 15, scaleCount: 15, scaleWidth: 5 }) + } + + // scaleCount和scaleWidth效果对比 + Row({ space: 40 }) { + Progress({ value: 20, total: 150, type: ProgressType.ScaleRing }) + .color(Color.Grey).value(50).width(100) + .style({ strokeWidth: 20, scaleCount: 20, scaleWidth: 5 }) + Progress({ value: 20, total: 150, type: ProgressType.ScaleRing }) + .color(Color.Grey).value(50).width(100) + .style({ strokeWidth: 20, scaleCount: 30, scaleWidth: 3 }) + } + + Text('Ring Progress - No Border Color').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.Ring }).width(100) + Progress({ value: 20, total: 150, type: ProgressType.Ring }) + .color(Color.Grey).value(50).width(100) + .style({ strokeWidth: 20 }) + } + + Text('Capsule Progress - No Border Color').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.Capsule }).width(100).height(50) + Progress({ value: 20, total: 150, type: ProgressType.Capsule }) + .color(Color.Grey).value(50).width(100).height(50) + } + }.width('100%').margin({ top: 30 }) + } +} diff --git a/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/testability/pages/ProgressBorder/ProgressBorder0097.ets b/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/testability/pages/ProgressBorder/ProgressBorder0097.ets new file mode 100644 index 0000000000000000000000000000000000000000..0c4284f750ce1a42adbbbf579c9ce549e07fc5ca --- /dev/null +++ b/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/testability/pages/ProgressBorder/ProgressBorder0097.ets @@ -0,0 +1,181 @@ +/** + * Copyright (c) 2025 Shenzhen Kaihong Digital Industry Development Co., Ltd. + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +@Entry +@Component +struct ProgressBorder0097 { + build() { + Column({ space: 15 }) { + Text('Linear Progress - Border Colors (No CapsuleStyleOptions.borderColor)').fontSize(9).fontColor(0xCCCCCC).width('90%') + Progress({ value: 10, type: ProgressType.Linear }) + .width(200) + .border({ + width: { left: 5, right: 5, top: 5, bottom: 5 }, + color: { + left: Color.Red, + right: Color.Blue, + top: Color.Green, + bottom: Color.Yellow + } + }) + + Progress({ value: 20, total: 150, type: ProgressType.Linear }) + .color(Color.Grey).value(50).width(200) + .border({ + width: { left: 5, right: 5, top: 5, bottom: 5 }, + color: { + left: Color.Orange, + right: Color.Pink, + top: Color.Pink, + bottom: Color.Blue + } + }) + + Text('Eclipse Progress - Border Colors (No CapsuleStyleOptions.borderColor)').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.Eclipse }) + .width(100) + .border({ + width: { left: 5, right: 5, top: 5, bottom: 5 }, + color: { + left: Color.Red, + right: Color.Blue, + top: Color.Green, + bottom: Color.Yellow + } + }) + Progress({ value: 20, total: 150, type: ProgressType.Eclipse }) + .color(Color.Grey).value(50).width(100) + .border({ + width: { left: 5, right: 5, top: 5, bottom: 5 }, + color: { + left: Color.Orange, + right: Color.Pink, + top: Color.Pink, + bottom: Color.Blue + } + }) + } + + Text('ScaleRing Progress - Border Colors (No CapsuleStyleOptions.borderColor)').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.ScaleRing }) + .width(100) + .border({ + width: { left: 5, right: 5, top: 5, bottom: 5 }, + color: { + left: Color.Red, + right: Color.Blue, + top: Color.Green, + bottom: Color.Yellow + } + }) + Progress({ value: 20, total: 150, type: ProgressType.ScaleRing }) + .color(Color.Grey).value(50).width(100) + .style({ strokeWidth: 15, scaleCount: 15, scaleWidth: 5 }) + .border({ + width: { left: 5, right: 5, top: 5, bottom: 5 }, + color: { + left: Color.Orange, + right: Color.Pink, + top: Color.Pink, + bottom: Color.Blue + } + }) + } + + // scaleCount和scaleWidth效果对比 + Row({ space: 40 }) { + Progress({ value: 20, total: 150, type: ProgressType.ScaleRing }) + .color(Color.Grey).value(50).width(100) + .style({ strokeWidth: 20, scaleCount: 20, scaleWidth: 5 }) + .border({ + width: { left: 5, right: 5, top: 5, bottom: 5 }, + color: { + left: Color.Red, + right: Color.Blue, + top: Color.Green, + bottom: Color.Yellow + } + }) + Progress({ value: 20, total: 150, type: ProgressType.ScaleRing }) + .color(Color.Grey).value(50).width(100) + .style({ strokeWidth: 20, scaleCount: 30, scaleWidth: 3 }) + .border({ + width: { left: 5, right: 5, top: 5, bottom: 5 }, + color: { + left: Color.Orange, + right: Color.Pink, + top: Color.Pink, + bottom: Color.Blue + } + }) + } + + Text('Ring Progress - Border Colors (No CapsuleStyleOptions.borderColor)').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.Ring }) + .width(100) + .border({ + width: { left: 5, right: 5, top: 5, bottom: 5 }, + color: { + left: Color.Red, + right: Color.Blue, + top: Color.Green, + bottom: Color.Yellow + } + }) + Progress({ value: 20, total: 150, type: ProgressType.Ring }) + .color(Color.Grey).value(50).width(100) + .style({ strokeWidth: 20 }) + .border({ + width: { left: 5, right: 5, top: 5, bottom: 5 }, + color: { + left: Color.Orange, + right: Color.Pink, + top: Color.Pink, + bottom: Color.Blue + } + }) + } + + Text('Capsule Progress - Border Colors (No CapsuleStyleOptions.borderColor)').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.Capsule }) + .width(100).height(50) + .border({ + width: { left: 5, right: 5, top: 5, bottom: 5 }, + color: { + left: Color.Red, + right: Color.Blue, + top: Color.Green, + bottom: Color.Yellow + } + }) + Progress({ value: 20, total: 150, type: ProgressType.Capsule }) + .color(Color.Grey).value(50).width(100).height(50) + .border({ + width: { left: 5, right: 5, top: 5, bottom: 5 }, + color: { + left: Color.Orange, + right: Color.Pink, + top: Color.Pink, + bottom: Color.Blue + } + }) + } + }.width('100%').margin({ top: 30 }) + } +} diff --git a/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/testability/pages/ProgressBorder/ProgressBorder0098.ets b/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/testability/pages/ProgressBorder/ProgressBorder0098.ets new file mode 100644 index 0000000000000000000000000000000000000000..6dca57b3f763d994119bad93520c8f510f12f66b --- /dev/null +++ b/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/testability/pages/ProgressBorder/ProgressBorder0098.ets @@ -0,0 +1,74 @@ +/** + * Copyright (c) 2025 Shenzhen Kaihong Digital Industry Development Co., Ltd. + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +@Entry +@Component +struct ProgressBorder0098 { + build() { + Column({ space: 15 }) { + Text('Linear Progress - CapsuleStyleOptions.borderColor (Enum & Gradient)').fontSize(9).fontColor(0xCCCCCC).width('90%') + Progress({ value: 10, type: ProgressType.Linear }) + .width(200) + .borderColor(Color.Red) + + Progress({ value: 20, total: 150, type: ProgressType.Linear }) + .color(Color.Grey).value(50).width(200) + .borderColor(Color.Blue) + + Text('Eclipse Progress - CapsuleStyleOptions.borderColor (Enum & Gradient)').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.Eclipse }) + .width(100) + .borderColor(Color.Green) + Progress({ value: 20, total: 150, type: ProgressType.Eclipse }) + .color(Color.Grey).value(50).width(100) + .borderColor(Color.Yellow) + } + + Text('ScaleRing Progress - CapsuleStyleOptions.borderColor (Enum & Gradient)').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.ScaleRing }) + .width(100) + .borderColor(Color.Orange) + Progress({ value: 20, total: 150, type: ProgressType.ScaleRing }) + .color(Color.Grey).value(50).width(100) + .style({ strokeWidth: 15, scaleCount: 15, scaleWidth: 5 }) + .borderColor(Color.Pink) + } + + + Text('Ring Progress - CapsuleStyleOptions.borderColor (Enum & Gradient)').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.Ring }) + .width(100) + .borderColor(Color.Red) + Progress({ value: 20, total: 150, type: ProgressType.Ring }) + .color(Color.Grey).value(50).width(100) + .style({ strokeWidth: 20 }) + .borderColor(Color.Blue) + } + + Text('Capsule Progress - CapsuleStyleOptions.borderColor (Enum & Gradient)').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.Capsule }) + .width(100).height(50) + .borderColor(Color.Green) + Progress({ value: 20, total: 150, type: ProgressType.Capsule }) + .color(Color.Grey).value(50).width(100).height(50) + .borderColor(Color.Blue) + } + }.width('100%').margin({ top: 30 }) + } +} diff --git a/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/testability/pages/ProgressBorder/ProgressBorder0117.ets b/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/testability/pages/ProgressBorder/ProgressBorder0117.ets new file mode 100644 index 0000000000000000000000000000000000000000..5c6972f2556c15174a4f61c769695ec244a7442b --- /dev/null +++ b/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/testability/pages/ProgressBorder/ProgressBorder0117.ets @@ -0,0 +1,121 @@ +/** + * Copyright (c) 2025 Shenzhen Kaihong Digital Industry Development Co., Ltd. + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +@Entry +@Component +struct ProgressBorder0117 { + build() { + Column({ space: 15 }) { + Text('Linear Progress - top border width 3').fontSize(9).fontColor(0xCCCCCC).width('90%') + Progress({ value: 10, type: ProgressType.Linear }) + .width(200) + .border({ + width: { left: 8 , right: 8 , top: 8 , bottom: 8 } , + radius: { topLeft:10 } + }) + + Progress({ value: 20, total: 150, type: ProgressType.Linear }) + .color(Color.Grey).value(50).width(200) + .border({ + width: { left: 8 , right: 8 , top: 8 , bottom: 8 } , + radius: { topLeft:10 } + }) + + Text('Eclipse Progress - top border width 3').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.Eclipse }) + .width(100) + .border({ + width: { left: 8 , right: 8 , top: 8 , bottom: 8 } , + radius: { topLeft:10 } + }) + Progress({ value: 20, total: 150, type: ProgressType.Eclipse }) + .color(Color.Grey).value(50).width(100) + .border({ + width: { left: 8 , right: 8 , top: 8 , bottom: 8 } , + radius: { topLeft:10 } + }) + } + + Text('ScaleRing Progress - top border width 3').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.ScaleRing }) + .width(100) + .border({ + width: { left: 8 , right: 8 , top: 8 , bottom: 8 } , + radius: { topLeft:10 } + }) + Progress({ value: 20, total: 150, type: ProgressType.ScaleRing }) + .color(Color.Grey).value(50).width(100) + .style({ strokeWidth: 15, scaleCount: 15, scaleWidth: 5 }) + .border({ + width: { left: 8 , right: 8 , top: 8 , bottom: 8 } , + radius: { topLeft:10 } + }) + } + + // scaleCount和scaleWidth效果对比 + Row({ space: 40 }) { + Progress({ value: 20, total: 150, type: ProgressType.ScaleRing }) + .color(Color.Grey).value(50).width(100) + .style({ strokeWidth: 20, scaleCount: 20, scaleWidth: 5 }) + .border({ + width: { left: 8 , right: 8 , top: 8 , bottom: 8 } , + radius: { topLeft:10 } + }) + Progress({ value: 20, total: 150, type: ProgressType.ScaleRing }) + .color(Color.Grey).value(50).width(100) + .style({ strokeWidth: 20, scaleCount: 30, scaleWidth: 3 }) + .border({ + width: { left: 8 , right: 8 , top: 8 , bottom: 8 } , + radius: { topLeft:10 } + }) + } + + Text('Ring Progress - top border width 3').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.Ring }) + .width(100) + .border({ + width: { left: 8 , right: 8 , top: 8 , bottom: 8 } , + radius: { topLeft:10 } + }) + Progress({ value: 20, total: 150, type: ProgressType.Ring }) + .color(Color.Grey).value(50).width(100) + .style({ strokeWidth: 20 }) + .border({ + width: { left: 8 , right: 8 , top: 8 , bottom: 8 } , + radius: { topLeft:10 } + }) + } + + Text('Capsule Progress - top border width 3').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.Capsule }) + .width(100).height(50) + .border({ + width: { left: 8 , right: 8 , top: 8 , bottom: 8 } , + radius: { topLeft:10 } + }) + Progress({ value: 20, total: 150, type: ProgressType.Capsule }) + .color(Color.Grey).value(50).width(100).height(50) + .border({ + width: { left: 8 , right: 8 , top: 8 , bottom: 8 } , + radius: { topLeft:10 } + }) + } + }.width('100%').margin({ top: 30 }) + } +} diff --git a/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/testability/pages/ProgressBorder/ProgressBorder0120.ets b/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/testability/pages/ProgressBorder/ProgressBorder0120.ets new file mode 100644 index 0000000000000000000000000000000000000000..cc6cfc78002abe889554935356c1c60e1236f44f --- /dev/null +++ b/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/testability/pages/ProgressBorder/ProgressBorder0120.ets @@ -0,0 +1,121 @@ +/** + * Copyright (c) 2025 Shenzhen Kaihong Digital Industry Development Co., Ltd. + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +@Entry +@Component +struct ProgressBorder0120 { + build() { + Column({ space: 15 }) { + Text('Linear Progress - right border width 3').fontSize(9).fontColor(0xCCCCCC).width('90%') + Progress({ value: 10, type: ProgressType.Linear }) + .width(200) + .border({ + width: { left: 8 , right: 8 , top: 8 , bottom: 8 } , + radius: { topRight:10 } + }) + + Progress({ value: 20, total: 150, type: ProgressType.Linear }) + .color(Color.Grey).value(50).width(200) + .border({ + width: { left: 8 , right: 8 , top: 8 , bottom: 8 } , + radius: { topRight:10 } + }) + + Text('Eclipse Progress - right border width 3').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.Eclipse }) + .width(100) + .border({ + width: { left: 8 , right: 8 , top: 8 , bottom: 8 } , + radius: { topRight:10 } + }) + Progress({ value: 20, total: 150, type: ProgressType.Eclipse }) + .color(Color.Grey).value(50).width(100) + .border({ + width: { left: 8 , right: 8 , top: 8 , bottom: 8 } , + radius: { topRight:10 } + }) + } + + Text('ScaleRing Progress - right border width 3').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.ScaleRing }) + .width(100) + .border({ + width: { left: 8 , right: 8 , top: 8 , bottom: 8 } , + radius: { topRight:10 } + }) + Progress({ value: 20, total: 150, type: ProgressType.ScaleRing }) + .color(Color.Grey).value(50).width(100) + .style({ strokeWidth: 15, scaleCount: 15, scaleWidth: 5 }) + .border({ + width: { left: 8 , right: 8 , top: 8 , bottom: 8 } , + radius: { topRight:10 } + }) + } + + // scaleCount和scaleWidth效果对比 + Row({ space: 40 }) { + Progress({ value: 20, total: 150, type: ProgressType.ScaleRing }) + .color(Color.Grey).value(50).width(100) + .style({ strokeWidth: 20, scaleCount: 20, scaleWidth: 5 }) + .border({ + width: { left: 8 , right: 8 , top: 8 , bottom: 8 } , + radius: { topRight:10 } + }) + Progress({ value: 20, total: 150, type: ProgressType.ScaleRing }) + .color(Color.Grey).value(50).width(100) + .style({ strokeWidth: 20, scaleCount: 30, scaleWidth: 3 }) + .border({ + width: { left: 8 , right: 8 , top: 8 , bottom: 8 } , + radius: { topRight:10 } + }) + } + + Text('Ring Progress - right border width 3').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.Ring }) + .width(100) + .border({ + width: { left: 8 , right: 8 , top: 8 , bottom: 8 } , + radius: { topRight:10 } + }) + Progress({ value: 20, total: 150, type: ProgressType.Ring }) + .color(Color.Grey).value(50).width(100) + .style({ strokeWidth: 20 }) + .border({ + width: { left: 8 , right: 8 , top: 8 , bottom: 8 } , + radius: { topRight:10 } + }) + } + + Text('Capsule Progress - right border width 3').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.Capsule }) + .width(100).height(50) + .border({ + width: { left: 8 , right: 8 , top: 8 , bottom: 8 } , + radius: { topRight:10 } + }) + Progress({ value: 20, total: 150, type: ProgressType.Capsule }) + .color(Color.Grey).value(50).width(100).height(50) + .border({ + width: { left: 8 , right: 8 , top: 8 , bottom: 8 } , + radius: { topRight:10 } + }) + } + }.width('100%').margin({ top: 30 }) + } +} diff --git a/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/testability/pages/ProgressBorder/ProgressBorder0123.ets b/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/testability/pages/ProgressBorder/ProgressBorder0123.ets new file mode 100644 index 0000000000000000000000000000000000000000..2121662b36cbfa8185e334d801cf254166c51205 --- /dev/null +++ b/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/testability/pages/ProgressBorder/ProgressBorder0123.ets @@ -0,0 +1,121 @@ +/** + * Copyright (c) 2025 Shenzhen Kaihong Digital Industry Development Co., Ltd. + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +@Entry +@Component +struct ProgressBorder0123 { + build() { + Column({ space: 15 }) { + Text('Linear Progress - bottom border width 3').fontSize(9).fontColor(0xCCCCCC).width('90%') + Progress({ value: 10, type: ProgressType.Linear }) + .width(200) + .border({ + width: { left: 8 , right: 8 , top: 8 , bottom: 8 } , + radius: { bottomLeft:15 } + }) + + Progress({ value: 20, total: 150, type: ProgressType.Linear }) + .color(Color.Grey).value(50).width(200) + .border({ + width: { left: 8 , right: 8 , top: 8 , bottom: 8 } , + radius: { bottomLeft:15 } + }) + + Text('Eclipse Progress - bottom border width 3').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.Eclipse }) + .width(100) + .border({ + width: { left: 8 , right: 8 , top: 8 , bottom: 8 } , + radius: { bottomLeft:15 } + }) + Progress({ value: 20, total: 150, type: ProgressType.Eclipse }) + .color(Color.Grey).value(50).width(100) + .border({ + width: { left: 8 , right: 8 , top: 8 , bottom: 8 } , + radius: { bottomLeft:15 } + }) + } + + Text('ScaleRing Progress - bottom border width 3').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.ScaleRing }) + .width(100) + .border({ + width: { left: 8 , right: 8 , top: 8 , bottom: 8 } , + radius: { bottomLeft:15 } + }) + Progress({ value: 20, total: 150, type: ProgressType.ScaleRing }) + .color(Color.Grey).value(50).width(100) + .style({ strokeWidth: 15, scaleCount: 15, scaleWidth: 5 }) + .border({ + width: { left: 8 , right: 8 , top: 8 , bottom: 8 } , + radius: { bottomLeft:15 } + }) + } + + // scaleCount和scaleWidth效果对比 + Row({ space: 40 }) { + Progress({ value: 20, total: 150, type: ProgressType.ScaleRing }) + .color(Color.Grey).value(50).width(100) + .style({ strokeWidth: 20, scaleCount: 20, scaleWidth: 5 }) + .border({ + width: { left: 8 , right: 8 , top: 8 , bottom: 8 } , + radius: { bottomLeft:15 } + }) + Progress({ value: 20, total: 150, type: ProgressType.ScaleRing }) + .color(Color.Grey).value(50).width(100) + .style({ strokeWidth: 20, scaleCount: 30, scaleWidth: 3 }) + .border({ + width: { left: 8 , right: 8 , top: 8 , bottom: 8 } , + radius: { bottomLeft:15 } + }) + } + + Text('Ring Progress - bottom border width 3').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.Ring }) + .width(100) + .border({ + width: { left: 8 , right: 8 , top: 8 , bottom: 8 } , + radius: { bottomLeft:15 } + }) + Progress({ value: 20, total: 150, type: ProgressType.Ring }) + .color(Color.Grey).value(50).width(100) + .style({ strokeWidth: 20 }) + .border({ + width: { left: 8 , right: 8 , top: 8 , bottom: 8 } , + radius: { bottomLeft:15 } + }) + } + + Text('Capsule Progress - bottom border width 3').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.Capsule }) + .width(100).height(50) + .border({ + width: { left: 8 , right: 8 , top: 8 , bottom: 8 } , + radius: { bottomLeft:15 } + }) + Progress({ value: 20, total: 150, type: ProgressType.Capsule }) + .color(Color.Grey).value(50).width(100).height(50) + .border({ + width: { left: 8 , right: 8 , top: 8 , bottom: 8 } , + radius: { bottomLeft:15 } + }) + } + }.width('100%').margin({ top: 30 }) + } +} diff --git a/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/testability/pages/ProgressBorder/ProgressBorder0126.ets b/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/testability/pages/ProgressBorder/ProgressBorder0126.ets new file mode 100644 index 0000000000000000000000000000000000000000..867d885d7248f66a26481afab6d1226d511dcfad --- /dev/null +++ b/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/testability/pages/ProgressBorder/ProgressBorder0126.ets @@ -0,0 +1,121 @@ +/** + * Copyright (c) 2025 Shenzhen Kaihong Digital Industry Development Co., Ltd. + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +@Entry +@Component +struct ProgressBorder0126 { + build() { + Column({ space: 15 }) { + Text('Linear Progress - right border width 3').fontSize(9).fontColor(0xCCCCCC).width('90%') + Progress({ value: 10, type: ProgressType.Linear }) + .width(200) + .border({ + width: { left: 8 , right: 8 , top: 8 , bottom: 8 } , + radius: { bottomRight:10 } + }) + + Progress({ value: 20, total: 150, type: ProgressType.Linear }) + .color(Color.Grey).value(50).width(200) + .border({ + width: { left: 8 , right: 8 , top: 8 , bottom: 8 } , + radius: { bottomRight:10 } + }) + + Text('Eclipse Progress - right border width 3').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.Eclipse }) + .width(100) + .border({ + width: { left: 8 , right: 8 , top: 8 , bottom: 8 } , + radius: { bottomRight:10 } + }) + Progress({ value: 20, total: 150, type: ProgressType.Eclipse }) + .color(Color.Grey).value(50).width(100) + .border({ + width: { left: 8 , right: 8 , top: 8 , bottom: 8 } , + radius: { bottomRight:10 } + }) + } + + Text('ScaleRing Progress - right border width 3').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.ScaleRing }) + .width(100) + .border({ + width: { left: 8 , right: 8 , top: 8 , bottom: 8 } , + radius: { bottomRight:10 } + }) + Progress({ value: 20, total: 150, type: ProgressType.ScaleRing }) + .color(Color.Grey).value(50).width(100) + .style({ strokeWidth: 15, scaleCount: 15, scaleWidth: 5 }) + .border({ + width: { left: 8 , right: 8 , top: 8 , bottom: 8 } , + radius: { bottomRight:10 } + }) + } + + // scaleCount和scaleWidth效果对比 + Row({ space: 40 }) { + Progress({ value: 20, total: 150, type: ProgressType.ScaleRing }) + .color(Color.Grey).value(50).width(100) + .style({ strokeWidth: 20, scaleCount: 20, scaleWidth: 5 }) + .border({ + width: { left: 8 , right: 8 , top: 8 , bottom: 8 } , + radius: { bottomRight:10 } + }) + Progress({ value: 20, total: 150, type: ProgressType.ScaleRing }) + .color(Color.Grey).value(50).width(100) + .style({ strokeWidth: 20, scaleCount: 30, scaleWidth: 3 }) + .border({ + width: { left: 8 , right: 8 , top: 8 , bottom: 8 } , + radius: { bottomRight:10 } + }) + } + + Text('Ring Progress - right border width 3').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.Ring }) + .width(100) + .border({ + width: { left: 8 , right: 8 , top: 8 , bottom: 8 } , + radius: { bottomRight:10 } + }) + Progress({ value: 20, total: 150, type: ProgressType.Ring }) + .color(Color.Grey).value(50).width(100) + .style({ strokeWidth: 20 }) + .border({ + width: { left: 8 , right: 8 , top: 8 , bottom: 8 } , + radius: { bottomRight:10 } + }) + } + + Text('Capsule Progress - right border width 3').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.Capsule }) + .width(100).height(50) + .border({ + width: { left: 8 , right: 8 , top: 8 , bottom: 8 } , + radius: { bottomRight:10 } + }) + Progress({ value: 20, total: 150, type: ProgressType.Capsule }) + .color(Color.Grey).value(50).width(100).height(50) + .border({ + width: { left: 8 , right: 8 , top: 8 , bottom: 8 } , + radius: { bottomRight:10 } + }) + } + }.width('100%').margin({ top: 30 }) + } +} diff --git a/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/testability/pages/ProgressBorder/ProgressBorder0130.ets b/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/testability/pages/ProgressBorder/ProgressBorder0130.ets new file mode 100644 index 0000000000000000000000000000000000000000..846c570635b143e81988c588c48cff31a160476c --- /dev/null +++ b/sample/ui_compare/uiCompareTest_07/entry/src/ohosTest/ets/testability/pages/ProgressBorder/ProgressBorder0130.ets @@ -0,0 +1,121 @@ +/** + * Copyright (c) 2025 Shenzhen Kaihong Digital Industry Development Co., Ltd. + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +@Entry +@Component +struct ProgressBorder0130 { + build() { + Column({ space: 15 }) { + Text('Linear Progress - start border width 3').fontSize(9).fontColor(0xCCCCCC).width('90%') + Progress({ value: 10, type: ProgressType.Linear }) + .width(200) + .border({ + width: { left: 8 , right: 8 , top: 8 , bottom: 8 } , + radius: { topLeft:10 } + }) + + Progress({ value: 20, total: 150, type: ProgressType.Linear }) + .color(Color.Grey).value(50).width(200) + .border({ + width: { left: 8 , right: 8 , top: 8 , bottom: 8 } , + radius: { topLeft:10 } + }) + + Text('Eclipse Progress - start border width 3').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.Eclipse }) + .width(100) + .border({ + width: { left: 8 , right: 8 , top: 8 , bottom: 8 } , + radius: { topLeft:10 } + }) + Progress({ value: 20, total: 150, type: ProgressType.Eclipse }) + .color(Color.Grey).value(50).width(100) + .border({ + width: { left: 8 , right: 8 , top: 8 , bottom: 8 } , + radius: { topLeft:10 } + }) + } + + Text('ScaleRing Progress - start border width 3').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.ScaleRing }) + .width(100) + .border({ + width: { left: 8 , right: 8 , top: 8 , bottom: 8 } , + radius: { topLeft:10 } + }) + Progress({ value: 20, total: 150, type: ProgressType.ScaleRing }) + .color(Color.Grey).value(50).width(100) + .style({ strokeWidth: 15, scaleCount: 15, scaleWidth: 5 }) + .border({ + width: { left: 8 , right: 8 , top: 8 , bottom: 8 } , + radius: { topLeft:10 } + }) + } + + // scaleCount和scaleWidth效果对比 + Row({ space: 40 }) { + Progress({ value: 20, total: 150, type: ProgressType.ScaleRing }) + .color(Color.Grey).value(50).width(100) + .style({ strokeWidth: 20, scaleCount: 20, scaleWidth: 5 }) + .border({ + width: { left: 8 , right: 8 , top: 8 , bottom: 8 } , + radius: { topLeft:10 } + }) + Progress({ value: 20, total: 150, type: ProgressType.ScaleRing }) + .color(Color.Grey).value(50).width(100) + .style({ strokeWidth: 20, scaleCount: 30, scaleWidth: 3 }) + .border({ + width: { left: 8 , right: 8 , top: 8 , bottom: 8 } , + radius: { topLeft:10 } + }) + } + + Text('Ring Progress - start border width 3').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.Ring }) + .width(100) + .border({ + width: { left: 8 , right: 8 , top: 8 , bottom: 8 } , + radius: { topLeft:10 } + }) + Progress({ value: 20, total: 150, type: ProgressType.Ring }) + .color(Color.Grey).value(50).width(100) + .style({ strokeWidth: 20 }) + .border({ + width: { left: 8 , right: 8 , top: 8 , bottom: 8 } , + radius: { topLeft:10 } + }) + } + + Text('Capsule Progress - start border width 3').fontSize(9).fontColor(0xCCCCCC).width('90%') + Row({ space: 40 }) { + Progress({ value: 10, type: ProgressType.Capsule }) + .width(100).height(50) + .border({ + width: { left: 8 , right: 8 , top: 8 , bottom: 8 } , + radius: { topLeft:10 } + }) + Progress({ value: 20, total: 150, type: ProgressType.Capsule }) + .color(Color.Grey).value(50).width(100).height(50) + .border({ + width: { left: 8 , right: 8 , top: 8 , bottom: 8 } , + radius: { topLeft:10 } + }) + } + }.width('100%').margin({ top: 30 }) + } +}