!25 add test cases

Merge pull request !25 from zhaojunxia/xts_acts_dev

ace/ace_standard/src/main/js/default/pages/imageAnimator/prop/index.js

@@ -73,58 +73,39 @@ export default {
         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,
+            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,
+            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,
+            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,
-
+            typeFillmodeForwards :  this.typeFillmodeForwards, typeFillmodeNone :  this.typeFillmodeNone,
         }
     },
 
@@ -180,19 +161,3 @@ export default {
         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

ace/ace_standard/src/main/js/default/pages/imageAnimator/router/index.css

@@ -411,11 +411,11 @@
     background: repeating-linear-gradient(to right, rgba(255, 255, 0, 1) 30px,rgba(0, 0, 255, .5) 60px);
 }
 
-.accessibility-container{
+.access-container{
     flex-direction: column;
 }
 
-.accessibility1{
+.access1{
     height:20px;
     background-color: #321124;
     margin: 5px;

ace/ace_standard/src/main/js/default/pages/imageAnimator/router/index.hml

@@ -213,7 +213,7 @@
         </div>
         <div style="background-color: #000000; width: 100%; height: 2px;">
         </div>
-        <div class="accessibility-container">
+        <div class="access-container">
             <text class="title">
                 无障碍
             </text>

ace/ace_standard/src/main/js/default/pages/imageAnimator/router/index.js

@@ -13,6 +13,74 @@
  * limitations under the License.
  */
 
+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'
+    },
+];
+
 import prompt from '@system.prompt';
 export default {
     data: {
@@ -383,73 +451,7 @@ 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()

ace/ace_standard/src/main/js/default/test/imageAnimatorProps.test.js

@@ -303,8 +303,8 @@ describe('imageAnimatorPropsJsTest', function () {
 
         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));
+        expect(obj.$attrs.data).assertEqual(undefined);
+        console.info("[imageAnimatorProps] get data value is: " + JSON.stringify(obj.$attrs.data));
         done();
     });
 
@@ -323,8 +323,8 @@ describe('imageAnimatorPropsJsTest', function () {
 
         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));
+        expect(obj.$attrs.data).assertEqual(undefined)
+        console.info("[imageAnimatorProps] get data value is: " + JSON.stringify(obj.$attrs.data));
         done();
     });