add test cases

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

add test cases
Signed-off-by: N dongwei <dongwei@kaihongdigi.com>
373ce7b2 · dongwei · 99c0e4f2 · 373ce7b2 · 373ce7b2 · 373ce7b2
7 changed file
--- a/ace/ace_standard/src/main/js/default/pages/rating/prop/index.css
+++ b/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;
@@ -406,3 +426,63 @@
  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
--- a/ace/ace_standard/src/main/js/default/pages/rating/prop/index.hml
+++ b/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>
--- a/ace/ace_standard/src/main/js/default/pages/rating/prop/index.js
+++ b/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,

--- a/ace/ace_standard/src/main/js/default/pages/rating/router/index.hml
+++ b/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;">

--- a/ace/ace_standard/src/main/js/default/pages/rating/router/index.js
+++ b/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)
+        });
    }
 }
--- a/ace/ace_standard/src/main/js/default/pages/rating/style/index.css
+++ b/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{
@@ -437,3 +438,112 @@
 .rtl-flip2{
  rtl-flip: false;
 }
+
+#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;
+  }
+}
--- a/ace/ace_standard/src/main/js/default/pages/rating/style/index.hml
+++ b/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>