Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
wanjj_1210
ant-design
提交
2d5949f3
A
ant-design
项目概览
wanjj_1210
/
ant-design
与 Fork 源项目一致
从无法访问的项目Fork
通知
10
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
A
ant-design
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
2d5949f3
编写于
7月 11, 2018
作者:
W
Wei Zhu
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
test: use render for snapshot
上级
690804d3
变更
2
隐藏空白更改
内联
并排
Showing
2 changed file
with
56 addition
and
146 deletion
+56
-146
components/tabs/__tests__/__snapshots__/index.test.js.snap
components/tabs/__tests__/__snapshots__/index.test.js.snap
+54
-144
components/tabs/__tests__/index.test.js
components/tabs/__tests__/index.test.js
+2
-2
未找到文件。
components/tabs/__tests__/__snapshots__/index.test.js.snap
浏览文件 @
2d5949f3
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Tabs tabPosition remove card 1`] = `
<Tabs
hideAdd={false}
prefixCls="ant-tabs"
tabBarExtraContent="xxx"
tabPosition="left"
<div
class="ant-tabs ant-tabs-left ant-tabs-vertical ant-tabs-line"
>
<Tabs
className="ant-tabs-vertical ant-tabs-line"
destroyInactiveTabPane={false}
hideAdd={false}
onChange={[Function]}
prefixCls="ant-tabs"
renderTabBar={[Function]}
renderTabContent={[Function]}
style={Object {}}
tabBarExtraContent="xxx"
tabBarPosition="left"
tabPosition="left"
<div
class="ant-tabs-bar"
role="tablist"
tabindex="0"
>
<div
className="ant-tabs ant-tabs-left ant-tabs-vertical ant-tabs-line"
style={Object {}}
class="ant-tabs-nav-container"
>
<ScrollableInkTabBar
activeKey="1"
extraContent={
<div
className="ant-tabs-extra-content"
>
xxx
</div>
}
inkBarAnimated={true}
key="tabBar"
onKeyDown={[Function]}
onNextClick={[Function]}
onPrevClick={[Function]}
onTabClick={[Function]}
panels={
<TabPane
placeholder={null}
tab="foo"
>
foo
</TabPane>
}
prefixCls="ant-tabs"
scrollAnimated={true}
styles={Object {}}
tabBarPosition="left"
<span
class="ant-tabs-tab-prev ant-tabs-tab-btn-disabled"
unselectable="unselectable"
>
<span
class="ant-tabs-tab-prev-icon"
/>
</span>
<span
class="ant-tabs-tab-next ant-tabs-tab-btn-disabled"
unselectable="unselectable"
>
<span
class="ant-tabs-tab-next-icon"
/>
</span>
<div
class="ant-tabs-nav-wrap"
>
<div
className="ant-tabs-bar"
onKeyDown={[Function]}
role="tablist"
tabIndex="0"
class="ant-tabs-nav-scroll"
>
<div
className="ant-tabs-nav-container"
key="content"
class="ant-tabs-nav ant-tabs-nav-animated"
>
<span
className="ant-tabs-tab-prev ant-tabs-tab-btn-disabled"
onClick={null}
onTransitionEnd={[Function]}
unselectable="unselectable"
>
<span
className="ant-tabs-tab-prev-icon"
/>
</span>
<span
className="ant-tabs-tab-next ant-tabs-tab-btn-disabled"
onClick={null}
unselectable="unselectable"
>
<span
className="ant-tabs-tab-next-icon"
/>
</span>
<div
className="ant-tabs-nav-wrap"
>
<div
className="ant-tabs-nav-scroll"
>
<div
className="ant-tabs-nav ant-tabs-nav-animated"
>
<div
className="ant-tabs-ink-bar ant-tabs-ink-bar-animated"
key="inkBar"
/>
<div
aria-disabled="false"
aria-selected="true"
className="ant-tabs-tab-active ant-tabs-tab"
key="1"
onClick={[Function]}
role="tab"
style={
Object {
"marginRight": undefined,
}
}
>
foo
</div>
</div>
</div>
</div>
</div>
<div
className="ant-tabs-extra-content"
key="extra"
style={Object {}}
>
xxx
</div>
</div>
</ScrollableInkTabBar>
<TabContent
activeKey="1"
animated={true}
animatedWithMargin={true}
destroyInactiveTabPane={false}
key="tabContent"
onChange={[Function]}
prefixCls="ant-tabs"
tabBarPosition="left"
>
<div
className="ant-tabs-content ant-tabs-content-animated"
style={
Object {
"marginTop": "0%",
}
}
>
<TabPane
active={true}
destroyInactiveTabPane={false}
key="1"
placeholder={null}
rootPrefixCls="ant-tabs"
tab="foo"
>
class="ant-tabs-ink-bar ant-tabs-ink-bar-animated"
/>
<div
aria-hidden="false"
className="ant-tabs-tabpane ant-tabs-tabpane-active"
role="tabpanel"
aria-disabled="false"
aria-selected="true"
class="ant-tabs-tab-active ant-tabs-tab"
role="tab"
>
foo
</div>
</
TabPane
>
</
div
>
</div>
</TabContent>
</div>
</div>
<div
class="ant-tabs-extra-content"
>
xxx
</div>
</div>
<div
class="ant-tabs-content ant-tabs-content-animated"
style="margin-top:0%"
>
<div
aria-hidden="false"
class="ant-tabs-tabpane ant-tabs-tabpane-active"
role="tabpanel"
>
foo
</div>
</
Tabs
>
</
Tabs
>
</
div
>
</
div
>
`;
components/tabs/__tests__/index.test.js
浏览文件 @
2d5949f3
import
React
from
'
react
'
;
import
{
mount
}
from
'
enzyme
'
;
import
{
mount
,
render
}
from
'
enzyme
'
;
import
Tabs
from
'
..
'
;
const
{
TabPane
}
=
Tabs
;
...
...
@@ -31,7 +31,7 @@ describe('Tabs', () => {
describe
(
'
tabPosition
'
,
()
=>
{
it
(
'
remove card
'
,
()
=>
{
const
wrapper
=
mount
(
const
wrapper
=
render
(
<
Tabs
tabPosition
=
"
left
"
tabBarExtraContent
=
"
xxx
"
>
<
TabPane
tab
=
"
foo
"
key
=
"
1
"
>
foo
<
/TabPane
>
<
/Tabs
>
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录