diff --git a/ace/ace_standard/src/main/js/default/pages/imageAnimator/prop/index.css b/ace/ace_standard/src/main/js/default/pages/imageAnimator/prop/index.css new file mode 100644 index 0000000000000000000000000000000000000000..6490255ed5d5a77ad7bb4ee82df7bd70b4b86fa8 --- /dev/null +++ b/ace/ace_standard/src/main/js/default/pages/imageAnimator/prop/index.css @@ -0,0 +1,503 @@ +/** + * Copyright (c) 2022 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. + */ + +.container { + flex-direction:row; + width:100%; + height:100%; +} + +.title{ + width: 100%; + + + font-size: 18px; + margin: 2px; + padding: 2px; + font-weight: bold; + text-align: center; +} + +.sub-title{ + width: 100%; + font-size: 14px; + text-align: left; + margin: 2px; + padding: 2px; +} + +.prop-container{ + flex-direction: column; + flex-weight: 1; +} + +#idProp { + flex-weight: 1; + background-color:#f00000; + width: 100%; + margin-left: 10px; + margin-right: 10px; + padding-start: 10px; + padding-end: 10px; +} + +.classProp { + flex-weight: 1; + background-color:#0f0000; + width: 100%; + margin-left: 10px; + margin-right: 10px; + padding-start: 10px; + padding-end: 10px; +} + +#classPropNone { + flex-weight: 1; + background-color:#0000e0; + width: 100%; + margin-left: 10px; + margin-right: 10px; + padding-start: 10px; + padding-end: 10px; +} + +#refProp { + flex-weight: 1; + background-color:#00f000; + width: 100%; + margin-left: 10px; + margin-right: 10px; + padding-start: 10px; + padding-end: 10px; +} + +#refPropNone { + flex-weight: 1; + background-color:#00000e; + width: 100%; + margin-left: 10px; + margin-right: 10px; + padding-start: 10px; + padding-end: 10px; +} + +#disabledPropTrue { + flex-weight: 1; + background-color:#000f00; + width: 100%; + margin-left: 10px; + margin-right: 10px; + padding-start: 10px; + padding-end: 10px; +} + +#disabledPropFalse { + flex-weight: 1; + background-color:#0000f0; + width: 100%; + margin-left: 10px; + margin-right: 10px; + padding-start: 10px; + padding-end: 10px; +} + +#disabledPropNone { + flex-weight: 1; + background-color:#d00000; + width: 100%; + margin-left: 10px; + margin-right: 10px; + padding-start: 10px; + padding-end: 10px; +} + +#focusablePropTrue { + flex-weight: 1; + background-color:#00000f; + width: 100%; + margin-left: 10px; + margin-right: 10px; + padding-start: 10px; + padding-end: 10px; +} + +#focusablePropFalse { + flex-weight: 1; + background-color:#ff0000; + width: 100%; + margin-left: 10px; + margin-right: 10px; + padding-start: 10px; + padding-end: 10px; +} + +#focusablePropNone { + flex-weight: 1; + background-color:#0d0000; + width: 100%; + margin-left: 10px; + margin-right: 10px; + padding-start: 10px; + padding-end: 10px; +} + +#dataProp { + flex-weight: 1; + background-color:#0ff000; + width: 100%; + margin-left: 10px; + margin-right: 10px; + padding-start: 10px; + padding-end: 10px; +} + +#dataPropNone { + flex-weight: 1; + background-color:#00d000; + width: 100%; + margin-left: 10px; + margin-right: 10px; + padding-start: 10px; + padding-end: 10px; +} + +#clickEffectPropSmall { + height: 15px; + background-color:#00ff00; + width: 100%; + margin-left: 10px; + margin-right: 10px; + padding-start: 10px; + padding-end: 10px; +} + +#clickEffectPropMedium { + height: 15px; + background-color:#000ff0; + width: 100%; + margin-left: 10px; + margin-right: 10px; + padding-start: 10px; + padding-end: 10px; +} + +#clickEffectPropLarge { + height: 15px; + background-color:#fff000; + width: 100%; + margin-left: 10px; + margin-right: 10px; + padding-start: 10px; + padding-end: 10px; +} + +#clickEffectPropNone{ + height: 15px; + background-color:#000d00; + width: 100%; + margin-left: 10px; + margin-right: 10px; + padding-start: 10px; + padding-end: 10px; +} + +#dirPropRtl { + flex-weight: 1; + background-color:#0fff00; + width: 100%; + margin-left: 10px; + margin-right: 10px; + padding-start: 10px; + padding-end: 10px; +} + +#dirPropAuto { + flex-weight: 1; + background-color:#00fff0; + width: 100%; + margin-left: 10px; + margin-right: 10px; + padding-start: 10px; + padding-end: 10px; +} + +#dirPropLtr { + flex-weight: 1; + background-color:#000fff; + width: 100%; + margin-left: 10px; + margin-right: 10px; + padding-start: 10px; + padding-end: 10px; +} + +#dirPropNone { + flex-weight: 1; + background-color:#0000d0; + width: 100%; + margin-left: 10px; + margin-right: 10px; + padding-start: 10px; + padding-end: 10px; +} + +#forPropNull { + flex-weight: 1; + background-color:#ffff00; + width: 100%; + margin-left: 10px; + margin-right: 10px; + padding-start: 10px; + padding-end: 10px; +} + +#forPropOne { + flex-weight: 1; + background-color:#00e000; + width: 100%; + margin-left: 10px; + margin-right: 10px; + padding-start: 10px; + padding-end: 10px; +} + +#forPropThree { + flex-weight: 1; + background-color:#000e00; + width: 100%; + margin-left: 10px; + margin-right: 10px; + padding-start: 10px; + padding-end: 10px; +} + +#ifPropTrue { + flex-weight: 1; + background-color:#0ffff0; + width: 100%; + margin-left: 10px; + margin-right: 10px; + padding-start: 10px; + padding-end: 10px; +} + +#ifPropFalse { + flex-weight: 1; + background-color:#00ffff; + width: 100%; + margin-left: 10px; + margin-right: 10px; + padding-start: 10px; + padding-end: 10px; +} + +#ifPropNone { + flex-weight: 1; + background-color:#00000d; + width: 100%; + margin-left: 10px; + margin-right: 10px; + padding-start: 10px; + padding-end: 10px; +} + +#showPropTrue { + flex-weight: 1; + background-color:#e00000; + width: 100%; + margin-left: 10px; + margin-right: 10px; + padding-start: 10px; + padding-end: 10px; +} + +#showPropFalse { + flex-weight: 1; + background-color:#0e0000; + width: 100%; + margin-left: 10px; + margin-right: 10px; + padding-start: 10px; + padding-end: 10px; +} + +#showPropNone { + flex-weight: 1; + background-color:#c00000; + width: 100%; + margin-left: 10px; + margin-right: 10px; + padding-start: 10px; + padding-end: 10px; +} + +.specific-container{ + flex-direction: column; + flex-weight: 1; +} + +#typePredecode0{ + flex-weight: 1; + background-color:#c00000; + width: 100%; + margin-left: 10px; + margin-right: 10px; + padding-start: 10px; + padding-end: 10px; + margin-bottom: 4px; + +} + +#typeImage{ + flex-weight: 1; + background-color:#c00000; + width: 100%; + margin-left: 10px; + margin-right: 10px; + padding-start: 10px; + margin-bottom: 4px; + + padding-end: 10px; +} + +#typeImage{ + flex-weight: 1; + background-color:#c00000; + width: 100%; + margin-left: 10px; + margin-right: 10px; + padding-start: 10px; + padding-end: 10px; + margin-bottom: 4px; + +} + +#typeDuration3{ + flex-weight: 1; + background-color:#c00000; + width: 100%; + margin-left: 10px; + margin-right: 10px; + padding-start: 10px; + padding-end: 10px; + margin-bottom: 4px; + +} + +#typeDuration6{ + flex-weight: 1; + background-color:#c00000; + width: 100%; + margin-left: 10px; + margin-right: 10px; + padding-start: 10px; + padding-end: 10px; + margin-bottom: 4px; + +} + +#typeIterationInfi{ + flex-weight: 1; + background-color:#c00000; + width: 100%; + margin-left: 10px; + margin-right: 10px; + padding-start: 10px; + padding-end: 10px; + margin-bottom: 4px; + +} + +#typeIteration3{ + flex-weight: 1; + background-color:#c00000; + width: 100%; + margin-left: 10px; + margin-right: 10px; + padding-start: 10px; + padding-end: 10px; + margin-bottom: 4px; + +} + +#typeReverseTrue{ + flex-weight: 1; + background-color:#c00000; + width: 100%; + margin-left: 10px; + margin-right: 10px; + padding-start: 10px; + padding-end: 10px; + margin-bottom: 4px; + +} +#typeReverseFalse{ + flex-weight: 1; + background-color:#c00000; + width: 100%; + margin-left: 10px; + margin-right: 10px; + padding-start: 10px; + padding-end: 10px; + margin-bottom: 4px; + +} +#typeFixedsizeTrue{ + flex-weight: 1; + background-color:#c00000; + width: 100%; + margin-left: 10px; + margin-right: 10px; + padding-start: 10px; + padding-end: 10px; + margin-bottom: 4px; + +} +#typeFixedsizeFalse{ + flex-weight: 1; + background-color:#c00000; + width: 100%; + margin-left: 10px; + margin-right: 10px; + padding-start: 10px; + padding-end: 10px; + margin-bottom: 4px; + +} +#typeFillmodeForwards{ + flex-weight: 1; + background-color:#c00000; + width: 100%; + margin-left: 10px; + margin-right: 10px; + padding-start: 10px; + padding-end: 10px; + margin-bottom: 4px; + +} +#typeFillmodeNone{ + flex-weight: 1; + background-color:#c00000; + width: 100%; + margin-left: 10px; + margin-right: 10px; + padding-start: 10px; + padding-end: 10px; + margin-bottom: 4px; + +} + + + diff --git a/ace/ace_standard/src/main/js/default/pages/imageAnimator/prop/index.hml b/ace/ace_standard/src/main/js/default/pages/imageAnimator/prop/index.hml new file mode 100644 index 0000000000000000000000000000000000000000..6bc617ca134fee8f9561867ca2c306a60596c81a --- /dev/null +++ b/ace/ace_standard/src/main/js/default/pages/imageAnimator/prop/index.hml @@ -0,0 +1,241 @@ + + +
+
+ + img-animator通用属性 + + + + 通用属性 -- id + + + + + + 通用属性 -- class + + + + + + + + 通用属性 -- style + + + + + + 通用属性 -- ref + + + + + + + + 通用属性 -- disabled + + + + + + + + + + 通用属性 -- focusable + + + + + + + + + + 通用属性 -- data-* + + + + + + + + 通用属性 -- click-effect + + + + + + + + + + + + 通用属性 -- dir + + + + + + + + + + + + 渲染属性 -- for + + + + + + + + + + 渲染属性 -- if + + + + + + + + + + 渲染属性 -- show + + + + + + + +
+ +
+
+
+ + imageAnimator特有属性-image + + + + + + + imageAnimator特有属性-duration + + + + + + + + + imageAnimator特有属性-predecode + + + + + + imageAnimator特有属性-iteration + + + + + + + imageAnimator特有属性-reverse + + + + + + + + + imageAnimator特有属性-fixedsize + + + + + + + + + imageAnimator特有属性-fillmode + + + + + + + + +
+
diff --git a/ace/ace_standard/src/main/js/default/pages/imageAnimator/prop/index.js b/ace/ace_standard/src/main/js/default/pages/imageAnimator/prop/index.js new file mode 100644 index 0000000000000000000000000000000000000000..39046252915761552d0d49c709f9240ad48ad01e --- /dev/null +++ b/ace/ace_standard/src/main/js/default/pages/imageAnimator/prop/index.js @@ -0,0 +1,198 @@ +/** + * Copyright (c) 2022 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 prompt from '@system.prompt'; + +export default { + data:{ + images: [ + {src: "/common/images/im-ani1.jpg"}, + {src: "/common/images/im-ani2.jpg"}, + {src: "/common/images/im-ani3.jpg"} + ], + listOne:[{}], + listThree:[{},{},{}], + idProp : null, + classProp : null, + classPropNone : null, + styleProp : null, + refProp : null, + refPropNone : null, + disabledPropTrue : null, + disabledPropFalse : null, + disabledPropNone : null, + focusablePropTrue : null, + focusablePropFalse : null, + focusablePropNone : null, + dataProp : null, + dataPropNone : null, + clickEffectPropSmall : null, + clickEffectPropMedium : null, + clickEffectPropLarge : null, + clickEffectPropNone : null, + dirPropRtl : null, + dirPropAuto : null, + dirPropLtr : null, + dirPropNone : null, + forPropNull : null, + forPropOne : null, + forPropThree : null, + ifPropTrue : null, + showPropTrue : null, + showPropFalse : null, + showPropNone : null, + + typeImage : null, + typeImageNull : null, + typePredecode2 : null, + typeIterationInfi : null, + typeIteration3 : null, + typeReverseNull : null, + typeReverseTrue : null, + typeReverseFalse : null, + typeFixedsizeNull : null, + typeFixedsizeTrue : null, + typeFixedsizeFalse : null, + typeDurationNull : null, + typeDuration3 : null, + typeDuration6 : null, + typeFillmodeNull : null, + typeFillmodeForwards : null, + typeFillmodeNone : null, + + }, + onShow(){ + this.getCommonPropValues(); + this.getSpecialPropValues(); + globalThis.value = { + idProp : this.idProp, + classProp : this.classProp, + classPropNone : this.classPropNone, + styleProp : this.styleProp, + refProp : this.refProp, + refPropNone : this.refPropNone, + disabledPropTrue : this.disabledPropTrue, + disabledPropFalse : this.disabledPropFalse, + disabledPropNone : this.disabledPropNone, + focusablePropTrue : this.focusablePropTrue, + focusablePropFalse : this.focusablePropFalse, + focusablePropNone : this.focusablePropNone, + dataProp : this.dataProp, + dataPropNone : this.dataPropNone, + clickEffectPropSmall : this.clickEffectPropSmall, + clickEffectPropMedium : this.clickEffectPropMedium, + clickEffectPropLarge : this.clickEffectPropLarge, + clickEffectPropNone : this.clickEffectPropNone, + dirPropRtl : this.dirPropRtl, + dirPropAuto : this.dirPropAuto, + dirPropLtr : this.dirPropLtr, + dirPropNone : this.dirPropNone, + forPropNull : this.forPropNull, + forPropOne : this.forPropOne, + forPropThree : this.forPropThree, + ifPropTrue : this.ifPropTrue, + showPropTrue : this.showPropTrue, + showPropFalse : this.showPropFalse, + showPropNone : this.showPropNone, + + typeImage : this.typeImage, + typeImageNull : this.typeImageNull, + typePredecode2 : this.typePredecode2, + typeIterationInfi : this.typeIterationInfi, + typeIteration3 : this.typeIteration3, + typeReverseNull : this.typeReverseNull, + typeReverseTrue : this.typeReverseTrue, + typeReverseFalse : this.typeReverseFalse, + typeFixedsizeNull : this.typeFixedsizeNull, + typeFixedsizeTrue : this.typeFixedsizeTrue, + typeFixedsizeFalse : this.typeFixedsizeFalse, + typeDurationNull : this.typeDurationNull, + typeDuration3 : this.typeDuration3, + typeDuration6 : this.typeDuration6, + typeFillmodeNull : this.typeFillmodeNull, + typeFillmodeForwards : this.typeFillmodeForwards, + typeFillmodeNone : this.typeFillmodeNone, + + } + }, + + getCommonPropValues(){ + this.idProp = this.$element("idProp").getInspector() + this.classProp = this.$element("classProp").getInspector() + this.classPropNone = this.$element("classPropNone").getInspector() + this.styleProp = this.$element("styleProp").getInspector() + this.refProp = this.$element("refProp").getInspector() + this.refPropNone = this.$element("refPropNone").getInspector() + this.disabledPropTrue = this.$element("disabledPropTrue").getInspector() + this.disabledPropFalse = this.$element("disabledPropFalse").getInspector() + this.disabledPropNone = this.$element("disabledPropNone").getInspector() + this.focusablePropTrue = this.$element("focusablePropTrue").getInspector() + this.focusablePropFalse = this.$element("focusablePropFalse").getInspector() + this.focusablePropNone = this.$element("focusablePropNone").getInspector() + this.dataProp = this.$element("dataProp").getInspector() + this.dataPropNone = this.$element("dataPropNone").getInspector() + this.clickEffectPropSmall = this.$element("clickEffectPropSmall").getInspector() + this.clickEffectPropMedium = this.$element("clickEffectPropMedium").getInspector() + this.clickEffectPropLarge = this.$element("clickEffectPropLarge").getInspector() + this.clickEffectPropNone = this.$element("clickEffectPropNone").getInspector() + this.dirPropRtl = this.$element("dirPropRtl").getInspector() + this.dirPropAuto = this.$element("dirPropAuto").getInspector() + this.dirPropLtr = this.$element("dirPropLtr").getInspector() + this.dirPropNone = this.$element("dirPropNone").getInspector() + this.forPropNull = this.$element("forPropNull").getInspector() + this.forPropOne = this.$element("forPropOne").getInspector() + this.forPropThree = this.$element("forPropThree").getInspector() + this.ifPropTrue = this.$element("ifPropTrue").getInspector() + this.showPropTrue = this.$element("showPropTrue").getInspector() + this.showPropFalse = this.$element("showPropFalse").getInspector() + this.showPropNone = this.$element("showPropNone").getInspector() + }, + + getSpecialPropValues(){ + this.typeImageNull = this.$element("typeImageNull").getInspector() + this.typeImage = this.$element("typeImage").getInspector() + this.typePredecode2 = this.$element("typePredecode2").getInspector() + this.typeIterationInfi = this.$element("typeIterationInfi").getInspector() + this.typeIteration3 = this.$element("typeIteration3").getInspector() + this.typeReverseNull = this.$element("typeReverseNull").getInspector() + this.typeReverseTrue = this.$element("typeReverseTrue").getInspector() + this.typeReverseFalse = this.$element("typeReverseFalse").getInspector() + this.typeFixedsizeNull = this.$element("typeFixedsizeNull").getInspector() + this.typeFixedsizeTrue = this.$element("typeFixedsizeTrue").getInspector() + this.typeFixedsizeFalse = this.$element("typeFixedsizeFalse").getInspector() + this.typeDurationNull = this.$element("typeDurationNull").getInspector() + this.typeDuration3 = this.$element("typeDuration3").getInspector() + this.typeDuration6 = this.$element("typeDuration6").getInspector() + this.typeFillmodeNull = this.$element("typeFillmodeNull").getInspector() + this.typeFillmodeForwards = this.$element("typeFillmodeForwards").getInspector() + this.typeFillmodeNone = this.$element("typeFillmodeNone").getInspector() + } +} +/* + * typeImage : null, + typePredecode0 : null, + typePredecode2 : null, + typeIterationInfi : null, + typeIteration3 : null, + typeReverseTrue : null, + typeReverseFalse : null, + typeFixedsizeTrue : null, + typeFixedsizeFalse : null, + typeDuration3 : null, + typeDuration6 : null, + typeFillmodeForwards : null, + typeFillmodeNone : null, + + */ \ No newline at end of file diff --git a/ace/ace_standard/src/main/js/default/pages/imageAnimator/index.css b/ace/ace_standard/src/main/js/default/pages/imageAnimator/router/index.css similarity index 92% rename from ace/ace_standard/src/main/js/default/pages/imageAnimator/index.css rename to ace/ace_standard/src/main/js/default/pages/imageAnimator/router/index.css index 94b7d3508bbf62fc9dd587692fdc76c59b815e4d..4f34b584c4d5d3419a285809290365aa02f0e2ab 100644 --- a/ace/ace_standard/src/main/js/default/pages/imageAnimator/index.css +++ b/ace/ace_standard/src/main/js/default/pages/imageAnimator/router/index.css @@ -52,7 +52,7 @@ .style1{ width: 100%; - height: 100%; + height: 30px; min-width: 25px; min-height: 10px; max-width: 300px; @@ -168,8 +168,6 @@ height:120px; margin-top: 10px; color: green; - stroke-width: 30px; - line-cap: round; } .flex-item { @@ -309,33 +307,29 @@ } #prop1 { + width: 80%; height:30px; - color: #ad4e2a; - stroke-width: 10px; - line-cap: square; + background-color: #ad4e2a; margin: 5px; } .prop2 { + width: 80%; height:30px; - color: #343524; - stroke-width: 15px; - line-cap: round; + background-color: #343524; margin: 5px; } .prop4 { + width: 80%; height:30px; - color: #456345; - stroke-width: 25px; - line-cap: round; + background-color: #456345; margin: 5px; } .prop5 { - color: #831834; - stroke-width: 40px; - line-cap: square; + width: 80%; + background-color: #831834; margin: 5px; height: 70px; } @@ -348,8 +342,6 @@ .ani1{ color: #72ac33; - stroke-width: 55px; - line-cap: square; margin: 5px; transform-origin: 0% 0%; animation: ani1Go 3s infinite; @@ -397,48 +389,35 @@ .gradient1{ height:20px; - - stroke-width: 30px; - line-cap: square; margin: 5px; background: linear-gradient(red, #00ff00); } .gradient2{ height:20px; - - stroke-width: 30px; - line-cap: square; margin: 5px; background: linear-gradient(45deg, rgb(255,0,0),rgb(0, 255, 0)); } .gradient3{ height:20px; - stroke-width: 30px; - line-cap: square; margin: 5px; background: linear-gradient(to right, rgb(255,0,0) 90px, rgb(0, 255, 0) 60%); } .gradient4{ height:20px; - - stroke-width: 30px; - line-cap: square; margin: 5px; background: repeating-linear-gradient(to right, rgba(255, 255, 0, 1) 30px,rgba(0, 0, 255, .5) 60px); } -.access-container{ +.accessibility-container{ flex-direction: column; } -.access1{ +.accessibility1{ height:20px; background-color: #321124; - stroke-width: 30px; - line-cap: square; margin: 5px; } @@ -452,8 +431,6 @@ .multimode1{ color: #978666; - stroke-width: 30px; - line-cap: square; margin: 5px; } .function-container{ @@ -489,7 +466,6 @@ width: 100%; height: 30px; display: flex; -/* background-color: #ee6363;*/ justify-content: center; align-items: center; diff --git a/ace/ace_standard/src/main/js/default/pages/imageAnimator/index.hml b/ace/ace_standard/src/main/js/default/pages/imageAnimator/router/index.hml similarity index 66% rename from ace/ace_standard/src/main/js/default/pages/imageAnimator/index.hml rename to ace/ace_standard/src/main/js/default/pages/imageAnimator/router/index.hml index defd44c953f8dde1b2010457bc913127c0748ed8..db5c4ad81e546cc4de9e0ae8d4f09b2f5ae58186 100644 --- a/ace/ace_standard/src/main/js/default/pages/imageAnimator/index.hml +++ b/ace/ace_standard/src/main/js/default/pages/imageAnimator/router/index.hml @@ -20,77 +20,34 @@ 通用样式 - image-animator通用样式1 + 通用样式1 - + - image-animator通用样式2 + 通用样式2 - + - image-animator通用样式3 + 通用样式3 - + - image-animator通用样式4 + 通用样式4 - + - image-animator通用样式5 + 通用样式5
- + - +
- - image-animator特有样式 - -
- - - - - - -
- - image-animator特有样式1 - -
- - - - - - - - - - - - - - - - - - -
- - image-animator 特有样式2 - -
- - - - -
@@ -99,12 +56,12 @@ 动画样式 - image-animator动画样式1 + 动画样式1 - image-animator动画样式2 + 动画样式2 @@ -120,32 +77,32 @@ 通用属性 - image-animator通用属性1 + 通用属性1 - - image-animator通用属性2 + 通用属性2 - - image-animator通用属性3 + 通用属性3 - + - image-animator特有属性 + 特有属性 - +
@@ -155,22 +112,22 @@ 通用事件 - div通用事件1 + 通用事件1 - - div通用事件2 + 通用事件2 - - div通用事件3 + 通用事件3 - - div特有事件1 + 特有事件1 - +
@@ -191,22 +148,22 @@ 通用方法 - div通用方法1 + 通用方法1 - + - div通用方法2 + 通用方法2 - + - div通用方法3 + 通用方法3 - + - div特有方法 + 特有方法
-
+
无障碍 - div无障碍1 + 无障碍1 - @@ -276,7 +233,7 @@ 原子布局 - div原子布局1 + 原子布局1
@@ -293,7 +250,7 @@
- div原子布局2 + 原子布局2
@@ -310,7 +267,7 @@
- div原子布局3 + 原子布局3
@@ -333,7 +290,7 @@ 多模输入 - div多模输入1 + 多模输入1 diff --git a/ace/ace_standard/src/main/js/default/pages/imageAnimator/index.js b/ace/ace_standard/src/main/js/default/pages/imageAnimator/router/index.js similarity index 87% rename from ace/ace_standard/src/main/js/default/pages/imageAnimator/index.js rename to ace/ace_standard/src/main/js/default/pages/imageAnimator/router/index.js index 56fdae9303837cedeec3d908004267c3da759271..53f3a2ab4b08b2fb2f66e42ba87108027ca1c66c 100644 --- a/ace/ace_standard/src/main/js/default/pages/imageAnimator/index.js +++ b/ace/ace_standard/src/main/js/default/pages/imageAnimator/router/index.js @@ -14,75 +14,6 @@ */ import prompt from '@system.prompt'; - -var options = { - duration: 1500, - easing: 'friction', - delay: 100, - fill: 'forwards', - iterations: 2, - direction: 'normal', -}; -var frames = [ - { - transform: { - translate: '-120px', - rotate:'10deg', - scale:0.2, - skew:'40deg' - }, - opacity: 0.1, - offset: 0.0, - width: '40%', - height:'20px', - backgroundColor:'#ff0000', - backgroundPosition:'10px 20px', - transformOrigin:'left top' - }, - { - transform: { - translateX: '0px', - translateY: '5px', - rotateX:'10deg', - rotateY:'10deg', - scaleX:0.5, - scaleY:0.7, - skewX:'22deg', - skewY:'30deg' - }, - opacity: 0.6, - offset: 2.0, - width: '60%', - height:'30px', - backgroundColor:'#ff00ff', - backgroundPosition:'15px 25px', - transformOrigin:'center top' - }, - { - transform: { - translateX: '100px', - translateY: '0px', - translateZ: '20px', - rotateX:'0deg', - rotateY:'0deg', - rotateZ:'30deg', - scaleX:1, - scaleY:1, - scaleZ:2, - skewX:'0', - skewY:'0', - skewZ:'30deg' - }, - opacity: 1, - offset: 0.0, - width: '100%', - height:'30px', - backgroundColor:'#ffff00', - backgroundPosition:'0px', - transformOrigin:'center center' - }, -]; - export default { data: { images: [ @@ -452,6 +383,74 @@ export default { functionTest3(event){ var function3 = this.$element('function3'); + var options = { + duration: 1500, + easing: 'friction', + delay: 100, + fill: 'forwards', + iterations: 2, + direction: 'normal', + }; + var frames = [ + { + transform: { + translate: '-120px', + rotate:'10deg', + scale:0.2, + skew:'40deg' + }, + opacity: 0.1, + offset: 0.0, + width: '40%', + height:'20px', + backgroundColor:'#ff0000', + backgroundPosition:'10px 20px', + transformOrigin:'left top' + }, + { + transform: { + translateX: '0px', + translateY: '5px', + rotateX:'10deg', + rotateY:'10deg', + scaleX:0.5, + scaleY:0.7, + skewX:'22deg', + skewY:'30deg' + }, + opacity: 0.6, + offset: 2.0, + width: '60%', + height:'30px', + backgroundColor:'#ff00ff', + backgroundPosition:'15px 25px', + transformOrigin:'center top' + }, + { + transform: { + translateX: '100px', + translateY: '0px', + translateZ: '20px', + rotateX:'0deg', + rotateY:'0deg', + rotateZ:'30deg', + scaleX:1, + scaleY:1, + scaleZ:2, + skewX:'0', + skewY:'0', + skewZ:'30deg' + }, + opacity: 1, + offset: 0.0, + width: '100%', + height:'30px', + backgroundColor:'#ffff00', + backgroundPosition:'0px', + transformOrigin:'center center' + }, + ]; + var animation = function3.animate(frames, options); animation.play() animation.onfinish = function(){ diff --git a/ace/ace_standard/src/main/js/default/pages/imageAnimator/style/index.css b/ace/ace_standard/src/main/js/default/pages/imageAnimator/style/index.css new file mode 100644 index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391 diff --git a/ace/ace_standard/src/main/js/default/pages/imageAnimator/style/index.hml b/ace/ace_standard/src/main/js/default/pages/imageAnimator/style/index.hml new file mode 100644 index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391 diff --git a/ace/ace_standard/src/main/js/default/pages/imageAnimator/style/index.js b/ace/ace_standard/src/main/js/default/pages/imageAnimator/style/index.js new file mode 100644 index 0000000000000000000000000000000000000000..336492c8796cfa5ad4c6daef37793e77aebe4d8a --- /dev/null +++ b/ace/ace_standard/src/main/js/default/pages/imageAnimator/style/index.js @@ -0,0 +1,14 @@ +/** + * Copyright (c) 2022 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. + */ diff --git a/ace/ace_standard/src/main/js/default/test/imageAnimatorProps.test.js b/ace/ace_standard/src/main/js/default/test/imageAnimatorProps.test.js new file mode 100644 index 0000000000000000000000000000000000000000..7a9d9c1648888c6f4ac23fffb532814c729a365a --- /dev/null +++ b/ace/ace_standard/src/main/js/default/test/imageAnimatorProps.test.js @@ -0,0 +1,963 @@ +/* + * Copyright (C) 2021 Huawei Device Co., Ltd. + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +import router from '@system.router'; +import {describe, beforeAll,afterAll, it, expect} from 'deccjsunit/index'; + + +describe('imageAnimatorPropsJsTest', function () { + + async function sleep(time) { + return new Promise((resolve, reject) => { + setTimeout(() => { + resolve() + }, time) + }).then(() => { + console.info(`sleep ${time} over...`) + }) + } + + async function backToIndex() { + let backToIndexPromise = new Promise((resolve, reject) => { + setTimeout(() => { + router.back({ + uri: 'pages/index/index' + }); + resolve(); + }, 500); + }); + let clearPromise = new Promise((resolve, reject) => { + setTimeout(() => { + router.clear(); + resolve(); + }, 500); + }); + await backToIndexPromise.then(() => { + return clearPromise; + }); + } + + /** + * run before testcase + */ + beforeAll(async function (done) { + console.info('[imageAnimatorPropsJsTest] before each called') + + let result; + let options = { + uri: 'pages/imageAnimator/prop/index' + } + try { + result = router.push(options) + console.info("push imageAnimatorProps page success " + JSON.stringify(result)); + } catch (err) { + console.error("push imageAnimatorProps page error " + JSON.stringify(result)); + } + await sleep(4000) + done() + }); + + /** + * run after testcase + */ + afterAll(async function () { + console.info('[imageAnimatorPropsJsTest] after each called') + await backToIndex() + await sleep(1000) + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testimageAnimatorIdProp + * @tc.desc ACE + */ + it('testimageAnimatorIdProp', 0, async function (done) { + console.info('testimageAnimatorIdProp START'); + console.info("[imageAnimatorProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.idProp); + console.info("[imageAnimatorProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[imageAnimatorProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('image-animator') + expect(obj.$attrs.id).assertEqual('idProp') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testimageAnimatorClassProp + * @tc.desc ACE + */ + it('testimageAnimatorClassProp', 0, async function (done) { + console.info('testimageAnimatorClassProp START'); + console.info("[imageAnimatorProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.classProp); + console.info("[imageAnimatorProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[imageAnimatorProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('image-animator') + expect(obj.$attrs.id).assertEqual('classProp') + expect(obj.$attrs.className).assertEqual('classProp') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testimageAnimatorClassPropNone + * @tc.desc ACE + */ + it('testimageAnimatorClassPropNone', 0, async function (done) { + console.info('testimageAnimatorClassPropNone START'); + console.info("[imageAnimatorProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.classPropNone); + console.info("[imageAnimatorProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[imageAnimatorProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('image-animator') + expect(obj.$attrs.id).assertEqual('classPropNone') + expect(obj.$attrs.className).assertEqual(undefined) + console.info("[imageAnimatorProps] get className value is: " + JSON.stringify(obj.$attrs.className)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testimageAnimatorRefProp + * @tc.desc ACE + */ + it('testimageAnimatorRefProp', 0, async function (done) { + console.info('testimageAnimatorRefProp START'); + console.info("[imageAnimatorProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.refProp); + console.info("[imageAnimatorProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[imageAnimatorProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('image-animator') + expect(obj.$attrs.id).assertEqual('refProp') + expect(obj.$attrs.ref).assertEqual('refProp') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testimageAnimatorRefPropNone + * @tc.desc ACE + */ + it('testimageAnimatorRefPropNone', 0, async function (done) { + console.info('testimageAnimatorRefPropNone START'); + console.info("[imageAnimatorProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.refPropNone); + console.info("[imageAnimatorProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[imageAnimatorProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('image-animator') + expect(obj.$attrs.id).assertEqual('refPropNone') + expect(obj.$attrs.ref).assertEqual(undefined) + console.info("[imageAnimatorProps] get ref value is: " + JSON.stringify(obj.$attrs.ref)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testimageAnimatorDisabledPropTrue + * @tc.desc ACE + */ + it('testimageAnimatorDisabledPropTrue', 0, async function (done) { + console.info('testimageAnimatorDisabledPropTrue START'); + console.info("[imageAnimatorProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.disabledPropTrue); + console.info("[imageAnimatorProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[imageAnimatorProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('image-animator') + expect(obj.$attrs.id).assertEqual('disabledPropTrue') + expect(obj.$attrs.disabled).assertEqual('true') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testimageAnimatorDisabledPropFalse + * @tc.desc ACE + */ + it('testimageAnimatorDisabledPropFalse', 0, async function (done) { + console.info('testimageAnimatorDisabledPropFalse START'); + console.info("[imageAnimatorProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.disabledPropFalse); + console.info("[imageAnimatorProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[imageAnimatorProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('image-animator') + expect(obj.$attrs.id).assertEqual('disabledPropFalse') + expect(obj.$attrs.disabled).assertEqual('false') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testimageAnimatorDisabledPropNone + * @tc.desc ACE + */ + it('testimageAnimatorDisabledPropNone', 0, async function (done) { + console.info('testimageAnimatorDisabledPropNone START'); + console.info("[imageAnimatorProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.disabledPropNone); + console.info("[imageAnimatorProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[imageAnimatorProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('image-animator') + expect(obj.$attrs.id).assertEqual('disabledPropNone') + expect(obj.$attrs.disabled).assertEqual('false') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testimageAnimatorFocusablePropTrue + * @tc.desc ACE + */ + it('testimageAnimatorFocusablePropTrue', 0, async function (done) { + console.info('testimageAnimatorFocusablePropTrue START'); + console.info("[imageAnimatorProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.focusablePropTrue); + console.info("[imageAnimatorProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[imageAnimatorProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('image-animator') + expect(obj.$attrs.id).assertEqual('focusablePropTrue') + expect(obj.$attrs.focusable).assertEqual('true') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testimageAnimatorFocusablePropFalse + * @tc.desc ACE + */ + it('testimageAnimatorFocusablePropFalse', 0, async function (done) { + console.info('testimageAnimatorFocusablePropFalse START'); + console.info("[imageAnimatorProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.focusablePropFalse); + console.info("[imageAnimatorProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[imageAnimatorProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('image-animator') + expect(obj.$attrs.id).assertEqual('focusablePropFalse') + expect(obj.$attrs.focusable).assertEqual('false') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testimageAnimatorFocusablePropNone + * @tc.desc ACE + */ + it('testimageAnimatorFocusablePropNone', 0, async function (done) { + console.info('testimageAnimatorFocusablePropNone START'); + console.info("[imageAnimatorProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.focusablePropNone); + console.info("[imageAnimatorProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[imageAnimatorProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('image-animator') + expect(obj.$attrs.id).assertEqual('focusablePropNone') + expect(obj.$attrs.focusable).assertEqual('false') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testimageAnimatorDataProp + * @tc.desc ACE + */ + it('testimageAnimatorDataProp', 0, async function (done) { + console.info('testimageAnimatorDataProp START'); + console.info("[imageAnimatorProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.dataProp); + console.info("[imageAnimatorProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[imageAnimatorProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('image-animator') + expect(obj.$attrs.id).assertEqual('dataProp') + expect(obj.$attrs.dataimageAnimator).assertEqual(undefined); + console.info("[imageAnimatorProps] get dataimageAnimator value is: " + JSON.stringify(obj.$attrs.dataimageAnimator)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testimageAnimatorDataPropNone + * @tc.desc ACE + */ + it('testimageAnimatorDataPropNone', 0, async function (done) { + console.info('testimageAnimatorDataPropNone START'); + console.info("[imageAnimatorProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.dataPropNone); + console.info("[imageAnimatorProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[imageAnimatorProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('image-animator') + expect(obj.$attrs.id).assertEqual('dataPropNone') + expect(obj.$attrs.dataimageAnimator).assertEqual(undefined) + console.info("[imageAnimatorProps] get dataimageAnimator value is: " + JSON.stringify(obj.$attrs.dataimageAnimator)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testimageAnimatorClickEffectPropSmall + * @tc.desc ACE + */ + it('testimageAnimatorClickEffectPropSmall', 0, async function (done) { + console.info('testimageAnimatorClickEffectPropSmall START'); + console.info("[imageAnimatorProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.clickEffectPropSmall); + console.info("[imageAnimatorProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[imageAnimatorProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('image-animator') + expect(obj.$attrs.id).assertEqual('clickEffectPropSmall') + expect(obj.$attrs.clickEffect).assertEqual('spring-small') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testimageAnimatorClickEffectPropMedium + * @tc.desc ACE + */ + it('testimageAnimatorClickEffectPropMedium', 0, async function (done) { + console.info('testimageAnimatorClickEffectPropMedium START'); + console.info("[imageAnimatorProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.clickEffectPropMedium); + console.info("[imageAnimatorProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[imageAnimatorProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('image-animator') + expect(obj.$attrs.id).assertEqual('clickEffectPropMedium') + expect(obj.$attrs.clickEffect).assertEqual('spring-medium') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testimageAnimatorClickEffectPropLarge + * @tc.desc ACE + */ + it('testimageAnimatorClickEffectPropLarge', 0, async function (done) { + console.info('testimageAnimatorClickEffectPropLarge START'); + console.info("[imageAnimatorProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.clickEffectPropLarge); + console.info("[imageAnimatorProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[imageAnimatorProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('image-animator') + expect(obj.$attrs.id).assertEqual('clickEffectPropLarge') + expect(obj.$attrs.clickEffect).assertEqual('spring-large') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testimageAnimatorClickEffectPropNone + * @tc.desc ACE + */ + it('testimageAnimatorClickEffectPropNone', 0, async function (done) { + console.info('testimageAnimatorClickEffectPropNone START'); + console.info("[imageAnimatorProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.clickEffectPropNone); + console.info("[imageAnimatorProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[imageAnimatorProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('image-animator') + expect(obj.$attrs.id).assertEqual('clickEffectPropNone') + expect(obj.$attrs.clickEffect).assertEqual(undefined) + console.info("[imageAnimatorProps] get clickEffect value is: " + JSON.stringify(obj.$attrs.clickEffect)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testimageAnimatorDirPropRtl + * @tc.desc ACE + */ + it('testimageAnimatorDirPropRtl', 0, async function (done) { + console.info('testimageAnimatorDirPropRtl START'); + console.info("[imageAnimatorProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.dirPropRtl); + console.info("[imageAnimatorProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[imageAnimatorProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('image-animator') + expect(obj.$attrs.id).assertEqual('dirPropRtl') + expect(obj.$attrs.dir).assertEqual('rtl') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testimageAnimatorDirPropLtr + * @tc.desc ACE + */ + it('testimageAnimatorDirPropLtr', 0, async function (done) { + console.info('testimageAnimatorDirPropLtr START'); + console.info("[imageAnimatorProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.dirPropLtr); + console.info("[imageAnimatorProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[imageAnimatorProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('image-animator') + expect(obj.$attrs.id).assertEqual('dirPropLtr') + expect(obj.$attrs.dir).assertEqual('ltr') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testimageAnimatorDirPropAuto + * @tc.desc ACE + */ + it('testimageAnimatorDirPropAuto', 0, async function (done) { + console.info('testimageAnimatorDirPropAuto START'); + console.info("[imageAnimatorProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.dirPropAuto); + console.info("[imageAnimatorProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[imageAnimatorProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('image-animator') + expect(obj.$attrs.id).assertEqual('dirPropAuto') + expect(obj.$attrs.dir).assertEqual('auto') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testimageAnimatorDirPropNone + * @tc.desc ACE + */ + it('testimageAnimatorDirPropNone', 0, async function (done) { + console.info('testimageAnimatorDirPropNone START'); + console.info("[imageAnimatorProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.dirPropNone); + console.info("[imageAnimatorProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[imageAnimatorProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('image-animator') + expect(obj.$attrs.id).assertEqual('dirPropNone') + expect(obj.$attrs.dir).assertEqual('auto') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testimageAnimatorForPropNull + * @tc.desc ACE + */ + it('testimageAnimatorForPropNull', 0, async function (done) { + console.info('testimageAnimatorForPropNull START'); + console.info("[imageAnimatorProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.forPropNull); + console.info("[imageAnimatorProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[imageAnimatorProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('image-animator') + expect(obj.$attrs.id).assertEqual('forPropNull') + expect(obj.$attrs.for).assertEqual(undefined) + console.info("[imageAnimatorProps] get for value is: " + JSON.stringify(obj.$attrs.for)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testimageAnimatorForPropOne + * @tc.desc ACE + */ + it('testimageAnimatorForPropOne', 0, async function (done) { + console.info('testimageAnimatorForPropOne START'); + console.info("[imageAnimatorProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.forPropOne); + console.info("[imageAnimatorProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[imageAnimatorProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('image-animator') + expect(obj.$attrs.id).assertEqual('forPropOne') + expect(obj.$attrs.for).assertEqual(undefined) + console.info("[imageAnimatorProps] get for value is: " + JSON.stringify(obj.$attrs.for)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testimageAnimatorForPropThree + * @tc.desc ACE + */ + it('testimageAnimatorForPropThree', 0, async function (done) { + console.info('testimageAnimatorForPropThree START'); + console.info("[imageAnimatorProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.forPropThree); + console.info("[imageAnimatorProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[imageAnimatorProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('image-animator') + expect(obj.$attrs.id).assertEqual('forPropThree') + expect(obj.$attrs.for).assertEqual(undefined) + console.info("[imageAnimatorProps] get for value is: " + JSON.stringify(obj.$attrs.for)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testimageAnimatorIfPropTrue + * @tc.desc ACE + */ + it('testimageAnimatorIfPropTrue', 0, async function (done) { + console.info('testimageAnimatorIfPropTrue START'); + console.info("[imageAnimatorProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.ifPropTrue); + console.info("[imageAnimatorProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[imageAnimatorProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('image-animator') + expect(obj.$attrs.id).assertEqual('ifPropTrue') + expect(obj.$attrs.if).assertEqual(undefined) + console.info("[imageAnimatorProps] get for value is: " + JSON.stringify(obj.$attrs.if)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testimageAnimatorShowPropTrue + * @tc.desc ACE + */ + it('testimageAnimatorShowPropTrue', 0, async function (done) { + console.info('testimageAnimatorShowPropTrue START'); + console.info("[imageAnimatorProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.showPropTrue); + console.info("[imageAnimatorProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[imageAnimatorProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('image-animator') + expect(obj.$attrs.id).assertEqual('showPropTrue') + expect(obj.$attrs.show).assertEqual('true') + console.info("[imageAnimatorProps] get show value is: " + JSON.stringify(obj.$attrs.show)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testimageAnimatorShowPropFalse + * @tc.desc ACE + */ + it('testimageAnimatorShowPropFalse', 0, async function (done) { + console.info('testimageAnimatorShowPropFalse START'); + console.info("[imageAnimatorProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.showPropFalse); + console.info("[imageAnimatorProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[imageAnimatorProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('image-animator') + expect(obj.$attrs.id).assertEqual('showPropFalse') + expect(obj.$attrs.show).assertEqual('false') + console.info("[imageAnimatorProps] get show value is: " + JSON.stringify(obj.$attrs.show)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testimageAnimatorShowPropNone + * @tc.desc ACE + */ + it('testimageAnimatorShowPropNone', 0, async function (done) { + console.info('testimageAnimatorShowPropNone START'); + console.info("[imageAnimatorProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.showPropNone); + console.info("[imageAnimatorProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[imageAnimatorProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('image-animator') + expect(obj.$attrs.id).assertEqual('showPropNone') + expect(obj.$attrs.show).assertEqual("false") + console.info("[imageAnimatorProps] get show value is: " + JSON.stringify(obj.$attrs.show)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testimageAnimatorShowPropNone + * @tc.desc ACE + */ + it('testimageAnimatorImagePropNone', 0, async function (done) { + console.info('testimageAnimatorXsPropNone START'); + console.info("[imageAnimatorProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.typeImageNull); + console.info("[imageAnimatorProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[imageAnimatorProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('image-animator') + expect(obj.$attrs.id).assertEqual('typeImageNull') + expect(obj.$attrs.images).assertEqual(undefined) + console.info("[imageAnimatorProps] get image value is: " + JSON.stringify(obj.$attrs.image)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testimageAnimatorShowPropNone + * @tc.desc ACE + */ + it('testimageAnimatorImageProp', 0, async function (done) { + console.info('testimageAnimatorXsPropNone START'); + console.info("[imageAnimatorProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.typeImage); + console.info("[imageAnimatorProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[imageAnimatorProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('image-animator') + expect(obj.$attrs.id).assertEqual('typeImage') + expect(obj.$attrs.images).assertEqual(undefined) + console.info("[imageAnimatorProps] get image value is: " + JSON.stringify(obj.$attrs.image)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testimageAnimatorShowPropNone + * @tc.desc ACE + */ + it('testimageAnimatorPredecodeProp2', 0, async function (done) { + console.info('testimageAnimatorXsProp1 START'); + console.info("[imageAnimatorProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.typePredecode2); + console.info("[imageAnimatorProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[imageAnimatorProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('image-animator') + expect(obj.$attrs.id).assertEqual('typePredecode2') + expect(obj.$attrs.predecode).assertEqual('2') + console.info("[imageAnimatorProps] get predecode value is: " + JSON.stringify(obj.$attrs.predecode)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testimageAnimatorShowPropNone + * @tc.desc ACE + */ + it('testimageAnimatorIterationPropInfi', 0, async function (done) { + console.info('testimageAnimatorXsPropObject START'); + console.info("[imageAnimatorProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.typeIterationInfi); + console.info("[imageAnimatorProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[imageAnimatorProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('image-animator') + expect(obj.$attrs.id).assertEqual('typeIterationInfi') + expect(obj.$attrs.iteration).assertEqual("infinite") + console.info("[imageAnimatorProps] get iteration value is: " + JSON.stringify(obj.$attrs.iteration)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testimageAnimatorShowPropNone + * @tc.desc ACE + */ + it('testimageAnimatorIterationProp3', 0, async function (done) { + console.info('testimageAnimatorXsPropObject START'); + console.info("[imageAnimatorProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.typeIteration3); + console.info("[imageAnimatorProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[imageAnimatorProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('image-animator') + expect(obj.$attrs.id).assertEqual('typeIteration3') + expect(obj.$attrs.iteration).assertEqual("3") + console.info("[imageAnimatorProps] get iteration value is: " + JSON.stringify(obj.$attrs.iteration)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testimageAnimatorShowPropNone + * @tc.desc ACE + */ + it('testimageAnimatorReversePropNull', 0, async function (done) { + console.info('testimageAnimatorXsProp1 START'); + console.info("[imageAnimatorProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.typeReverseNull); + console.info("[imageAnimatorProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[imageAnimatorProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('image-animator') + expect(obj.$attrs.id).assertEqual('typeReverseNull') + expect(obj.$attrs.reverse).assertEqual("false") + console.info("[imageAnimatorProps] get reverse value is: " + JSON.stringify(obj.$attrs.reverse)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testimageAnimatorShowPropNone + * @tc.desc ACE + */ + it('testimageAnimatorReversePropFalse', 0, async function (done) { + console.info('testimageAnimatorXsProp1 START'); + console.info("[imageAnimatorProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.typeReverseFalse); + console.info("[imageAnimatorProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[imageAnimatorProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('image-animator') + expect(obj.$attrs.id).assertEqual('typeReverseFalse') + expect(obj.$attrs.reverse).assertEqual('false') + console.info("[imageAnimatorProps] get reverse value is: " + JSON.stringify(obj.$attrs.reverse)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testimageAnimatorShowPropNone + * @tc.desc ACE + */ + it('testimageAnimatorReversePropTrue', 0, async function (done) { + console.info('testimageAnimatorXsProp1 START'); + console.info("[imageAnimatorProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.typeReverseTrue); + console.info("[imageAnimatorProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[imageAnimatorProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('image-animator') + expect(obj.$attrs.id).assertEqual('typeReverseTrue') + expect(obj.$attrs.reverse).assertEqual('true') + console.info("[imageAnimatorProps] get reverse value is: " + JSON.stringify(obj.$attrs.reverse)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testimageAnimatorShowPropNone + * @tc.desc ACE + */ + it('testimageAnimatorFixedsizePropNull', 0, async function (done) { + console.info('testimageAnimatorXsProp1 START'); + console.info("[imageAnimatorProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.typeFixedsizeNull); + console.info("[imageAnimatorProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[imageAnimatorProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('image-animator') + expect(obj.$attrs.id).assertEqual('typeFixedsizeNull') + expect(obj.$attrs.fixedsize).assertEqual("true") + console.info("[imageAnimatorProps] get fixedsize value is: " + JSON.stringify(obj.$attrs.fixedsize)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testimageAnimatorShowPropNone + * @tc.desc ACE + */ + it('testimageAnimatorFixedsizePropFalse', 0, async function (done) { + console.info('testimageAnimatorXsProp1 START'); + console.info("[imageAnimatorProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.typeFixedsizeFalse); + console.info("[imageAnimatorProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[imageAnimatorProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('image-animator') + expect(obj.$attrs.id).assertEqual('typeFixedsizeFalse') + expect(obj.$attrs.fixedsize).assertEqual('false') + console.info("[imageAnimatorProps] get fixedsize value is: " + JSON.stringify(obj.$attrs.fixedsize)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testimageAnimatorShowPropNone + * @tc.desc ACE + */ + it('testimageAnimatorFixedsizePropTrue', 0, async function (done) { + console.info('testimageAnimatorXsProp1 START'); + console.info("[imageAnimatorProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.typeFixedsizeTrue); + console.info("[imageAnimatorProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[imageAnimatorProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('image-animator') + expect(obj.$attrs.id).assertEqual('typeFixedsizeTrue') + expect(obj.$attrs.fixedsize).assertEqual('true') + console.info("[imageAnimatorProps] get fixedsize value is: " + JSON.stringify(obj.$attrs.fixedsize)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testimageAnimatorShowPropNone + * @tc.desc ACE + */ + it('testimageAnimatorFillmodePropNull', 0, async function (done) { + console.info('testimageAnimatorXsPropObject START'); + console.info("[imageAnimatorProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.typeFillmodeNull); + console.info("[imageAnimatorProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[imageAnimatorProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('image-animator') + expect(obj.$attrs.id).assertEqual('typeFillmodeNull') + expect(obj.$attrs.fillmode).assertEqual("forwards") + console.info("[imageAnimatorProps] get fillmode value is: " + JSON.stringify(obj.$attrs.fillmode)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testimageAnimatorShowPropNone + * @tc.desc ACE + */ +it('testimageAnimatorFillmodePropForwards', 0, async function (done) { + console.info('testimageAnimatorXsPropObject START'); + console.info("[imageAnimatorProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.typeFillmodeForwards); + console.info("[imageAnimatorProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[imageAnimatorProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('image-animator') + expect(obj.$attrs.id).assertEqual('typeFillmodeForwards') + expect(obj.$attrs.fillmode).assertEqual("forwards") + console.info("[imageAnimatorProps] get fillmode value is: " + JSON.stringify(obj.$attrs.fillmode)); + done(); +}); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testimageAnimatorShowPropNone + * @tc.desc ACE + */ +it('testimageAnimatorFillmodePropNone', 0, async function (done) { + console.info('testimageAnimatorXsPropObject START'); + console.info("[imageAnimatorProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.typeFillmodeNone); + console.info("[imageAnimatorProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[imageAnimatorProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('image-animator') + expect(obj.$attrs.id).assertEqual('typeFillmodeNone') + expect(obj.$attrs.fillmode).assertEqual("none") + console.info("[imageAnimatorProps] get fillmode value is: " + JSON.stringify(obj.$attrs.fillmode)); + done(); +}); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testimageAnimatorShowPropNone + * @tc.desc ACE + */ +it('testimageAnimatorDurationPropNull', 0, async function (done) { + console.info('testimageAnimatorXsPropObject START'); + console.info("[imageAnimatorProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.typeDurationNull); + console.info("[imageAnimatorProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[imageAnimatorProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('image-animator') + expect(obj.$attrs.id).assertEqual('typeDurationNull') + expect(obj.$attrs.duration).assertEqual(undefined) + console.info("[imageAnimatorProps] get duration value is: " + JSON.stringify(obj.$attrs.duration)); + done(); +}); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testimageAnimatorShowPropNone + * @tc.desc ACE + */ +it('testimageAnimatorDurationProp3', 0, async function (done) { + console.info('testimageAnimatorXsPropObject START'); + console.info("[imageAnimatorProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.typeDuration3); + console.info("[imageAnimatorProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[imageAnimatorProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('image-animator') + expect(obj.$attrs.id).assertEqual('typeDuration3') + expect(obj.$attrs.duration).assertEqual("3s") + console.info("[imageAnimatorProps] get duration value is: " + JSON.stringify(obj.$attrs.duration)); + done(); +}); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testimageAnimatorShowPropNone + * @tc.desc ACE + */ +it('testimageAnimatorDurationProp6', 0, async function (done) { + console.info('testimageAnimatorXsPropObject START'); + console.info("[imageAnimatorProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.typeDuration6); + console.info("[imageAnimatorProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[imageAnimatorProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('image-animator') + expect(obj.$attrs.id).assertEqual('typeDuration6') + expect(obj.$attrs.duration).assertEqual("6s") + console.info("[imageAnimatorProps] get duration value is: " + JSON.stringify(obj.$attrs.duration)); + done(); +}); +});