add test cases

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

add test cases
Signed-off-by: N dongwei <dongwei@kaihongdigi.com>
a9e3a364 · dongwei · ab9cb988 · a9e3a364 · a9e3a364 · a9e3a364
4 changed file
--- a/ace/ace_standard/src/main/js/default/pages/panel/router/index.hml
+++ b/ace/ace_standard/src/main/js/default/pages/panel/router/index.hml
@@ -294,6 +294,19 @@
                    </button>
                </div>
            </panel>
+            <panel onaccessibility="onAccessibility"
+                   type="foldable"
+                   class="access1" accessibilitygroup ="true"
+                   accessibilitytext="这是panel"
+                   accessibilitydescription="点击此按键会弹出一个对话框"
+                   accessibilityimportance="no-hide-descendants">
+                <div class="inner-btn">
+                    <button type="capsule"
+                            value="Close"
+                            onclick="closePanelNo">
+                    </button>
+                </div>
+            </panel>
        </div>
        <div style="background-color: #000000; width: 100%; height: 2px;">
        </div>

--- a/ace/ace_standard/src/main/js/default/pages/panel/router/index.js
+++ b/ace/ace_standard/src/main/js/default/pages/panel/router/index.js
@@ -690,5 +690,12 @@ export default {
        prompt.showToast({
            message: 'reachBottom'
        });
+    },
+    onAccessibility(event) {
+        if (event.eventType == 1) {
+            console.log("onAccessibility" + event.eventType);
+        }
+        console.log("onAccessibility" + JSON.stringify(event));
    }
 }
\ No newline at end of file
--- a/ace/ace_standard/src/main/js/default/pages/panel/style/index.css
+++ b/ace/ace_standard/src/main/js/default/pages/panel/style/index.css
@@ -131,6 +131,7 @@
  margin-top: 2%;
  margin-right: 1.5%;
  margin-bottom: 0.5%;
+  border-image: url('common/images/icon.png') 1px 2px 3px 4px 2px 3px 4px 5px 3px 4px 5px 6px round;
 }
 #styleSeven{
@@ -157,17 +158,6 @@
  display:flex;
 }
-#styleFive{
-  width: 100%;
-  height: 40px;
-  border: 5px;
-  border-image-source: url('/common/images/image.png');
-  border-image-slice: 5px 10px 10px 5px;
-  border-image-width: 10px 5px 5px 10px;
-  border-image-outset: 10px 5px 10px 5px;
-  border-image-repeat: repeat;
-}
 #styleTen{
  width: 100%;
  height: 400%;
@@ -328,7 +318,7 @@
  width: 150px;
  height: 20px;
  background-image:url('common/images/image.png');
-  background-size:50px 10px;
+  background-size:auto;
  background-repeat: no-repeat;
  background-position: 10px 10px;
 }

--- a/ace/ace_standard/src/main/js/default/pages/panel/style/index.hml
+++ b/ace/ace_standard/src/main/js/default/pages/panel/style/index.hml
-<!--/**
- * 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.
- */-->
 <div class="container">
    <div class="style-container">
        <text class="title">
-            div通用样式
+            panel通用样式
        </text>
        <text class="sub-title">
            通用样式 1-8 \n width height padding margin border opacity align-self
        </text>
-        <div id="styleOne">
+        <panel id="styleOne" type="foldable">
-        </div>
+        </panel>
-        <div id="styleTwo">
+        <panel id="styleTwo" type="foldable">
-        </div>
+        </panel>
-        <div id="styleThree">
+        <panel id="styleThree" type="foldable">
-        </div>
+        </panel>
-        <div id="styleFour">
+        <panel id="styleFour" type="foldable">
-        </div>
+        </panel>
-        <div id="styleFive">
+        <panel id="styleFive" type="foldable">
-        </div>
+        </panel>
-        <div id="styleSix">
+        <panel id="styleSix" type="foldable">
-        </div>
+        </panel>
-        <div id="styleSeven">
+        <panel id="styleSeven"  type="foldable">
-        </div>
+        </panel>
-        <div id="styleEight">
+        <panel id="styleEight" type="foldable">
-        </div>
+        </panel>
        <text class="sub-title">
            通用样式9-20 \n display flex z-index position
        </text>
        <div id="styleNine">
-            <div id="styleTen">
+            <panel id="styleTen" type="foldable">
-            </div>
+            </panel>
-            <div id="styleEleven">
+            <panel id="styleEleven" type="foldable">
-            </div>
+            </panel>
-            <div id="styleTwelve">
+            <panel id="styleTwelve" type="foldable">
-            </div>
+            </panel>
-            <div id="styleThirteen">
+            <panel id="styleThirteen" type="foldable">
-            </div>
+            </panel>
-            <div id="styleFourteen">
+            <panel id="styleFourteen" type="foldable">
-            </div>
+            </panel>
-            <div id="styleFifteen">
+            <panel id="styleFifteen" type="foldable">
-            </div>
+            </panel>
-            <div id="styleSixteen">
+            <panel id="styleSixteen" type="foldable">
-            </div>
+            </panel>
-            <div id="styleSeventeen">
+            <panel id="styleSeventeen" type="foldable">
-            </div>
+            </panel>
-            <div id="styleEighteen">
+            <panel id="styleEighteen" type="foldable">
-            </div>
+            </panel>
-            <div id="styleNineteen">
+            <panel id="styleNineteen" type="foldable">
-            </div>
+            </panel>
-            <div id="styleTwenty">
+            <panel id="styleTwenty" type="foldable">
-            </div>
+            </panel>
        </div>
        <text class="sub-title">
            通用样式21-23 box-shadow
        </text>
        <div style="width: 100%;flex-direction: row;">
-            <div id="styleTwentyOne">
+            <panel id="styleTwentyOne" type="foldable">
-            </div>
+            </panel>
-            <div id="styleTwentyTwo">
+            <panel id="styleTwentyTwo" type="foldable">
-            </div>
+            </panel>
-            <div id="styleTwentyThree">
+            <panel id="styleTwentyThree" type="foldable">
-            </div>
+            </panel>
        </div>
        <text class="sub-title">
            通用样式23-25 visibility clip-path
        </text>
-        <div id="styleTwentyFour">
+        <panel id="styleTwentyFour" type="foldable">
-        </div>
+        </panel>
-        <div id="styleTwentyFive">
+        <panel id="styleTwentyFive" type="foldable">
-        </div>
+        </panel>
        <text class="sub-title">
            通用样式26-31 background
        </text>
-        <div id="styleTwentySix">
+        <panel id="styleTwentySix" type="foldable">
-        </div>
+        </panel>
-        <div id="styleTwentySeven">
+        <panel id="styleTwentySeven" type="foldable">
-        </div>
+        </panel>
-        <div id="styleTwentyNine">
+        <panel id="styleTwentyNine" type="foldable">
-        </div>
+        </panel>
-        <div id="styleThirty">
+        <panel id="styleThirty" type="foldable">
-        </div>
+        </panel>
-        <div id="styleThirtyOne">
+        <panel id="styleThirtyOne" type="foldable">
-        </div>
+        </panel>
        <text class="sub-title">
            通用样式32 clip-path image-fill mask-image
        </text>
-        <div id="styleThirtyTwo">
+        <panel id="styleThirtyTwo" type="foldable">
-        </div>
+        </panel>
    </div>
 </div>