Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
OpenHarmony
Xts Acts
提交
4227d3c7
X
Xts Acts
项目概览
OpenHarmony
/
Xts Acts
1 年多 前同步成功
通知
9
Star
22
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
X
Xts Acts
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
未验证
提交
4227d3c7
编写于
3月 08, 2022
作者:
B
bayanxing
提交者:
Gitee
3月 08, 2022
浏览文件
操作
浏览文件
下载
差异文件
!34 add test cases
Merge pull request !34 from Nicklaus/xts_acts_dev
上级
ea3c1ceb
07ce5546
变更
13
显示空白变更内容
内联
并排
Showing
13 changed file
with
921 addition
and
44 deletion
+921
-44
ace/ace_standard/src/main/config.json
ace/ace_standard/src/main/config.json
+1
-0
ace/ace_standard/src/main/js/default/pages/button/prop/index.css
..._standard/src/main/js/default/pages/button/prop/index.css
+10
-1
ace/ace_standard/src/main/js/default/pages/button/prop/index.hml
..._standard/src/main/js/default/pages/button/prop/index.hml
+43
-0
ace/ace_standard/src/main/js/default/pages/button/prop/index.js
...e_standard/src/main/js/default/pages/button/prop/index.js
+1
-0
ace/ace_standard/src/main/js/default/pages/button/router/index.css
...tandard/src/main/js/default/pages/button/router/index.css
+1
-1
ace/ace_standard/src/main/js/default/pages/button/router/index.hml
...tandard/src/main/js/default/pages/button/router/index.hml
+1
-0
ace/ace_standard/src/main/js/default/pages/button/router/index.js
...standard/src/main/js/default/pages/button/router/index.js
+8
-0
ace/ace_standard/src/main/js/default/pages/button/style/index.css
...standard/src/main/js/default/pages/button/style/index.css
+655
-0
ace/ace_standard/src/main/js/default/pages/button/style/index.hml
...standard/src/main/js/default/pages/button/style/index.hml
+154
-0
ace/ace_standard/src/main/js/default/pages/button/style/index.js
..._standard/src/main/js/default/pages/button/style/index.js
+6
-1
ace/ace_standard/src/main/js/default/test/circleProps.test.js
...ace_standard/src/main/js/default/test/circleProps.test.js
+13
-13
ace/ace_standard/src/main/js/default/test/rectProps.test.js
ace/ace_standard/src/main/js/default/test/rectProps.test.js
+15
-15
ace/ace_standard/src/main/js/default/test/svgProps.test.js
ace/ace_standard/src/main/js/default/test/svgProps.test.js
+13
-13
未找到文件。
ace/ace_standard/src/main/config.json
浏览文件 @
4227d3c7
...
...
@@ -156,6 +156,7 @@
"pages/div/style/index"
,
"pages/divider/prop/index"
,
"pages/button/prop/index"
,
"pages/button/style/index"
,
"pages/chart/prop/index"
,
"pages/image/prop/index"
,
"pages/span/prop/index"
,
...
...
ace/ace_standard/src/main/js/default/pages/button/prop/index.css
浏览文件 @
4227d3c7
...
...
@@ -512,7 +512,16 @@
padding-start
:
10px
;
padding-end
:
10px
;
}
.propNewAdd
{
height
:
15px
;
margin-bottom
:
3px
;
background-color
:
#c00000
;
width
:
100%
;
margin-left
:
10px
;
margin-right
:
10px
;
padding-start
:
10px
;
padding-end
:
10px
;
}
...
...
ace/ace_standard/src/main/js/default/pages/button/prop/index.hml
浏览文件 @
4227d3c7
...
...
@@ -88,6 +88,16 @@
data-button="">
</button>
<text class="sub-title">
通用属性 -- data
</text>
<button class="propNewAdd"
data="通用属性 -- data">
</button>
<button class="propNewAdd"
data="">
</button>
<text class="sub-title">
通用属性 -- click-effect
</text>
...
...
@@ -234,5 +244,38 @@
<button id="waitingNone"
waiting="">
</button>
<text class="sub-title">
特有属性 -- shareid
</text>
<button class="propNewAdd"
shareid="shareButton">
</button>
<button class="propNewAdd"
shareid="">
</button>
<text class="sub-title">
特有属性 -- tid
</text>
<button class="propNewAdd"
tid="id">
</button>
<button class="propNewAdd"
tid="">
</button>
<text class="sub-title">
特有属性 -- elif
</text>
<button class="propNewAdd"
if="false">
</button>
<button class="propNewAdd"
elif="true">
</button>
<button class="propNewAdd"
elif="false">
</button>
</div>
</div>
ace/ace_standard/src/main/js/default/pages/button/prop/index.js
浏览文件 @
4227d3c7
...
...
@@ -68,6 +68,7 @@ export default {
waitingFalse
:
null
,
waitingNone
:
null
},
onShow
(){
this
.
getCommonPropValues
();
this
.
getSpecificPropValues
();
...
...
ace/ace_standard/src/main/js/default/pages/button/router/index.css
浏览文件 @
4227d3c7
...
...
@@ -108,6 +108,7 @@ button{
max-height
:
20px
;
padding-left
:
10px
;
padding-top
:
1px
;
font-size
:
10px
;
padding-right
:
15px
;
padding-bottom
:
1px
;
margin-left
:
10px
;
...
...
@@ -152,7 +153,6 @@ button{
border-color
:
#000000
;
border-radius
:
5px
;
background-color
:
#ffaa00
;
mask-image
:
url('common/images/icon.png')
;
mask-size
:
cover
;
mask-position
:
center
;
}
...
...
ace/ace_standard/src/main/js/default/pages/button/router/index.hml
浏览文件 @
4227d3c7
...
...
@@ -277,6 +277,7 @@
button无障碍1
</text>
<button id="access1" class="access1"
onaccessibility="onAccessibility"
accessibilitygroup ="true"
accessibilitytext="这是div"
accessibilitydescription="点击此按键会弹出一个对话框"
...
...
ace/ace_standard/src/main/js/default/pages/button/router/index.js
浏览文件 @
4227d3c7
...
...
@@ -89,6 +89,14 @@ export default {
progress
:
10
,
downloadText
:
"
进度条按钮
"
},
onAccessibility
(
event
)
{
if
(
event
.
eventType
==
1
)
{
console
.
log
(
'
abc
'
);
}
console
.
log
(
"
onAccessibility
"
+
JSON
.
stringify
(
event
));
},
setProgress
(
e
)
{
var
i
=
0
var
set
=
setInterval
(()
=>
{
...
...
ace/ace_standard/src/main/js/default/pages/button/style/index.css
浏览文件 @
4227d3c7
/**
* 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
'../../../common/style.css'
;
.container
{
flex-direction
:
row
;
width
:
100%
;
height
:
100%
;
padding
:
1px
;
}
.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
;
}
.style-container
{
flex-direction
:
column
;
width
:
50%
;
}
#styleOne
{
width
:
150px
;
height
:
20px
;
padding-top
:
1px
;
padding-left
:
2px
;
padding-right
:
3px
;
padding-bottom
:
0.5px
;
margin-left
:
1px
;
margin-top
:
2px
;
margin-right
:
1.5px
;
margin-bottom
:
0.5px
;
border-left-style
:
solid
;
border-right-style
:
dashed
;
border-top-style
:
dotted
;
border-bottom-style
:
solid
;
border-left-width
:
1px
;
border-right-width
:
1.5px
;
border-top-width
:
2px
;
border-bottom-width
:
0.5px
;
border-left-color
:
#ff0000
;
border-right-color
:
#00ff00
;
border-top-color
:
#0000ff
;
border-bottom-color
:
#fff000
;
border-bottom-left-radius
:
5px
;
border-bottom-right-radius
:
15px
;
border-top-left-radius
:
10px
;
border-top-right-radius
:
0px
;
opacity
:
0.5
;
align-self
:
flex-end
;
}
#styleTwo
{
width
:
150px
;
height
:
20px
;
padding-start
:
1px
;
padding-end
:
2px
;
margin-start
:
1px
;
margin-end
:
2px
;
border-style
:
dotted
;
border-width
:
2px
;
border-color
:
#0f00f0
;
border-radius
:
5px
;
opacity
:
1.5
;
align-self
:
flex-start
;
}
#styleThree
{
width
:
50px
;
height
:
20px
;
padding
:
2px
;
margin
:
1px
;
border-left
:
1px
solid
#ff0000
;
border-right
:
2px
dashed
#00ff00
;
border-top
:
1.5px
dotted
#0000ff
;
border-bottom
:
2.5px
dotted
#fff000
;
opacity
:
1
;
align-self
:
baseline
;
}
#styleFour
{
width
:
50px
;
height
:
20px
;
align-self
:
center
;
border
:
2px
solid
#00ff00
;
}
#styleFive
{
width
:
150px
;
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
;
}
#styleSix
{
width
:
100%
;
height
:
2%
;
background-color
:
#ff0000
;
padding-top
:
1%
;
padding-left
:
2%
;
padding-right
:
3%
;
padding-bottom
:
0.5%
;
margin-left
:
1%
;
margin-top
:
2%
;
margin-right
:
1.5%
;
margin-bottom
:
0.5%
;
}
#styleSeven
{
width
:
70%
;
height
:
1%
;
padding-start
:
1%
;
padding-end
:
2%
;
margin-start
:
1%
;
margin-end
:
2%
;
background-color
:
#00ff00
;
}
#styleEight
{
width
:
60%
;
height
:
1%
;
margin
:
1%
;
padding
:
2%
;
background-color
:
#0000ff
;
}
#styleNine
{
width
:
100%
;
height
:
40px
;
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%
;
display
:
none
;
background-color
:
#ff0000
;
}
#styleEleven
{
height
:
40%
;
background-color
:
#00ff00
;
flex
:
1
1
20px
;
z-index
:
10
;
}
#styleTwelve
{
height
:
50%
;
background-color
:
#ff00ff
;
flex-grow
:
2
;
flex-shrink
:
3
;
flex-basis
:
30px
;
z-index
:
13
;
}
#styleThirteen
{
position
:
absolute
;
left
:
10px
;
top
:
20px
;
width
:
10px
;
height
:
10px
;
background-color
:
#00ff00
;
z-index
:
12
;
}
#styleFourteen
{
position
:
absolute
;
right
:
10px
;
bottom
:
20px
;
width
:
10px
;
height
:
10px
;
background-color
:
#0000ff
;
z-index
:
3
;
}
#styleFifteen
{
position
:
absolute
;
left
:
10%
;
top
:
20%
;
width
:
10px
;
height
:
10px
;
background-color
:
#fff000
;
z-index
:
5
;
font-weight
:
800
;
}
#styleSixteen
{
position
:
absolute
;
right
:
10%
;
bottom
:
20%
;
width
:
10px
;
height
:
10px
;
background-color
:
#00ffff
;
z-index
:
15
;
font-weight
:
900
;
}
#styleSeventeen
{
position
:
absolute
;
start
:
50px
;
width
:
10px
;
height
:
10px
;
background-color
:
#ffff00
;
z-index
:
7
;
}
#styleEighteen
{
position
:
absolute
;
end
:
20px
;
width
:
10px
;
height
:
10px
;
background-color
:
#00ffff
;
z-index
:
4
;
}
#styleNineteen
{
position
:
absolute
;
start
:
20%
;
width
:
10px
;
height
:
10px
;
background-color
:
#ffff00
;
z-index
:
1
;
}
#styleTwenty
{
position
:
absolute
;
end
:
20%
;
width
:
10px
;
height
:
10px
;
background-color
:
#00ffff
;
z-index
:
17
;
}
#styleTwentyOne
{
height
:
20px
;
box-shadow
:
2px
4px
;
flex-weight
:
1
;
margin
:
5px
;
}
#styleTwentyTwo
{
flex-weight
:
1
;
height
:
20px
;
box-shadow
:
2px
4px
6px
8px
;
margin
:
5px
;
}
#styleTwentyThree
{
flex-weight
:
1
;
height
:
20px
;
box-shadow
:
1px
2px
3px
4px
#ff0000
;
margin
:
5px
;
}
#styleTwentyFour
{
width
:
150px
;
height
:
20px
;
background-color
:
#00ffff
;
clip-path
:
inset
(
2
23
);
visibility
:
visible
;
}
#styleTwentyFive
{
width
:
150px
;
height
:
20px
;
background-color
:
#00ffff
;
visibility
:
hidden
;
}
#styleTwentySix
{
width
:
150px
;
height
:
20px
;
background-color
:
#999999
;
}
#styleTwentySeven
{
width
:
150px
;
height
:
20px
;
background
:
linear-gradient
(
pink
,
#fff000
);
}
#styleTwentyNine
{
width
:
150px
;
height
:
20px
;
background-image
:
url('common/images/image.png')
;
background-size
:
contain
;
background-repeat
:
repeat-x
;
background-position
:
center
;
}
#styleThirty
{
width
:
150px
;
height
:
20px
;
background-image
:
url('common/images/image.png')
;
background-size
:
50px
10px
;
background-repeat
:
no-repeat
;
background-position
:
10px
10px
;
}
#styleThirtyOne
{
width
:
150px
;
height
:
20px
;
background-image
:
url('common/images/image.png')
;
background-size
:
10%
20%
;
background-repeat
:
repeat
;
background-position
:
30%
40%
;
mask-image
:
linear-gradient
(
pink
,
#fff000
);
}
#styleThirtyTwo
{
width
:
150px
;
height
:
20px
;
background
:
linear-gradient
(
pink
,
#fff000
);
clip-path
:
margin-box
;
image-fill
:
#000fff
;
mask-image
:
url('common/images/icon.png')
;
mask-size
:
cover
;
mask-position
:
center
;
}
#styleThirtyThree
{
filter
:
blur
(
10px
);
backdrop-filter
:
blur
(
10px
);
window-filter
:
blur
(
10%
);
}
.specific-container
{
flex-direction
:
column
;
flex-weight
:
1
;
}
#specificOne
{
width
:
70px
;
height
:
25px
;
flex-direction
:
row
;
flex-wrap
:
nowrap
;
}
#specificTwo
{
width
:
100%
;
height
:
50px
;
flex-direction
:
column
;
flex-wrap
:
wrap
;
justify-content
:
flex-start
;
align-items
:
flex-start
;
align-content
:
flex-start
;
}
#specificThree
{
width
:
18%
;
height
:
48%
;
border
:
1px
solid
pink
;
flex-direction
:
row
;
justify-content
:
flex-end
;
align-items
:
flex-end
;
align-content
:
flex-end
;
margin
:
1%
;
}
#specificFour
{
width
:
18%
;
height
:
48%
;
border
:
1px
solid
pink
;
flex-direction
:
row
;
justify-content
:
center
;
align-items
:
center
;
align-items
:
center
;
margin
:
1%
;
}
#specificFive
{
width
:
18%
;
height
:
48%
;
border
:
1px
solid
pink
;
flex-direction
:
row
;
justify-content
:
space-between
;
align-items
:
stretch
;
align-content
:
space-between
;
margin
:
1%
;
}
#specificSix
{
width
:
18%
;
height
:
48%
;
border
:
1px
solid
pink
;
flex-direction
:
row
;
justify-content
:
space-around
;
align-items
:
baseline
;
align-content
:
space-around
;
margin
:
1%
;
}
#specificSeven
{
width
:
50px
;
height
:
10px
;
background-color
:
#ff0000
;
overflow
:
hidden
;
}
#specificEight
{
width
:
70px
;
height
:
10px
;
background-color
:
#00ff00
;
overflow
:
visible
;
margin-left
:
10px
;
}
#specificNine
{
width
:
100%
;
height
:
50px
;
margin-top
:
10px
;
overflow
:
scroll
;
flex-direction
:
column
;
scrollbar-color
:
#ff0000
;
scrollbar-width
:
2px
;
overscroll-effect
:
spring
;
}
#specificTen
{
width
:
100%
;
height
:
10px
;
margin-top
:
10px
;
overflow
:
scroll
;
scrollbar-color
:
#ff0000
;
scrollbar-width
:
2px
;
overscroll-effect
:
fade
;
}
#specificEleven
{
width
:
100%
;
height
:
10px
;
margin-top
:
10px
;
overflow
:
scroll
;
scrollbar-color
:
#ff0000
;
scrollbar-width
:
2px
;
overscroll-effect
:
none
;
}
#specificTwelve
{
width
:
100%
;
height
:
30px
;
display
:
grid
;
background-color
:
#000fff
;
grid-template-rows
:
50px
100px
60px
;
grid-rows-gap
:
10px
;
grid-row-start
:
1
;
grid-row-end
:
2
;
grid-auto-flow
:
row
;
}
#specificThirteen
{
width
:
100%
;
height
:
30px
;
background-color
:
#fff000
;
display
:
grid
;
grid-template-columns
:
50px
100px
60px
;
grid-columns-gap
:
10px
;
grid-column-start
:
1
;
grid-column-end
:
2
;
grid-auto-flow
:
column
;
}
.flex-item
{
width
:
40%
;
height
:
10px
;
}
.red-item
{
background-color
:
#ff0000
;
}
.green-item
{
background-color
:
#00ff00
;
}
.blue-item
{
background-color
:
#0000ff
;
}
.yellow-item
{
background-color
:
#fff000
;
}
#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%
);
align-items
:
center
;
font-weight
:
lighter
;
overflow
:
hidden
;
}
#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
;
align-items
:
flex-end
;
font-weight
:
normal
;
overflow
:
visible
;
}
#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
;
align-items
:
flex-start
;
font-weight
:
bolder
;
}
#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
);
align-items
:
baseline
;
font-weight
:
medium
;
}
#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
);
align-items
:
stretch
;
font-weight
:
regular
;
}
#addSix
{
width
:
100px
;
height
:
15px
;
background-color
:
#000000
;
transform
:
scaleX
(
1
)
scaleY
(
0.4
);
clip-path
:
ellipse
(
1
);
font-weight
:
300
;
}
#addSeven
{
width
:
100px
;
height
:
15px
;
background-color
:
#000000
;
clip-path
:
path
(
1
);
aspect-ratio
:
2
;
font-weight
:
400
;
}
#addSeven
:disabled
{
width
:
100px
;
height
:
15px
;
background-color
:
#ff0000
;
font-weight
:
500
;
}
#addSeven
:active
{
width
:
100px
;
height
:
15px
;
background-color
:
#ff0000
;
font-weight
:
600
;
}
#addSeven
:focus
{
width
:
100px
;
height
:
15px
;
background-color
:
#ff0000
;
font-weight
:
700
;
}
#addSeven
:waiting
{
width
:
100px
;
height
:
15px
;
background-color
:
#ff0000
;
font-weight
:
700
;
}
@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/button/style/index.hml
浏览文件 @
4227d3c7
<!--/**
* 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">
button通用样式
</text>
<text class="sub-title">
通用样式 1-8 \n width height padding margin border opacity align-self
</text>
<button id="styleOne">
</button>
<button id="styleTwo">
</button>
<button id="styleThree">
</button>
<button id="styleFour">
</button>
<button id="styleFive">
</button>
<button id="styleSix">
</button>
<button id="styleSeven">
</button>
<button id="styleEight">
</button>
<text class="sub-title">
通用样式9-20 \n display flex z-index position
</text>
<div id="styleNine">
<button id="styleTen">
</button>
<button id="styleEleven">
</button>
<button id="styleTwelve">
</button>
<button id="styleThirteen">
</button>
<button id="styleFourteen">
</button>
<button id="styleFifteen">
</button>
<button id="styleSixteen">
</button>
<button id="styleSeventeen">
</button>
<button id="styleEighteen">
</button>
<button id="styleNineteen">
</button>
<button id="styleTwenty">
</button>
</div>
<text class="sub-title">
通用样式21-23 box-shadow
</text>
<div style="width: 100%;flex-direction: row;">
<button id="styleTwentyOne">
</button>
<button id="styleTwentyTwo">
</button>
<button id="styleTwentyThree">
</button>
</div>
<text class="sub-title">
通用样式23-25 visibility clip-path
</text>
<button id="styleTwentyFour">
</button>
<button id="styleTwentyFive">
</button>
<text class="sub-title">
通用样式26-31 background
</text>
<button id="styleTwentySix">
</button>
<button id="styleTwentySeven">
</button>
<button id="styleTwentyNine">
</button>
<button id="styleThirty">
</button>
<button id="styleThirtyOne">
</button>
<text class="sub-title">
通用样式32 clip-path image-fill mask-image
</text>
<button id="styleThirtyTwo">
</button>
<text class="sub-title">
通用样式33 filter:blur() backdrop-filter:blur() window-filter:blur()
</text>
<button id="styleThirtyThree">
</button>
</div>
<div style="background-color: #000000; width: 2px; height: 100%;">
</div>
<div class="specific-container">
<text class="title">
button特有样式
</text>
<text class="sub-title">
特有样式
</text>
<div id="specificOne">
<button id="addOne">
</button>
<button id="addTwo">
</button>
<button id="addThree">
</button>
<button id="addFour">
</button>
<button id="addFive">
</button>
<button id="addSix">
</button>
<button id="addSeven">
</button>
<button id="addSeven:disabled">
</button>
<button id="addSeven:active">
</button>
<button id="addSeven:focus">
</button>
<button id="addFive">
</button>
<button id="addFive">
</button>
</div>
</div>
</div>
ace/ace_standard/src/main/js/default/pages/button/style/index.js
浏览文件 @
4227d3c7
...
...
@@ -12,3 +12,8 @@
* See the License for the specific language governing permissions and
* limitations under the License.
*/
export
default
{
}
ace/ace_standard/src/main/js/default/test/circleProps.test.js
浏览文件 @
4227d3c7
...
...
@@ -400,7 +400,7 @@
expect
(
obj
.
$attrs
.
stroke
).
assertEqual
(
'
red
'
)
console
.
info
(
"
[circleProps] get inspector stroke value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
stroke
));
expect
(
obj
.
$attrs
.
strokeDasharray
).
assertEqual
(
'
2 3
'
)
console
.
info
(
"
[circleProps] get inspector
stroke-
dasharray value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
strokeDasharray
));
console
.
info
(
"
[circleProps] get inspector dasharray value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
strokeDasharray
));
done
();
});
...
...
@@ -430,7 +430,7 @@
expect
(
obj
.
$attrs
.
stroke
).
assertEqual
(
'
red
'
)
console
.
info
(
"
[circleProps] get inspector stroke value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
stroke
));
expect
(
obj
.
$attrs
.
strokeDashoffset
).
assertEqual
(
'
23
'
)
console
.
info
(
"
[circleProps] get inspector
stroke-
dashoffset value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
strokeDashoffset
));
console
.
info
(
"
[circleProps] get inspector dashoffset value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
strokeDashoffset
));
done
();
});
...
...
@@ -461,7 +461,7 @@
expect
(
obj
.
$attrs
.
stroke
).
assertEqual
(
'
red
'
)
console
.
info
(
"
[circleProps] get inspector stroke value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
stroke
));
expect
(
obj
.
$attrs
.
strokeLinejoin
).
assertEqual
(
'
bevel
'
)
console
.
info
(
"
[circleProps] get inspector
stroke-
linejoin value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
strokeLinejoin
));
console
.
info
(
"
[circleProps] get inspector linejoin value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
strokeLinejoin
));
done
();
});
...
...
@@ -491,7 +491,7 @@
expect
(
obj
.
$attrs
.
stroke
).
assertEqual
(
'
red
'
)
console
.
info
(
"
[circleProps] get inspector stroke value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
stroke
));
expect
(
obj
.
$attrs
.
strokeLinejoin
).
assertEqual
(
'
miter
'
)
console
.
info
(
"
[circleProps] get inspector
stroke-
linejoin value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
strokeLinejoin
));
console
.
info
(
"
[circleProps] get inspector linejoin value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
strokeLinejoin
));
done
();
});
...
...
@@ -521,7 +521,7 @@
expect
(
obj
.
$attrs
.
stroke
).
assertEqual
(
'
red
'
)
console
.
info
(
"
[circleProps] get inspector stroke value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
stroke
));
expect
(
obj
.
$attrs
.
strokeLinejoin
).
assertEqual
(
'
round
'
)
console
.
info
(
"
[circleProps] get inspector
stroke-
linejoin value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
strokeLinejoin
));
console
.
info
(
"
[circleProps] get inspector linejoin value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
strokeLinejoin
));
done
();
});
...
...
@@ -551,7 +551,7 @@
expect
(
obj
.
$attrs
.
stroke
).
assertEqual
(
'
red
'
)
console
.
info
(
"
[circleProps] get inspector stroke value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
stroke
));
expect
(
obj
.
$attrs
.
strokeLineCap
).
assertEqual
(
'
butt
'
)
console
.
info
(
"
[circleProps] get inspector
stroke-
lineCap value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
strokeLineCap
));
console
.
info
(
"
[circleProps] get inspector lineCap value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
strokeLineCap
));
done
();
});
...
...
@@ -581,7 +581,7 @@
expect
(
obj
.
$attrs
.
stroke
).
assertEqual
(
'
red
'
)
console
.
info
(
"
[circleProps] get inspector stroke value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
stroke
));
expect
(
obj
.
$attrs
.
strokeLineCap
).
assertEqual
(
'
round
'
)
console
.
info
(
"
[circleProps] get inspector
stroke-
lineCap value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
strokeLineCap
));
console
.
info
(
"
[circleProps] get inspector lineCap value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
strokeLineCap
));
done
();
});
...
...
@@ -611,7 +611,7 @@
expect
(
obj
.
$attrs
.
stroke
).
assertEqual
(
'
red
'
)
console
.
info
(
"
[circleProps] get inspector stroke value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
stroke
));
expect
(
obj
.
$attrs
.
strokeLineCap
).
assertEqual
(
'
square
'
)
console
.
info
(
"
[circleProps] get inspector
stroke-
lineCap value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
strokeLineCap
));
console
.
info
(
"
[circleProps] get inspector lineCap value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
strokeLineCap
));
done
();
});
...
...
@@ -641,7 +641,7 @@
expect
(
obj
.
$attrs
.
stroke
).
assertEqual
(
'
red
'
)
console
.
info
(
"
[circleProps] get inspector stroke value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
stroke
));
expect
(
obj
.
$attrs
.
strokeMiterlimit
).
assertEqual
(
'
10
'
)
console
.
info
(
"
[circleProps] get inspector
stroke-
miterlimit value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
strokeMiterlimit
));
console
.
info
(
"
[circleProps] get inspector miterlimit value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
strokeMiterlimit
));
done
();
});
...
...
@@ -671,7 +671,7 @@
expect
(
obj
.
$attrs
.
stroke
).
assertEqual
(
'
red
'
)
console
.
info
(
"
[circleProps] get inspector stroke value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
stroke
));
expect
(
obj
.
$attrs
.
strokeOpacity
).
assertEqual
(
'
0.5
'
)
console
.
info
(
"
[circleProps] get inspector
stroke-
opacity value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
strokeOpacity
));
console
.
info
(
"
[circleProps] get inspector opacity value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
strokeOpacity
));
done
();
});
...
...
@@ -701,7 +701,7 @@
expect
(
obj
.
$attrs
.
stroke
).
assertEqual
(
'
red
'
)
console
.
info
(
"
[circleProps] get inspector stroke value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
stroke
));
expect
(
obj
.
$attrs
.
strokeOpacity
).
assertEqual
(
'
1
'
)
console
.
info
(
"
[circleProps] get inspector
stroke-
opacity value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
strokeOpacity
));
console
.
info
(
"
[circleProps] get inspector opacity value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
strokeOpacity
));
done
();
});
...
...
@@ -731,7 +731,7 @@
expect
(
obj
.
$attrs
.
stroke
).
assertEqual
(
'
red
'
)
console
.
info
(
"
[circleProps] get inspector stroke value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
stroke
));
expect
(
obj
.
$attrs
.
strokeOpacity
).
assertEqual
(
'
1.5
'
)
console
.
info
(
"
[circleProps] get inspector
stroke-
opacity value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
strokeOpacity
));
console
.
info
(
"
[circleProps] get inspector opacity value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
strokeOpacity
));
done
();
});
...
...
@@ -788,7 +788,7 @@
console
.
info
(
"
[circleProps] get inspector cy value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
cy
));
expect
(
obj
.
$attrs
.
r
).
assertEqual
(
'
10
'
)
console
.
info
(
"
[circleProps] get inspector r value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
r
));
expect
(
obj
.
$attrs
.
transform
).
assertEqual
(
'
translate(10,5)
scale(0.5 1.3) rotate(20 40 90) skewX(10)
skewY(-15)
'
)
expect
(
obj
.
$attrs
.
transform
).
assertEqual
(
'
translate(10,5)
scale(0.5 1.3)rotate(20 40 90)skewX(10)
skewY(-15)
'
)
console
.
info
(
"
[circleProps] get inspector transform value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
transform
));
done
();
});
...
...
ace/ace_standard/src/main/js/default/test/rectProps.test.js
浏览文件 @
4227d3c7
...
...
@@ -67,7 +67,7 @@
}
await
sleep
(
4000
)
done
()
})
})
;
/**
* run after testcase
...
...
@@ -76,7 +76,7 @@
console
.
info
(
'
[rectPropsJsTest] after each called
'
)
await
backToIndex
()
await
sleep
(
1000
)
})
})
;
/**
* @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100
...
...
@@ -378,7 +378,7 @@
expect
(
obj
.
$attrs
.
stroke
).
assertEqual
(
'
red
'
)
console
.
info
(
"
[rectProps] get inspector stroke value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
stroke
));
expect
(
obj
.
$attrs
.
strokeDasharray
).
assertEqual
(
'
2 3
'
)
console
.
info
(
"
[rectProps] get inspector
stroke-
dasharray value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
strokeDasharray
));
console
.
info
(
"
[rectProps] get inspector dasharray value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
strokeDasharray
));
done
();
});
...
...
@@ -406,7 +406,7 @@
expect
(
obj
.
$attrs
.
stroke
).
assertEqual
(
'
red
'
)
console
.
info
(
"
[rectProps] get inspector stroke value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
stroke
));
expect
(
obj
.
$attrs
.
strokeDashoffset
).
assertEqual
(
'
23
'
)
console
.
info
(
"
[rectProps] get inspector
stroke-
dashoffset value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
strokeDashoffset
));
console
.
info
(
"
[rectProps] get inspector dashoffset value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
strokeDashoffset
));
done
();
});
...
...
@@ -435,7 +435,7 @@
expect
(
obj
.
$attrs
.
stroke
).
assertEqual
(
'
red
'
)
console
.
info
(
"
[rectProps] get inspector stroke value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
stroke
));
expect
(
obj
.
$attrs
.
strokeLinejoin
).
assertEqual
(
'
bevel
'
)
console
.
info
(
"
[rectProps] get inspector
stroke-
linejoin value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
strokeLinejoin
));
console
.
info
(
"
[rectProps] get inspector linejoin value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
strokeLinejoin
));
done
();
});
...
...
@@ -463,7 +463,7 @@
expect
(
obj
.
$attrs
.
stroke
).
assertEqual
(
'
red
'
)
console
.
info
(
"
[rectProps] get inspector stroke value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
stroke
));
expect
(
obj
.
$attrs
.
strokeLinejoin
).
assertEqual
(
'
miter
'
)
console
.
info
(
"
[rectProps] get inspector
stroke-
linejoin value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
strokeLinejoin
));
console
.
info
(
"
[rectProps] get inspector linejoin value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
strokeLinejoin
));
done
();
});
...
...
@@ -491,7 +491,7 @@
expect
(
obj
.
$attrs
.
stroke
).
assertEqual
(
'
red
'
)
console
.
info
(
"
[rectProps] get inspector stroke value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
stroke
));
expect
(
obj
.
$attrs
.
strokeLinejoin
).
assertEqual
(
'
round
'
)
console
.
info
(
"
[rectProps] get inspector
stroke-
linejoin value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
strokeLinejoin
));
console
.
info
(
"
[rectProps] get inspector linejoin value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
strokeLinejoin
));
done
();
});
...
...
@@ -519,7 +519,7 @@
expect
(
obj
.
$attrs
.
stroke
).
assertEqual
(
'
red
'
)
console
.
info
(
"
[rectProps] get inspector stroke value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
stroke
));
expect
(
obj
.
$attrs
.
strokeLineCap
).
assertEqual
(
'
butt
'
)
console
.
info
(
"
[rectProps] get inspector
stroke-
lineCap value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
strokeLineCap
));
console
.
info
(
"
[rectProps] get inspector lineCap value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
strokeLineCap
));
done
();
});
...
...
@@ -547,7 +547,7 @@
expect
(
obj
.
$attrs
.
stroke
).
assertEqual
(
'
red
'
)
console
.
info
(
"
[rectProps] get inspector stroke value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
stroke
));
expect
(
obj
.
$attrs
.
strokeLineCap
).
assertEqual
(
'
round
'
)
console
.
info
(
"
[rectProps] get inspector
stroke-
lineCap value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
strokeLineCap
));
console
.
info
(
"
[rectProps] get inspector lineCap value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
strokeLineCap
));
done
();
});
...
...
@@ -575,7 +575,7 @@
expect
(
obj
.
$attrs
.
stroke
).
assertEqual
(
'
red
'
)
console
.
info
(
"
[rectProps] get inspector stroke value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
stroke
));
expect
(
obj
.
$attrs
.
strokeLineCap
).
assertEqual
(
'
square
'
)
console
.
info
(
"
[rectProps] get inspector
stroke-
lineCap value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
strokeLineCap
));
console
.
info
(
"
[rectProps] get inspector lineCap value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
strokeLineCap
));
done
();
});
...
...
@@ -603,7 +603,7 @@
expect
(
obj
.
$attrs
.
stroke
).
assertEqual
(
'
red
'
)
console
.
info
(
"
[rectProps] get inspector stroke value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
stroke
));
expect
(
obj
.
$attrs
.
strokeMiterlimit
).
assertEqual
(
'
10
'
)
console
.
info
(
"
[rectProps] get inspector
stroke-
miterlimit value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
strokeMiterlimit
));
console
.
info
(
"
[rectProps] get inspector miterlimit value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
strokeMiterlimit
));
done
();
});
...
...
@@ -631,7 +631,7 @@
expect
(
obj
.
$attrs
.
stroke
).
assertEqual
(
'
red
'
)
console
.
info
(
"
[rectProps] get inspector stroke value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
stroke
));
expect
(
obj
.
$attrs
.
strokeOpacity
).
assertEqual
(
'
0.5
'
)
console
.
info
(
"
[rectProps] get inspector
stroke-
opacity value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
strokeOpacity
));
console
.
info
(
"
[rectProps] get inspector opacity value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
strokeOpacity
));
done
();
});
...
...
@@ -659,7 +659,7 @@
expect
(
obj
.
$attrs
.
stroke
).
assertEqual
(
'
red
'
)
console
.
info
(
"
[rectProps] get inspector stroke value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
stroke
));
expect
(
obj
.
$attrs
.
strokeOpacity
).
assertEqual
(
'
1
'
)
console
.
info
(
"
[rectProps] get inspector
stroke-
opacity value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
strokeOpacity
));
console
.
info
(
"
[rectProps] get inspector opacity value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
strokeOpacity
));
done
();
});
...
...
@@ -687,7 +687,7 @@
expect
(
obj
.
$attrs
.
stroke
).
assertEqual
(
'
red
'
)
console
.
info
(
"
[rectProps] get inspector stroke value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
stroke
));
expect
(
obj
.
$attrs
.
strokeOpacity
).
assertEqual
(
'
1.5
'
)
console
.
info
(
"
[rectProps] get inspector
stroke-
opacity value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
strokeOpacity
));
console
.
info
(
"
[rectProps] get inspector opacity value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
strokeOpacity
));
done
();
});
...
...
@@ -740,7 +740,7 @@
console
.
info
(
"
[rectProps] get inspector width value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
width
));
expect
(
obj
.
$attrs
.
height
).
assertEqual
(
'
100px
'
)
console
.
info
(
"
[rectProps] get inspector height value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
height
));
expect
(
obj
.
$attrs
.
transform
).
assertEqual
(
'
translate(10,5)
scale(0.5 1.3) rotate(20 40 90) skewX(10)
skewY(-15)
'
)
expect
(
obj
.
$attrs
.
transform
).
assertEqual
(
'
translate(10,5)
scale(0.5 1.3)rotate(20 40 90)skewX(10)
skewY(-15)
'
)
console
.
info
(
"
[rectProps] get inspector transform value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
transform
));
done
();
});
...
...
ace/ace_standard/src/main/js/default/test/svgProps.test.js
浏览文件 @
4227d3c7
...
...
@@ -378,7 +378,7 @@ describe('svgPropsJsTest', function () {
expect
(
obj
.
$attrs
.
stroke
).
assertEqual
(
'
red
'
)
console
.
info
(
"
[svgProps] get inspector stroke value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
stroke
));
expect
(
obj
.
$attrs
.
strokeDasharray
).
assertEqual
(
'
2 3
'
)
console
.
info
(
"
[svgProps] get inspector
stroke-
dasharray value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
strokeDasharray
));
console
.
info
(
"
[svgProps] get inspector dasharray value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
strokeDasharray
));
done
();
});
...
...
@@ -406,7 +406,7 @@ describe('svgPropsJsTest', function () {
expect
(
obj
.
$attrs
.
stroke
).
assertEqual
(
'
red
'
)
console
.
info
(
"
[svgProps] get inspector stroke value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
stroke
));
expect
(
obj
.
$attrs
.
strokeDashoffset
).
assertEqual
(
'
23
'
)
console
.
info
(
"
[svgProps] get inspector
stroke-
dashoffset value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
strokeDashoffset
));
console
.
info
(
"
[svgProps] get inspector dashoffset value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
strokeDashoffset
));
done
();
});
...
...
@@ -435,7 +435,7 @@ describe('svgPropsJsTest', function () {
expect
(
obj
.
$attrs
.
stroke
).
assertEqual
(
'
red
'
)
console
.
info
(
"
[svgProps] get inspector stroke value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
stroke
));
expect
(
obj
.
$attrs
.
strokeLinejoin
).
assertEqual
(
'
bevel
'
)
console
.
info
(
"
[svgProps] get inspector
stroke-
linejoin value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
strokeLinejoin
));
console
.
info
(
"
[svgProps] get inspector linejoin value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
strokeLinejoin
));
done
();
});
...
...
@@ -463,7 +463,7 @@ describe('svgPropsJsTest', function () {
expect
(
obj
.
$attrs
.
stroke
).
assertEqual
(
'
red
'
)
console
.
info
(
"
[svgProps] get inspector stroke value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
stroke
));
expect
(
obj
.
$attrs
.
strokeLinejoin
).
assertEqual
(
'
miter
'
)
console
.
info
(
"
[svgProps] get inspector
stroke-
linejoin value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
strokeLinejoin
));
console
.
info
(
"
[svgProps] get inspector linejoin value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
strokeLinejoin
));
done
();
});
...
...
@@ -491,7 +491,7 @@ describe('svgPropsJsTest', function () {
expect
(
obj
.
$attrs
.
stroke
).
assertEqual
(
'
red
'
)
console
.
info
(
"
[svgProps] get inspector stroke value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
stroke
));
expect
(
obj
.
$attrs
.
strokeLinejoin
).
assertEqual
(
'
round
'
)
console
.
info
(
"
[svgProps] get inspector
stroke-
linejoin value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
strokeLinejoin
));
console
.
info
(
"
[svgProps] get inspector linejoin value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
strokeLinejoin
));
done
();
});
...
...
@@ -519,7 +519,7 @@ describe('svgPropsJsTest', function () {
expect
(
obj
.
$attrs
.
stroke
).
assertEqual
(
'
red
'
)
console
.
info
(
"
[svgProps] get inspector stroke value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
stroke
));
expect
(
obj
.
$attrs
.
strokeLineCap
).
assertEqual
(
'
butt
'
)
console
.
info
(
"
[svgProps] get inspector
stroke-
lineCap value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
strokeLineCap
));
console
.
info
(
"
[svgProps] get inspector lineCap value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
strokeLineCap
));
done
();
});
...
...
@@ -547,7 +547,7 @@ describe('svgPropsJsTest', function () {
expect
(
obj
.
$attrs
.
stroke
).
assertEqual
(
'
red
'
)
console
.
info
(
"
[svgProps] get inspector stroke value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
stroke
));
expect
(
obj
.
$attrs
.
strokeLineCap
).
assertEqual
(
'
round
'
)
console
.
info
(
"
[svgProps] get inspector
stroke-
lineCap value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
strokeLineCap
));
console
.
info
(
"
[svgProps] get inspector lineCap value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
strokeLineCap
));
done
();
});
...
...
@@ -575,7 +575,7 @@ describe('svgPropsJsTest', function () {
expect
(
obj
.
$attrs
.
stroke
).
assertEqual
(
'
red
'
)
console
.
info
(
"
[svgProps] get inspector stroke value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
stroke
));
expect
(
obj
.
$attrs
.
strokeLineCap
).
assertEqual
(
'
square
'
)
console
.
info
(
"
[svgProps] get inspector
stroke-
lineCap value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
strokeLineCap
));
console
.
info
(
"
[svgProps] get inspector lineCap value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
strokeLineCap
));
done
();
});
...
...
@@ -603,7 +603,7 @@ describe('svgPropsJsTest', function () {
expect
(
obj
.
$attrs
.
stroke
).
assertEqual
(
'
red
'
)
console
.
info
(
"
[svgProps] get inspector stroke value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
stroke
));
expect
(
obj
.
$attrs
.
strokeMiterlimit
).
assertEqual
(
'
10
'
)
console
.
info
(
"
[svgProps] get inspector
stroke-
miterlimit value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
strokeMiterlimit
));
console
.
info
(
"
[svgProps] get inspector miterlimit value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
strokeMiterlimit
));
done
();
});
...
...
@@ -631,7 +631,7 @@ describe('svgPropsJsTest', function () {
expect
(
obj
.
$attrs
.
stroke
).
assertEqual
(
'
red
'
)
console
.
info
(
"
[svgProps] get inspector stroke value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
stroke
));
expect
(
obj
.
$attrs
.
strokeOpacity
).
assertEqual
(
'
0.5
'
)
console
.
info
(
"
[svgProps] get inspector
stroke-
opacity value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
strokeOpacity
));
console
.
info
(
"
[svgProps] get inspector opacity value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
strokeOpacity
));
done
();
});
...
...
@@ -659,7 +659,7 @@ describe('svgPropsJsTest', function () {
expect
(
obj
.
$attrs
.
stroke
).
assertEqual
(
'
red
'
)
console
.
info
(
"
[svgProps] get inspector stroke value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
stroke
));
expect
(
obj
.
$attrs
.
strokeOpacity
).
assertEqual
(
'
1
'
)
console
.
info
(
"
[svgProps] get inspector
stroke-
opacity value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
strokeOpacity
));
console
.
info
(
"
[svgProps] get inspector opacity value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
strokeOpacity
));
done
();
});
...
...
@@ -687,7 +687,7 @@ describe('svgPropsJsTest', function () {
expect
(
obj
.
$attrs
.
stroke
).
assertEqual
(
'
red
'
)
console
.
info
(
"
[svgProps] get inspector stroke value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
stroke
));
expect
(
obj
.
$attrs
.
strokeOpacity
).
assertEqual
(
'
1.5
'
)
console
.
info
(
"
[svgProps] get inspector
stroke-
opacity value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
strokeOpacity
));
console
.
info
(
"
[svgProps] get inspector opacity value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
strokeOpacity
));
done
();
});
...
...
@@ -740,7 +740,7 @@ describe('svgPropsJsTest', function () {
console
.
info
(
"
[svgProps] get inspector width value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
width
));
expect
(
obj
.
$attrs
.
height
).
assertEqual
(
'
20px
'
)
console
.
info
(
"
[svgProps] get inspector height value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
height
));
expect
(
obj
.
$attrs
.
transform
).
assertEqual
(
'
translate(10,5)
scale(0.5 1.3) rotate(20 40 90) skewX(10)
skewY(-15)
'
)
expect
(
obj
.
$attrs
.
transform
).
assertEqual
(
'
translate(10,5)
scale(0.5 1.3)rotate(20 40 90)skewX(10)
skewY(-15)
'
)
console
.
info
(
"
[svgProps] get inspector transform value is:
"
+
JSON
.
stringify
(
obj
.
$attrs
.
transform
));
done
();
});
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录