Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
京东前端
nutui
提交
acd6f5a9
N
nutui
项目概览
京东前端
/
nutui
通知
37
Star
4
Fork
1
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
N
nutui
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
acd6f5a9
编写于
1月 09, 2019
作者:
Z
zhenyulei
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
update
上级
d2d4cd19
变更
3
隐藏空白更改
内联
并排
Showing
3 changed file
with
62 addition
and
14 deletion
+62
-14
package.json
package.json
+1
-1
src/packages/tab/__test__/tab.spec.js
src/packages/tab/__test__/tab.spec.js
+57
-10
src/packages/tab/tab.vue
src/packages/tab/tab.vue
+4
-3
未找到文件。
package.json
浏览文件 @
acd6f5a9
...
...
@@ -24,7 +24,7 @@
"build"
:
"npm run build:prod && npm run build:prodmin && npm run build:disp"
,
"eslint"
:
"eslint src/packages/**/*.{js,vue}"
,
"add"
:
"node scripts/createCptTpl.js"
,
"test"
:
"cross-env NODE_ENV=test nyc --reporter=lcov --reporter=text mocha-webpack --webpack-config build/webpack.test.conf.js --require test/setup.js src/packages/
*
/__test__/**.spec.js"
,
"test"
:
"cross-env NODE_ENV=test nyc --reporter=lcov --reporter=text mocha-webpack --webpack-config build/webpack.test.conf.js --require test/setup.js src/packages/
tab
/__test__/**.spec.js"
,
"coveralls"
:
"cat ./coverage/lcov.info | coveralls"
,
"test:watch"
:
"npm run test --watch"
},
...
...
src/packages/tab/__test__/tab.spec.js
浏览文件 @
acd6f5a9
...
...
@@ -4,15 +4,62 @@ import Vue from 'vue';
describe
(
'
Tab.vue
'
,
()
=>
{
const
wrapper
=
mount
(
Tab
);
it
(
'
页签类型为based
'
,
()
=>
{
wrapper
.
setProps
({
type
:
'
based
'
});
return
Vue
.
nextTick
().
then
(
function
()
{
expect
(
wrapper
.
contains
(
'
.based
'
)).
toBe
(
true
);
})
});
it
(
'
当前tab的位置
'
,
()
=>
{
wrapper
.
setProps
({
positionNav
:
'
left
'
});
return
Vue
.
nextTick
().
then
(
function
()
{
expect
(
wrapper
.
contains
(
'
.nut-tab
'
)).
toBe
(
true
);
})
});
//const wrapper = mount(Tab);
// it('页签类型为based', () => {
// wrapper.setProps({ type: 'based' });
// return Vue.nextTick().then(function () {
// expect(wrapper.contains('.based')).toBe(true);
// })
// });
it
(
'
禁止选择第一个标签
'
,
()
=>
{
wrapper
.
setData
({
tabTitleList
:
[
{
tabTitle
:
"
衣物
"
,
disable
:
false
,
iconUrl
:
"
http://img13.360buyimg.com/uba/jfs/t27280/289/2061314663/2392/872e32ff/5bf76318Ndc80c1d8.jpg
"
,
content
:
"
<p>衣物内容</p>
"
},
{
tabTitle
:
"
日用品
"
,
iconUrl
:
"
http://img13.360buyimg.com/uba/jfs/t30331/209/562746340/2190/6619973d/5bf763aaN6ff02099.jpg
"
,
content
:
"
<p>日用品内容</p>
"
},
{
tabTitle
:
"
运动器材
"
,
iconUrl
:
"
http://img20.360buyimg.com/uba/jfs/t30346/262/553689202/2257/5dfa3983/5bf76407N72deabf4.jpg
"
,
content
:
"
<p>运动器材内容</p>
"
},
{
tabTitle
:
"
电影票
"
,
iconUrl
:
"
http://img10.360buyimg.com/uba/jfs/t26779/215/2118525153/2413/470d1613/5bf767b2N075957b7.jpg
"
,
content
:
"
<p>电影票内容</p>
"
}
]
});
setTimeout
(()
=>
{
return
Vue
.
nextTick
().
then
(
function
()
{
expect
(
wrapper
.
findAll
(
'
.nut-title-nav-leftnav
'
).
at
(
0
).
is
(
'
.nut-tab-disable
'
)).
toBe
(
true
)
})
},
10
)
});
it
(
'
当前默认选中的tab
'
,
()
=>
{
wrapper
.
setProps
({
defIndex
:
0
});
setTimeout
(()
=>
{
return
Vue
.
nextTick
().
then
(
function
()
{
expect
(
wrapper
.
findAll
(
'
.nut-title-nav-list
'
).
at
(
1
).
is
(
'
.nut-tab-active
'
)).
toBe
(
true
)
})
},
20
)
});
});
\ No newline at end of file
src/packages/tab/tab.vue
浏览文件 @
acd6f5a9
...
...
@@ -123,7 +123,7 @@ export default {
let
slot
=
[...
this
.
$slots
.
default
];
this
.
tabTitleList
=
[];
this
.
initTab
(
slot
);
},
0
);
},
50
);
}
},
computed
:{
...
...
@@ -139,8 +139,9 @@ export default {
},
},
mounted
()
{
let
slot
=
[...
this
.
$slots
.
default
];
this
.
initTab
(
slot
);
this
.
$nextTick
(()
=>
{
this
.
$slots
.
default
&&
this
.
initTab
(
this
.
$slots
.
default
);
})
},
methods
:
{
closeItem
:
function
(
value
){
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录