未验证 提交 a91341cd 编写于 作者: B bayanxing 提交者: Gitee

!28 add test cases and props files

Merge pull request !28 from 缪嘉男/xts_acts_dev
/**
* 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.
*/
.container {
flex-direction:row;
width:100%;
height:100%;
}
.title{
width: 100%;
font-size: 18px;
margin: 2px;
padding: 2px;
font-weight: bold;
text-align: center;
}
.sub-title{
width: 100%;
font-size: 14px;
text-align: left;
margin: 2px;
padding: 2px;
}
.prop-container{
flex-direction: column;
flex-weight: 1;
}
#idProp {
flex-weight: 1;
background-color:#f00000;
width: 100%;
margin-left: 10px;
margin-right: 10px;
padding-start: 10px;
padding-end: 10px;
}
.classProp {
flex-weight: 1;
background-color:#0f0000;
width: 100%;
margin-left: 10px;
margin-right: 10px;
padding-start: 10px;
padding-end: 10px;
}
#classPropNone {
flex-weight: 1;
background-color:#0000e0;
width: 100%;
margin-left: 10px;
margin-right: 10px;
padding-start: 10px;
padding-end: 10px;
}
#refProp {
flex-weight: 1;
background-color:#00f000;
width: 100%;
margin-left: 10px;
margin-right: 10px;
padding-start: 10px;
padding-end: 10px;
}
#refPropNone {
flex-weight: 1;
background-color:#00000e;
width: 100%;
margin-left: 10px;
margin-right: 10px;
padding-start: 10px;
padding-end: 10px;
}
#disabledPropTrue {
flex-weight: 1;
background-color:#000f00;
width: 100%;
margin-left: 10px;
margin-right: 10px;
padding-start: 10px;
padding-end: 10px;
}
#disabledPropFalse {
flex-weight: 1;
background-color:#0000f0;
width: 100%;
margin-left: 10px;
margin-right: 10px;
padding-start: 10px;
padding-end: 10px;
}
#disabledPropNone {
flex-weight: 1;
background-color:#d00000;
width: 100%;
margin-left: 10px;
margin-right: 10px;
padding-start: 10px;
padding-end: 10px;
}
#focusablePropTrue {
flex-weight: 1;
background-color:#00000f;
width: 100%;
margin-left: 10px;
margin-right: 10px;
padding-start: 10px;
padding-end: 10px;
}
#focusablePropFalse {
flex-weight: 1;
background-color:#ff0000;
width: 100%;
margin-left: 10px;
margin-right: 10px;
padding-start: 10px;
padding-end: 10px;
}
#focusablePropNone {
flex-weight: 1;
background-color:#0d0000;
width: 100%;
margin-left: 10px;
margin-right: 10px;
padding-start: 10px;
padding-end: 10px;
}
#dataProp {
flex-weight: 1;
background-color:#0ff000;
width: 100%;
margin-left: 10px;
margin-right: 10px;
padding-start: 10px;
padding-end: 10px;
}
#dataPropNone {
flex-weight: 1;
background-color:#00d000;
width: 100%;
margin-left: 10px;
margin-right: 10px;
padding-start: 10px;
padding-end: 10px;
}
#clickEffectPropSmall {
height: 15px;
background-color:#00ff00;
width: 100%;
margin-left: 10px;
margin-right: 10px;
padding-start: 10px;
padding-end: 10px;
}
#clickEffectPropMedium {
height: 15px;
background-color:#000ff0;
width: 100%;
margin-left: 10px;
margin-right: 10px;
padding-start: 10px;
padding-end: 10px;
}
#clickEffectPropLarge {
height: 15px;
background-color:#fff000;
width: 100%;
margin-left: 10px;
margin-right: 10px;
padding-start: 10px;
padding-end: 10px;
}
#clickEffectPropNone{
height: 15px;
background-color:#000d00;
width: 100%;
margin-left: 10px;
margin-right: 10px;
padding-start: 10px;
padding-end: 10px;
}
#dirPropRtl {
flex-weight: 1;
background-color:#0fff00;
width: 100%;
margin-left: 10px;
margin-right: 10px;
padding-start: 10px;
padding-end: 10px;
}
#dirPropAuto {
flex-weight: 1;
background-color:#00fff0;
width: 100%;
margin-left: 10px;
margin-right: 10px;
padding-start: 10px;
padding-end: 10px;
}
#dirPropLtr {
flex-weight: 1;
background-color:#000fff;
width: 100%;
margin-left: 10px;
margin-right: 10px;
padding-start: 10px;
padding-end: 10px;
}
#dirPropNone {
flex-weight: 1;
background-color:#0000d0;
width: 100%;
margin-left: 10px;
margin-right: 10px;
padding-start: 10px;
padding-end: 10px;
}
#forPropNull {
flex-weight: 1;
background-color:#ffff00;
width: 100%;
margin-left: 10px;
margin-right: 10px;
padding-start: 10px;
padding-end: 10px;
}
#forPropOne {
flex-weight: 1;
background-color:#00e000;
width: 100%;
margin-left: 10px;
margin-right: 10px;
padding-start: 10px;
padding-end: 10px;
}
#forPropThree {
flex-weight: 1;
background-color:#000e00;
width: 100%;
margin-left: 10px;
margin-right: 10px;
padding-start: 10px;
padding-end: 10px;
}
#ifPropTrue {
flex-weight: 1;
background-color:#0ffff0;
width: 100%;
margin-left: 10px;
margin-right: 10px;
padding-start: 10px;
padding-end: 10px;
}
#ifPropFalse {
flex-weight: 1;
background-color:#00ffff;
width: 100%;
margin-left: 10px;
margin-right: 10px;
padding-start: 10px;
padding-end: 10px;
}
#ifPropNone {
flex-weight: 1;
background-color:#00000d;
width: 100%;
margin-left: 10px;
margin-right: 10px;
padding-start: 10px;
padding-end: 10px;
}
#showPropTrue {
flex-weight: 1;
background-color:#e00000;
width: 100%;
margin-left: 10px;
margin-right: 10px;
padding-start: 10px;
padding-end: 10px;
}
#showPropFalse {
flex-weight: 1;
background-color:#0e0000;
width: 100%;
margin-left: 10px;
margin-right: 10px;
padding-start: 10px;
padding-end: 10px;
}
#showPropNone {
flex-weight: 1;
background-color:#c00000;
width: 100%;
margin-left: 10px;
margin-right: 10px;
padding-start: 10px;
padding-end: 10px;
}
.specific-container{
flex-direction: column;
flex-weight: 1;
}
#mutedPropFalse {
flex-weight: 1;
background-color:#c00000;
width: 100%;
margin-left: 10px;
margin-right: 10px;
padding-start: 10px;
padding-end: 10px;
}
#mutedPropTrue {
flex-weight: 1;
background-color:#0e0000;
width: 100%;
margin-left: 10px;
margin-right: 10px;
padding-start: 10px;
padding-end: 10px;
}
#mutedPropNone {
flex-weight: 1;
background-color:#00e000;
width: 100%;
margin-left: 10px;
margin-right: 10px;
padding-start: 10px;
padding-end: 10px;
}
#srcProp {
flex-weight: 1;
background-color:#c00000;
width: 100%;
margin-left: 10px;
margin-right: 10px;
padding-start: 10px;
padding-end: 10px;
}
#srcPropNone {
flex-weight: 1;
background-color:#0e0000;
width: 100%;
margin-left: 10px;
margin-right: 10px;
padding-start: 10px;
padding-end: 10px;
}
#autoplayPropFalse {
flex-weight: 1;
background-color:#c00000;
width: 100%;
margin-left: 10px;
margin-right: 10px;
padding-start: 10px;
padding-end: 10px;
}
#autoplayPropTrue {
flex-weight: 1;
background-color:#0e0000;
width: 100%;
margin-left: 10px;
margin-right: 10px;
padding-start: 10px;
padding-end: 10px;
}
#autoplayPropNone {
flex-weight: 1;
background-color:#00e000;
width: 100%;
margin-left: 10px;
margin-right: 10px;
padding-start: 10px;
padding-end: 10px;
}
#posterProp {
flex-weight: 1;
background-color:#c00000;
width: 100%;
margin-left: 10px;
margin-right: 10px;
padding-start: 10px;
padding-end: 10px;
}
#posterPropNone {
flex-weight: 1;
background-color:#0e0000;
width: 100%;
margin-left: 10px;
margin-right: 10px;
padding-start: 10px;
padding-end: 10px;
}
#controlsPropFalse {
flex-weight: 1;
background-color:#c00000;
width: 100%;
margin-left: 10px;
margin-right: 10px;
padding-start: 10px;
padding-end: 10px;
}
#controlsPropTrue {
flex-weight: 1;
background-color:#0e0000;
width: 100%;
margin-left: 10px;
margin-right: 10px;
padding-start: 10px;
padding-end: 10px;
}
#controlsPropNone {
flex-weight: 1;
background-color:#00e000;
width: 100%;
margin-left: 10px;
margin-right: 10px;
padding-start: 10px;
padding-end: 10px;
}
#loopPropFalse {
flex-weight: 1;
background-color:#c00000;
width: 100%;
margin-left: 10px;
margin-right: 10px;
padding-start: 10px;
padding-end: 10px;
}
#loopPropTrue {
flex-weight: 1;
background-color:#0e0000;
width: 100%;
margin-left: 10px;
margin-right: 10px;
padding-start: 10px;
padding-end: 10px;
}
#loopPropNone {
flex-weight: 1;
background-color:#00e000;
width: 100%;
margin-left: 10px;
margin-right: 10px;
padding-start: 10px;
padding-end: 10px;
}
#starttimeProp {
flex-weight: 1;
background-color:#c00000;
width: 100%;
margin-left: 10px;
margin-right: 10px;
padding-start: 10px;
padding-end: 10px;
}
#directionPropAuto {
flex-weight: 1;
background-color:#c00000;
width: 100%;
margin-left: 10px;
margin-right: 10px;
padding-start: 10px;
padding-end: 10px;
}
#directionPropVertical {
flex-weight: 1;
background-color:#0e0000;
width: 100%;
margin-left: 10px;
margin-right: 10px;
padding-start: 10px;
padding-end: 10px;
}
#directionPropHorizontal {
flex-weight: 1;
background-color:#00e000;
width: 100%;
margin-left: 10px;
margin-right: 10px;
padding-start: 10px;
padding-end: 10px;
}
#directionPropAdapt {
flex-weight: 1;
background-color:#000ee0;
width: 100%;
margin-left: 10px;
margin-right: 10px;
padding-start: 10px;
padding-end: 10px;
}
#directionPropNone{
flex-weight: 1;
background-color:#00000e;
width: 100%;
margin-left: 10px;
margin-right: 10px;
padding-start: 10px;
padding-end: 10px;
}
#speedProp {
flex-weight: 1;
background-color:#c00000;
width: 100%;
margin-left: 10px;
margin-right: 10px;
padding-start: 10px;
padding-end: 10px;
}
#speedPropNone {
flex-weight: 1;
background-color:#0e0000;
width: 100%;
margin-left: 10px;
margin-right: 10px;
padding-start: 10px;
padding-end: 10px;
}
\ No newline at end of file
<!--/**
* 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="prop-container">
<text class="title">
video通用属性
</text>
<text class="sub-title">
通用属性 -- id
</text>
<video id="idProp">
</video>
<text class="sub-title">
通用属性 -- class
</text>
<video id="classProp"
class="classProp">
</video>
<video id="classPropNone"
class="">
</video>
<text class="sub-title">
通用属性 -- style
</text>
<video id="styleProp"
style="width:10%;height:20px;background-color:red">
</video>
<text class="sub-title">
通用属性 -- ref
</text>
<video id="refProp"
ref="refProp">
</video>
<video id="refPropNone"
ref="">
</video>
<text class="sub-title">
通用属性 -- disabled
</text>
<video id="disabledPropTrue"
disabled="true">
</video>
<video id="disabledPropFalse"
disabled="false">
</video>
<video id="disabledPropNone"
disabled="">
</video>
<text class="sub-title">
通用属性 -- focusable
</text>
<video id="focusablePropTrue"
focusable="true">
</video>
<video id="focusablePropFalse"
focusable="false">
</video>
<video id="focusablePropNone"
focusable="">
</video>
<text class="sub-title">
通用属性 -- data-*
</text>
<video id="dataProp"
data-div="通用属性 -- data-*">
</video>
<video id="dataPropNone"
data-div="">
</video>
<text class="sub-title">
渲染属性 -- for
</text>
<video id="forPropNull"
for="">
</video>
<video id="forPropOne"
for="{{listOne}}">
</video>
<video id="forPropThree"
for="{{listThree}}">
</video>
<text class="sub-title">
渲染属性 -- if
</text>
<video id="ifPropTrue"
if="true">
</video>
<text class="sub-title">
渲染属性 -- show
</text>
<video id="showPropTrue"
show="true">
</video>
<video id="showPropFalse"
show="false">
</video>
<video id="showPropNone"
show="">
</video>
</div>
<div style="background-color: #000000; width: 2px; height: 100%;">
</div>
<div class="specific-container">
<text class="title">
video特有属性
</text>
<text class="sub-title">
静音播放属性 -- muted
</text>
<video id="mutedPropFalse"
muted="false">
</video>
<video id="mutedPropTrue"
muted="true">
</video>
<video id="mutedPropNone"
muted="">
</video>
<text class="sub-title">
视频路径属性 -- src
</text>
<video id="srcProp"
src="/common/images/video.mp4">
</video>
<video id="srcPropNone"
src="">
</video>
<text class="sub-title">
自动播放属性 -- autoplay
</text>
<video id="autoplayPropFalse"
autoplay="false">
</video>
<video id="autoplayPropTrue"
autoplay="true">
</video>
<video id="autoplayPropNone"
autoplay="">
</video>
<text class="sub-title">
预览海报属性 -- poster
</text>
<video id="posterProp"
poster="/common/images/image.png">
</video>
<video id="posterPropNone"
poster="">
</video>
<text class="sub-title">
显隐控制栏属性 -- controls
</text>
<video id="controlsPropFalse"
controls="false">
</video>
<video id="controlsPropTrue"
controls="true">
</video>
<video id="controlsPropNone"
controls="">
</video>
<text class="sub-title">
重头循环属性 -- loop
</text>
<video id="loopPropFalse"
loop="false">
</video>
<video id="loopPropTrue"
loop="true">
</video>
<video id="loopPropNone"
loop="">
</video>
<text class="sub-title">
起始时间属性 -- starttime
</text>
<video id="starttimeProp"
starttime="3">
</video>
<text class="sub-title">
全屏下布局属性 -- direction
</text>
<video id="directionPropAuto"
direction="auto">
</video>
<video id="directionPropVertical"
direction="vertical">
</video>
<video id="directionPropHorizontal"
direction="horizontal">
</video>
<video id="directionPropAdapt"
direction="adapt">
</video>
<video id="directionPropNone"
direction="">
</video>
<text class="sub-title">
播放速度属性 -- speed
</text>
<video id="speedProp"
speed="1.0">
</video>
<video id="speedPropNone"
speed="">
</video>
</div>
</div>
/**
* 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.
*/
import prompt from '@system.prompt';
export default {
data:{
listOne:[{}],
listThree:[{},{},{}],
idProp : null,
classProp : null,
classPropNone : null,
styleProp : null,
refProp : null,
refPropNone : null,
disabledPropTrue : null,
disabledPropFalse : null,
disabledPropNone : null,
focusablePropTrue : null,
focusablePropFalse : null,
focusablePropNone : null,
dataProp : null,
dataPropNone : null,
forPropNull : null,
forPropOne : null,
forPropThree : null,
ifPropTrue : null,
ifPropFalse : null,
ifPropNone : null,
showPropTrue : null,
showPropFalse : null,
showPropNone : null,
mutedPropFalse : null,
mutedPropTrue : null,
mutedPropNone : null,
srcProp : null,
srcPropNone : null,
autoplayPropFalse : null,
autoplayPropTrue : null,
autoplayPropNone : null,
posterProp : null,
posterPropNone : null,
controlsPropFalse : null,
controlsPropTrue : null,
controlsPropNone : null,
loopPropFalse : null,
loopPropTrue : null,
loopPropNone : null,
starttimeProp : null,
directionPropAuto : null,
directionPropVertical : null,
directionPropHorizontal : null,
directionPropAdapt : null,
directionPropNone : null,
speedProp : null,
speedPropNone : null,
},
onShow(){
this.getCommonPropValues();
globalThis.value = {
idProp : this.idProp,
classProp : this.classProp,
classPropNone : this.classPropNone,
styleProp : this.styleProp,
refProp : this.refProp,
refPropNone : this.refPropNone,
disabledPropTrue : this.disabledPropTrue,
disabledPropFalse : this.disabledPropFalse,
disabledPropNone : this.disabledPropNone,
focusablePropTrue : this.focusablePropTrue,
focusablePropFalse : this.focusablePropFalse,
focusablePropNone : this.focusablePropNone,
dataProp : this.dataProp,
dataPropNone : this.dataPropNone,
forPropNull : this.forPropNull,
forPropOne : this.forPropOne,
forPropThree : this.forPropThree,
ifPropTrue : this.ifPropTrue,
showPropTrue : this.showPropTrue,
showPropFalse : this.showPropFalse,
showPropNone : this.showPropNone,
mutedPropFalse : this.mutedPropFalse,
mutedPropTrue : this.mutedPropTrue,
mutedPropNone : this.mutedPropNone,
srcProp : this.srcProp,
srcPropNone : this.srcPropNone,
autoplayPropFalse : this.autoplayPropFalse,
autoplayPropTrue : this.autoplayPropTrue,
autoplayPropNone : this.autoplayPropNone,
posterProp : this.posterProp,
posterPropNone : this.posterPropNone,
controlsPropFalse : this.controlsPropFalse,
controlsPropTrue : this.controlsPropTrue,
controlsPropNone : this.controlsPropNone,
loopPropFalse : this.loopPropFalse,
loopPropTrue : this.loopPropTrue,
loopPropNone : this.loopPropNone,
starttimeProp : this.starttimeProp,
directionPropAuto : this.directionPropAuto,
directionPropVertical : this.directionPropVertical,
directionPropHorizontal : this.directionPropHorizontal,
directionPropAdapt : this.directionPropAdapt,
directionPropNone : this.directionPropNone,
speedProp : this.speedProp,
speedPropNone : this.speedPropNone,
}
},
getCommonPropValues(){
this.idProp = this.$element("idProp").getInspector()
this.classProp = this.$element("classProp").getInspector()
this.classPropNone = this.$element("classPropNone").getInspector()
this.styleProp = this.$element("styleProp").getInspector()
this.refProp = this.$element("refProp").getInspector()
this.refPropNone = this.$element("refPropNone").getInspector()
this.disabledPropTrue = this.$element("disabledPropTrue").getInspector()
this.disabledPropFalse = this.$element("disabledPropFalse").getInspector()
this.disabledPropNone = this.$element("disabledPropNone").getInspector()
this.focusablePropTrue = this.$element("focusablePropTrue").getInspector()
this.focusablePropFalse = this.$element("focusablePropFalse").getInspector()
this.focusablePropNone = this.$element("focusablePropNone").getInspector()
this.dataProp = this.$element("dataProp").getInspector()
this.dataPropNone = this.$element("dataPropNone").getInspector()
this.forPropNull = this.$element("forPropNull").getInspector()
this.forPropOne = this.$element("forPropOne").getInspector()
this.forPropThree = this.$element("forPropThree").getInspector()
this.ifPropTrue = this.$element("ifPropTrue").getInspector()
this.showPropTrue = this.$element("showPropTrue").getInspector()
this.showPropFalse = this.$element("showPropFalse").getInspector()
this.showPropNone = this.$element("showPropNone").getInspector()
this.mutedPropFalse = this.$element("mutedPropFalse").getInspector()
this.mutedPropTrue = this.$element("mutedPropTrue").getInspector()
this.mutedPropNone = this.$element("mutedPropNone").getInspector()
this.srcProp = this.$element("srcProp").getInspector()
this.srcPropNone = this.$element("srcPropNone").getInspector()
this.autoplayPropFalse = this.$element("autoplayPropFalse").getInspector()
this.autoplayPropTrue = this.$element("autoplayPropTrue").getInspector()
this.autoplayPropNone = this.$element("autoplayPropNone").getInspector()
this.posterProp = this.$element("posterProp").getInspector()
this.posterPropNone = this.$element("posterPropNone").getInspector()
this.controlsPropFalse = this.$element("controlsPropFalse").getInspector()
this.controlsPropTrue = this.$element("controlsPropTrue").getInspector()
this.controlsPropNone = this.$element("controlsPropNone").getInspector()
this.loopPropFalse = this.$element("loopPropFalse").getInspector()
this.loopPropTrue = this.$element("loopPropTrue").getInspector()
this.loopPropNone = this.$element("loopPropNone").getInspector()
this.starttimeProp = this.$element("starttimeProp").getInspector()
this.directionPropAuto = this.$element("directionPropAuto").getInspector()
this.directionPropVertical = this.$element("directionPropVertical").getInspector()
this.directionPropHorizontal = this.$element("directionPropHorizontal").getInspector()
this.directionPropAdapt = this.$element("directionPropAdapt").getInspector()
this.directionPropNone = this.$element("directionPropNone").getInspector()
this.speedProp = this.$element("speedProp").getInspector()
this.speedPropNone = this.$element("speedPropNone").getInspector()
return
},
}
// @ts-nocheck
/**
* Copyright (c) 2022 Shenzhen Kaihong Digital Industry Development Co., Ltd.
* Licensed under the Apache License, Version 2.0 (the "License");
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册