提交 b9f860dc 编写于 作者: B bayanxing

UI组件 路由测试用例

Signed-off-by: Nbayanxing <bayanxing@kaihongdigi.com>
上级 bef0b571
......@@ -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": [
{
......
......@@ -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;
......
......@@ -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"
......
......@@ -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()
......
......@@ -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;
......
......@@ -469,7 +469,7 @@
popup动画样式1
</text>
<text id="textani1" class="sub-title">
<text id="textani2" class="sub-title">
popup动画样式2
</text>
</div>
......
......@@ -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;
......
......@@ -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;
......
......@@ -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;
......
......@@ -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"
......
......@@ -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
});
......
......@@ -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;
......
......@@ -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;
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册