add test cases

Signed-off-by: Ndongwei <dongwei@kaihongdigi.com>

ace/ace_standard/src/main/js/default/pages/rating/prop/index.css

@@ -151,6 +151,26 @@
   padding-end: 10px;
 }
 
+#dataPropB {
+  flex-weight: 1;
+  background-color:#0ff000;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+}
+
+#dataPropBNone {
+  flex-weight: 1;
+  background-color:#00d000;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+}
+
 #dataProp {
   flex-weight: 1;
   background-color:#0ff000;
@@ -405,4 +425,64 @@
   padding-start: 10px;
   padding-end: 10px;
   margin-bottom: 20px;
+}
+
+#showFor1 {
+  flex-weight: 1;
+  background-color:#c00000;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+}
+
+#showFor2 {
+  flex-weight: 1;
+  background-color:blue;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+}
+
+#showIf {
+  flex-weight: 1;
+  background-color:#c00000;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+}
+
+#showElseIfTrue {
+  flex-weight: 1;
+  background-color:black;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+}
+
+#showElseIfFalse {
+  flex-weight: 1;
+  background-color:blue;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+}
+
+#showElse {
+  flex-weight: 1;
+  background-color:yellow;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
 }
\ No newline at end of file

ace/ace_standard/src/main/js/default/pages/rating/prop/index.hml

@@ -79,6 +79,16 @@
              focusable="">
         </rating>
 
+        <text class="sub-title">
+            通用属性 -- data
+        </text>
+        <rating id="dataPropB"
+               data-input="通用属性 -- data">
+        </rating>
+        <rating id="dataPropBNone"
+               data-input="">
+        </rating>
+
         <text class="sub-title">
             通用属性 -- data-*
         </text>
@@ -192,5 +202,23 @@
         <rating id="indicatorNone"
                 indicator="">
         </rating>
+        <text class="sub-title">
+            特有属性 -- tid
+        </text>
+        <rating for="{{array}}" tid="id" style="color: #679855; margin: 1px;"
+               id="showFor{{$item.id}}">
+        </rating>
+        <text class="sub-title">
+            特有属性 -- if elif
+        </text>
+        <rating if="false" id="showIf">
+        </rating>
+        <rating elif="false" id="showElseIfTrue">
+        </rating>
+        <rating elif="true" id="showElseIfFalse">
+        </rating>
+        <rating else id="showElse">
+        </rating>
+    </div>
     </div>
 </div>

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

@@ -17,6 +17,10 @@ import prompt from '@system.prompt';
 
 export default {
     data:{
+        array: [
+            {id: 1, name: 'jack', age: 18},
+            {id: 2, name: 'tony', age: 18},
+        ],
         listOne:[{}],
         listThree:[{},{},{}],
         idProp : null,

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

@@ -130,8 +130,19 @@
             <rating class="prop4" id="prop4"
                     numstars="5"
                     rating="1"
-                    stepsize="1">
+                    stepsize="1"
+                    indicator="false">
             </rating>
+            <div style="margin: 2px;">
+                <rating if="false" class="prop2" ref ="prop2">
+                </rating>
+                <rating elif="true" class="prop2" ref ="prop2">
+                </rating>
+                <rating elif="false" class="prop2" ref ="prop2">
+                </rating>
+                <rating else class="prop2" ref ="prop2">
+                </rating>
+            </div>
             <text  class="sub-title">
                 rating特有属性2
             </text>
@@ -141,6 +152,8 @@
                     stepsize="1"
                     indicator="true">
             </rating>
+            <rating for="{{array}}" tid="id" style="color: #679855; margin: 5px;" class="prop3">
+            </rating>
         </div>
         <div style="background-color: #000000; width: 100%; height: 2px;">
         </div>
@@ -178,7 +191,8 @@
                     numstars="5"
                     rating="1"
                     stepsize="1"
-                   onchange="change">
+                   onchange="change"
+                    onaccessibility="accessibility">
             </rating>
         </div>
         <div style="background-color: #000000; width: 100%; height: 2px;">

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

@@ -84,6 +84,12 @@ var frames = [
 ];
 
 export default {
+    data: {
+        array: [
+            {id: 1, name: 'jack', age: 18},
+            {id: 2, name: 'tony', age: 18},
+        ],
+    },
 
     onShow(){
         // 通用属性
@@ -449,5 +455,11 @@ export default {
         prompt.showToast({
             message: JSON.stringify(event)
         });
+    },
+
+    accessibility(event){
+        prompt.showToast({
+            message: JSON.stringify(event)
+        });
     }
 }

ace/ace_standard/src/main/js/default/pages/rating/style/index.css

@@ -344,6 +344,7 @@
   background-size:10% 20%;
   background-repeat: repeat;
   background-position: 30% 40%;
+  mask-image:linear-gradient(pink,#fff000);
 }
 
 #styleThirtyTwo{
@@ -436,4 +437,113 @@
 }
 .rtl-flip2{
   rtl-flip: false;
-}
+}
\ No newline at end of file
+
+#addOne{
+  width: 10%;
+  height: 20px;
+  background-image:url('common/images/image.png');
+  background-size:cover;
+  align-self:stretch;
+  position:fixed;
+  transform: none;
+  animation-timing-function:cubic-bezier(0.4, 0.0, 0.4, 1.0);
+  shared-transition-effect:static;
+  shared-transition-name:ani;
+  shared-transition-timing-function:friction;
+  transition-enter:ani;
+  transition-exit: ani;
+  transition-duration:10;
+  transition-timing-function:friction;
+  clip-path:border-box;
+  display-index:1;
+  filter:blur(10px);
+  backdrop-filter:blur(10px);
+  window-filter:blur(10%);
+}
+
+#addTwo{
+  width: 100px;
+  height: 15px;
+  background-image:url('common/images/image.png');
+  background-size:auto;
+  position:relative;
+  transform: matrix(0.5,0.1,0.2,0.9,20,10);
+  animation-timing-function:steps(4);
+  shared-transition-effect:exchange;
+  clip-path:padding-box;
+}
+
+#addThree{
+  width: 100px;
+  height: 15px;
+  background-color:#000000;
+  transform: matrix3d(1,2,1,2,1,2,1,2,1,2,1,2,1,2,1,2);
+  clip-path:content-box;
+}
+
+#addFour{
+  width: 100px;
+  height: 15px;
+  background-color:#000000;
+  transform: translate3d(1px,2px,1px) scale3d(1,2,1) rotate3d(10,10,10,10deg) skew(1deg,2deg) perspective(10px);
+  clip-path:circle(1);
+}
+
+#addFive{
+  width: 100px;
+  height: 15px;
+  background-color:#000000;
+  transform: translateY(1px) translateZ(10px)
+  scale(1,2) scaleZ(0.4)
+  rotateX(10deg) rotateY(10deg) rotateZ(10deg)
+  skewX(1deg) skewY(2deg);
+  clip-path:ellipse(1);
+}
+
+#addSix{
+  width: 100px;
+  height: 15px;
+  background-color:#000000;
+  transform: scaleX(1) scaleY(0.4);
+  clip-path:ellipse(1)
+}
+
+#addSeven{
+  width: 100px;
+  height: 15px;
+  background-color:#000000;
+  clip-path:path(1);
+  aspect-ratio:2;
+}
+
+#addSeven:disabled{
+  width: 100px;
+  height: 15px;
+  background-color:#ff0000;
+}
+
+#addSeven:active{
+  width: 100px;
+  height: 15px;
+  background-color:#ff0000;
+}
+
+#addSeven:focus{
+  width: 100px;
+  height: 15px;
+  background-color:#ff0000;
+}
+
+@font-face {
+  font-family: SimSunfont;
+  src: url('/common/simsun.ttf');
+}
+
+@media (device-type: tv) {
+  .addSeven {
+    width: 500px;
+    height: 500px;
+    background-color: #fa8072;
+  }
+}

ace/ace_standard/src/main/js/default/pages/rating/style/index.hml

@@ -153,6 +153,26 @@
             <rating id="specificRtlFlip2" class="rtl-flip2">
             </rating>
         </div>
+
+        <div style="width: 100%;flex-weight: 1;overflow: scroll;flex-direction: column;">
+            <text class="sub-title">
+                补充样式
+            </text>
+            <rating id="addOne">
+            </rating>
+            <rating id="addTwo">
+            </rating>
+            <rating id="addThree">
+            </rating>
+            <rating id="addFour">
+            </rating>
+            <rating id="addFive">
+            </rating>
+            <rating id="addSix">
+            </rating>
+            <rating id="addSeven">
+            </rating>
+        </div>
     </div>
 </div>