UI组件 路由测试用例

Signed-off-by: Nbayanxing <bayanxing@kaihongdigi.com>

ace/ace_standard/Test.json

@@ -2,9 +2,9 @@
     "description": "Configuration for aceceshi Tests",
     "driver": {
         "type": "JSUnitTest",
-        "test-timeout": "100000",
+        "test-timeout": "200000",
         "package": "com.example.aceceshi",
-        "shell-timeout": "100000"
+        "shell-timeout": "200000"
     },
     "kits": [
         {

ace/ace_standard/src/main/js/default/pages/panel/index.css

@@ -335,55 +335,13 @@
     }
 }
 
-
 .ani2{
-    color: #ad4e2a;
-    stroke-width: 55px;
-    line-cap: square;
+    background-color: #ad4e2a;
+    width: 55px;
+    height: 55px;
     margin: 5px;
-    transform-origin: 2% 3%;
-    animation-name:ani2Go;
-    animation-delay:5s;
-    animation-duration:10s;
-    animation-iteration-count:4;
-    animation-timing-function:ease-out;
-    animation-direction:reverse;
-    animation-fill-mode:forwards;
-    animation-play-state:running;
-    transition:all 0 ease 0;
-}
-
-@keyframes ani2Go
-{
-    from {
-        background-color: #f76160;
-        opacity:0.3;
-        width:50px;
-        height: 50px;
-        background-position:10% 10%
-    }
-    30% {
-        background-color: #60f761;
-        opacity:0.5;
-        width:70px;
-        height: 70px;
-        background-position:12% 12%;
-        transform:translateX(10px) translateY(5px)  translateZ(15px)
-        rotateX(20deg) rotateY(25deg) rotateZ(15deg) scaleX(0.6) scaleY(0.5) scaleZ(1.5) perspective(10);
-    }
-    to {
-        background-color: #6160f7;
-        opacity:1;
-        width:90px;
-        height: 90px;
-        background-position:22% 22%;
-        transform:translateX(30px) translateY(45px)  translateZ(55px)
-        rotateX(180deg) rotateY(185deg) rotateZ(150deg) scaleX(2) scaleY(2.5) scaleZ(3.5);
-    }
 }
 
-
-
 .gradient1{
     stroke-width: 30px;
     line-cap: square;

ace/ace_standard/src/main/js/default/pages/panel/index.hml

@@ -216,7 +216,7 @@
                 动画样式
             </text>
             <text class="sub-title">
-                div动画样式1
+                panel动画样式1
             </text>
             <div class="btn-div">
                 <button type="capsule"
@@ -243,7 +243,7 @@
                 </div>
             </panel>
             <text class="sub-title">
-                div动画样式2
+                panel动画样式2
             </text>
             <div class="btn-div">
                 <button type="capsule"
@@ -291,7 +291,7 @@
                         onclick="showPanelPro1">
                 </button>
             </div>
-            <panel id="simplepanelPro1"
+            <panel id = "prop1"
                    class="prop1"
                    type="foldable"
                    disabled = "true"
@@ -320,7 +320,7 @@
                         onclick="showPanelPro2">
                 </button>
             </div>
-            <panel id="simplepanelPro2" class="prop2" ref ="prop2"
+            <panel id="prop2" class="prop2" ref ="prop2"
                      disabled = "false" focusable ="false"
                      data-name ="prop2" click-effect="spring-large"
                      dir ="ltr"

ace/ace_standard/src/main/js/default/pages/panel/index.js

@@ -57,16 +57,16 @@ export default {
     },
     // 属性
     showPanelPro1() {
-        this.$element('simplepanelPro1').show()
+        this.$element('prop1').show()
     },
     closePanelPro1() {
-        this.$element('simplepanelPro1').close()
+        this.$element('prop1').close()
     },
     showPanelPro2() {
-        this.$element('simplepanelPro2').show()
+        this.$element('prop2').show()
     },
     closePanelPro2() {
-        this.$element('simplepanelPro2').close()
+        this.$element('prop2').close()
     },
     showPanelPro3() {
         this.$element('simplepanelPro3').show()

ace/ace_standard/src/main/js/default/pages/popup/index.css

@@ -296,55 +296,13 @@
     }
 }
 
-
 .ani2{
-    color: #ad4e2a;
-    stroke-width: 55px;
-    line-cap: square;
+    background-color: #ad4e2a;
+    width: 55px;
+    height: 55px;
     margin: 5px;
-    transform-origin: 2% 3%;
-    animation-name:ani2Go;
-    animation-delay:5s;
-    animation-duration:10s;
-    animation-iteration-count:4;
-    animation-timing-function:ease-out;
-    animation-direction:reverse;
-    animation-fill-mode:forwards;
-    animation-play-state:running;
-    transition:all 0 ease 0;
-}
-
-@keyframes ani2Go
-{
-    from {
-        background-color: #f76160;
-        opacity:0.3;
-        width:50px;
-        height: 50px;
-        background-position:10% 10%
-    }
-    30% {
-        background-color: #60f761;
-        opacity:0.5;
-        width:70px;
-        height: 70px;
-        background-position:12% 12%;
-        transform:translateX(10px) translateY(5px)  translateZ(15px)
-        rotateX(20deg) rotateY(25deg) rotateZ(15deg) scaleX(0.6) scaleY(0.5) scaleZ(1.5) perspective(10);
-    }
-    to {
-        background-color: #6160f7;
-        opacity:1;
-        width:90px;
-        height: 90px;
-        background-position:22% 22%;
-        transform:translateX(30px) translateY(45px)  translateZ(55px)
-        rotateX(180deg) rotateY(185deg) rotateZ(150deg) scaleX(2) scaleY(2.5) scaleZ(3.5);
-    }
 }
 
-
-
 .gradient1{
     stroke-width: 30px;
     line-cap: square;

ace/ace_standard/src/main/js/default/pages/popup/index.hml

@@ -469,7 +469,7 @@
                 popup动画样式1
             </text>
 
-            <text id="textani1" class="sub-title">
+            <text id="textani2" class="sub-title">
                 popup动画样式2
             </text>
         </div>

ace/ace_standard/src/main/js/default/pages/refresh/index.css

@@ -362,55 +362,13 @@ refresh{
     }
 }
 
-
 .ani2{
-    color: #ad4e2a;
-    stroke-width: 55px;
-    line-cap: square;
+    background-color: #ad4e2a;
+    width: 55px;
+    height: 55px;
     margin: 5px;
-    transform-origin: 2% 3%;
-    animation-name:ani2Go;
-    animation-delay:5s;
-    animation-duration:10s;
-    animation-iteration-count:4;
-    animation-timing-function:ease-out;
-    animation-direction:reverse;
-    animation-fill-mode:forwards;
-    animation-play-state:running;
-    transition:all 0 ease 0;
-}
-
-@keyframes ani2Go
-{
-    from {
-        background-color: #f76160;
-        opacity:0.3;
-        width:50px;
-        height: 50px;
-        background-position:10% 10%
-    }
-    30% {
-        background-color: #60f761;
-        opacity:0.5;
-        width:70px;
-        height: 70px;
-        background-position:12% 12%;
-        transform:translateX(10px) translateY(5px)  translateZ(15px)
-        rotateX(20deg) rotateY(25deg) rotateZ(15deg) scaleX(0.6) scaleY(0.5) scaleZ(1.5) perspective(10);
-    }
-    to {
-        background-color: #6160f7;
-        opacity:1;
-        width:90px;
-        height: 90px;
-        background-position:22% 22%;
-        transform:translateX(30px) translateY(45px)  translateZ(55px)
-        rotateX(180deg) rotateY(185deg) rotateZ(150deg) scaleX(2) scaleY(2.5) scaleZ(3.5);
-    }
 }
 
-
-
 .gradient1{
     stroke-width: 30px;
     line-cap: square;

ace/ace_standard/src/main/js/default/pages/stack/index.css

@@ -330,55 +330,13 @@
     }
 }
 
-
 .ani2{
-    color: #ad4e2a;
-    stroke-width: 55px;
-    line-cap: square;
+    background-color: #ad4e2a;
+    width: 100%;
+    height: 55px;
     margin: 5px;
-    transform-origin: 2% 3%;
-    animation-name:ani2Go;
-    animation-delay:5s;
-    animation-duration:10s;
-    animation-iteration-count:4;
-    animation-timing-function:ease-out;
-    animation-direction:reverse;
-    animation-fill-mode:forwards;
-    animation-play-state:running;
-    transition:all 0 ease 0;
-}
-
-@keyframes ani2Go
-{
-    from {
-        background-color: #f76160;
-        opacity:0.3;
-        width:50px;
-        height: 50px;
-        background-position:10% 10%
-    }
-    30% {
-        background-color: #60f761;
-        opacity:0.5;
-        width:70px;
-        height: 70px;
-        background-position:12% 12%;
-        transform:translateX(10px) translateY(5px)  translateZ(15px)
-        rotateX(20deg) rotateY(25deg) rotateZ(15deg) scaleX(0.6) scaleY(0.5) scaleZ(1.5) perspective(10);
-    }
-    to {
-        background-color: #6160f7;
-        opacity:1;
-        width:90px;
-        height: 90px;
-        background-position:22% 22%;
-        transform:translateX(30px) translateY(45px)  translateZ(55px)
-        rotateX(180deg) rotateY(185deg) rotateZ(150deg) scaleX(2) scaleY(2.5) scaleZ(3.5);
-    }
 }
 
-
-
 .gradient1{
     stroke-width: 30px;
     line-cap: square;

ace/ace_standard/src/main/js/default/pages/stepper/index.css

@@ -418,55 +418,13 @@
     }
 }
 
-
 .ani2{
-    color: #ad4e2a;
-    stroke-width: 55px;
-    line-cap: square;
+    background-color: #ad4e2a;
+    width: 100%;
+    height: 75px;
     margin: 5px;
-    transform-origin: 2% 3%;
-    animation-name:ani2Go;
-    animation-delay:5s;
-    animation-duration:10s;
-    animation-iteration-count:4;
-    animation-timing-function:ease-out;
-    animation-direction:reverse;
-    animation-fill-mode:forwards;
-    animation-play-state:running;
-    transition:all 0 ease 0;
-}
-
-@keyframes ani2Go
-{
-    from {
-        background-color: #f76160;
-        opacity:0.3;
-        width:50px;
-        height: 50px;
-        background-position:10% 10%
-    }
-    30% {
-        background-color: #60f761;
-        opacity:0.5;
-        width:70px;
-        height: 70px;
-        background-position:12% 12%;
-        transform:translateX(10px) translateY(5px)  translateZ(15px)
-        rotateX(20deg) rotateY(25deg) rotateZ(15deg) scaleX(0.6) scaleY(0.5) scaleZ(1.5) perspective(10);
-    }
-    to {
-        background-color: #6160f7;
-        opacity:1;
-        width:90px;
-        height: 90px;
-        background-position:22% 22%;
-        transform:translateX(30px) translateY(45px)  translateZ(55px)
-        rotateX(180deg) rotateY(185deg) rotateZ(150deg) scaleX(2) scaleY(2.5) scaleZ(3.5);
-    }
 }
 
-
-
 .gradient1{
     stroke-width: 30px;
     line-cap: square;

ace/ace_standard/src/main/js/default/pages/stepper/index.hml

@@ -261,10 +261,9 @@
                 stepper通用属性1
             </text>
             <stepper class="stylePro"
-                     disabled = "true" focusable ="true"
-                     data-name ="prop1" click-effect="spring-medium"
+                     data-name ="prop1"
                      dir ="rtl"
-                     id="mystepper"
+                     id="prop1"
                      index="0"
                      onnext="next"
                      onback="back">
@@ -291,10 +290,9 @@
             <text  class="sub-title">
                 stepper通用属性2
             </text>
-            <stepper class="stylePro" id="prop1"
-                     focusable ="true"
-                     data-name ="prop1" click-effect="spring-medium"
-                     dir ="rtl" id="mystepper" index="0"  onnext="next" onback="back">
+            <stepper class="stylePro" id="prop2"
+                     data-name ="prop2"
+                     dir ="rtl"  index="0"  onnext="next" onback="back">
                 <stepper-item class ="stepperItem gradient4" label="{{label_1}}">
                     <div class = "stepperItemContent" >
                         <text class = "text">First</text>
@@ -319,7 +317,7 @@
                 stepper通用属性3
             </text>
             <stepper style="color: #679855; stroke-width: 15px; line-cap: round; margin: 5px;"
-                    class="stylePro" id="mystepper" index="0"  onnext="next" onback="back">
+                    class="stylePro" id="prop3" index="0"  onnext="next" onback="back">
                 <stepper-item class ="stepperItem" label="{{label_1}}">
                     <div class = "stepperItemContent" >
                         <text class = "text">First</text>
@@ -488,7 +486,7 @@
                 stepper通用方法1
             </text>
             <stepper class="stylePro function1"
-                     id="mystepper" index="1"
+                     id="mystepper1" index="1"
                      onnext="next"
                      onback="back"
                      ontouchstart="functionTest1">
@@ -507,6 +505,7 @@
                     <button type="capsule" class ="button" value="stepper1" onclick="setRightButton"></button>
                 </stepper-item>
                 <stepper-item class ="stepperItem"
+                              id="function3"
                               ontouchstart="functionTest3"
                               label="{{label_3}}">
                     <div class = "stepperItemContent" >
@@ -521,7 +520,7 @@
             </text>
             <stepper class="stylePro function2"
                      ontouchstart="functionTest2"
-                     id="mystepper"
+                     id="mystepper2"
                      index="1"
                      onnext="next"
                      onback="back"

ace/ace_standard/src/main/js/default/pages/stepper/index.js

@@ -23,6 +23,10 @@ export default {
     },
     setRightButton(e) {
         this.$element('mystepper').setNextButtonStatus({status: 'skip', label: 'SKIP'});
+        this.$element('prop1').setNextButtonStatus({status: 'skip', label: 'SKIP'});
+        this.$element('prop2').setNextButtonStatus({status: 'skip', label: 'SKIP'});
+        this.$element('mystepper1').setNextButtonStatus({status: 'skip', label: 'SKIP'});
+        this.$element('mystepper2').setNextButtonStatus({status: 'skip', label: 'SKIP'});
     },
     next(e) {
         var index = {
@@ -360,7 +364,7 @@ export default {
     },
 
     functionTest1(event){
-        var function1 =  this.$element('function1');
+        var function1 =  this.$element('mystepper1');
         function1.focus(true)
         var rect = function1.getBoundingClientRect();
         var width = rect.width;
@@ -375,7 +379,7 @@ export default {
     },
 
     functionTest2(event){
-        var function2 =  this.$element('function2');
+        var function2 =  this.$element('mystepper2');
         let observer = function2.createIntersectionObserver({
             ratios: [0.2, 0], // number
         });

ace/ace_standard/src/main/js/default/pages/swiper/index.css

@@ -363,55 +363,13 @@
     }
 }
 
-
 .ani2{
-    color: #ad4e2a;
-    stroke-width: 55px;
-    line-cap: square;
+    background-color: #ad4e2a;
+    width: 100%;
+    height: 55px;
     margin: 5px;
-    transform-origin: 2% 3%;
-    animation-name:ani2Go;
-    animation-delay:5s;
-    animation-duration:10s;
-    animation-iteration-count:4;
-    animation-timing-function:ease-out;
-    animation-direction:reverse;
-    animation-fill-mode:forwards;
-    animation-play-state:running;
-    transition:all 0 ease 0;
-}
-
-@keyframes ani2Go
-{
-    from {
-        background-color: #f76160;
-        opacity:0.3;
-        width:50px;
-        height: 50px;
-        background-position:10% 10%
-    }
-    30% {
-        background-color: #60f761;
-        opacity:0.5;
-        width:70px;
-        height: 70px;
-        background-position:12% 12%;
-        transform:translateX(10px) translateY(5px)  translateZ(15px)
-        rotateX(20deg) rotateY(25deg) rotateZ(15deg) scaleX(0.6) scaleY(0.5) scaleZ(1.5) perspective(10);
-    }
-    to {
-        background-color: #6160f7;
-        opacity:1;
-        width:90px;
-        height: 90px;
-        background-position:22% 22%;
-        transform:translateX(30px) translateY(45px)  translateZ(55px)
-        rotateX(180deg) rotateY(185deg) rotateZ(150deg) scaleX(2) scaleY(2.5) scaleZ(3.5);
-    }
 }
 
-
-
 .gradient1{
     stroke-width: 30px;
     line-cap: square;

ace/ace_standard/src/main/js/default/pages/tabs/index.css

@@ -370,55 +370,13 @@
     }
 }
 
-
 .ani2{
-    color: #ad4e2a;
-    stroke-width: 55px;
-    line-cap: square;
+    background-color: #ad4e2a;
+    width: 100%;
+    height: 55px;
     margin: 5px;
-    transform-origin: 2% 3%;
-    animation-name:ani2Go;
-    animation-delay:5s;
-    animation-duration:10s;
-    animation-iteration-count:4;
-    animation-timing-function:ease-out;
-    animation-direction:reverse;
-    animation-fill-mode:forwards;
-    animation-play-state:running;
-    transition:all 0 ease 0;
-}
-
-@keyframes ani2Go
-{
-    from {
-        background-color: #f76160;
-        opacity:0.3;
-        width:50px;
-        height: 50px;
-        background-position:10% 10%
-    }
-    30% {
-        background-color: #60f761;
-        opacity:0.5;
-        width:70px;
-        height: 70px;
-        background-position:12% 12%;
-        transform:translateX(10px) translateY(5px)  translateZ(15px)
-        rotateX(20deg) rotateY(25deg) rotateZ(15deg) scaleX(0.6) scaleY(0.5) scaleZ(1.5) perspective(10);
-    }
-    to {
-        background-color: #6160f7;
-        opacity:1;
-        width:90px;
-        height: 90px;
-        background-position:22% 22%;
-        transform:translateX(30px) translateY(45px)  translateZ(55px)
-        rotateX(180deg) rotateY(185deg) rotateZ(150deg) scaleX(2) scaleY(2.5) scaleZ(3.5);
-    }
 }
 
-
-
 .gradient1{
     stroke-width: 30px;
     line-cap: square;