mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-08-06 07:56:28 +08:00
Code Issues Actions 18 Packages Projects Releases Wiki Activity

test: use render for snapshot

Browse Source
This commit is contained in:
Wei Zhu 2018-07-11 19:31:36 +08:00
parent 690804d310
commit 2d5949f31d
2 changed files with 57 additions and 147 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

200
components/tabs/__tests__/__snapshots__/index.test.js.snap
View File

@ -1,164 +1,74 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Tabs tabPosition remove card 1`] = ` exports[`Tabs tabPosition remove card 1`] = `
<Tabs <div
hideAdd={false} class="ant-tabs ant-tabs-left ant-tabs-vertical ant-tabs-line"
prefixCls="ant-tabs"
tabBarExtraContent="xxx"
tabPosition="left"
> >
<Tabs <div
className="ant-tabs-vertical ant-tabs-line" class="ant-tabs-bar"
destroyInactiveTabPane={false} role="tablist"
hideAdd={false} tabindex="0"
onChange={[Function]}
prefixCls="ant-tabs"
renderTabBar={[Function]}
renderTabContent={[Function]}
style={Object {}}
tabBarExtraContent="xxx"
tabBarPosition="left"
tabPosition="left"
> >
<div <div
className="ant-tabs ant-tabs-left ant-tabs-vertical ant-tabs-line" class="ant-tabs-nav-container"
style={Object {}}
> >
<ScrollableInkTabBar <span
activeKey="1" class="ant-tabs-tab-prev ant-tabs-tab-btn-disabled"
extraContent={ unselectable="unselectable"
<div >
className="ant-tabs-extra-content" <span
> class="ant-tabs-tab-prev-icon"
xxx />
</div> </span>
} <span
inkBarAnimated={true} class="ant-tabs-tab-next ant-tabs-tab-btn-disabled"
key="tabBar" unselectable="unselectable"
onKeyDown={[Function]} >
onNextClick={[Function]} <span
onPrevClick={[Function]} class="ant-tabs-tab-next-icon"
onTabClick={[Function]} />
panels={ </span>
<TabPane <div
placeholder={null} class="ant-tabs-nav-wrap"
tab="foo"
>
foo
</TabPane>
}
prefixCls="ant-tabs"
scrollAnimated={true}
styles={Object {}}
tabBarPosition="left"
> >
<div <div
className="ant-tabs-bar" class="ant-tabs-nav-scroll"
onKeyDown={[Function]}
role="tablist"
tabIndex="0"
> >
<div <div
className="ant-tabs-nav-container" class="ant-tabs-nav ant-tabs-nav-animated"
key="content"
>
<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"
> >
<div <div
aria-hidden="false" class="ant-tabs-ink-bar ant-tabs-ink-bar-animated"
className="ant-tabs-tabpane ant-tabs-tabpane-active" />
role="tabpanel" <div
aria-disabled="false"
aria-selected="true"
class="ant-tabs-tab-active ant-tabs-tab"
role="tab"
> >
foo foo
</div> </div>
</TabPane> </div>
</div> </div>
</TabContent> </div>
</div> </div>
</Tabs> <div
</Tabs> 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>
</div>
</div>
`; `;

4
components/tabs/__tests__/index.test.js
View File

@ -1,5 +1,5 @@
import React from 'react'; import React from 'react';
import { mount } from 'enzyme'; import { mount, render } from 'enzyme';
import Tabs from '..'; import Tabs from '..';
const { TabPane } = Tabs; const { TabPane } = Tabs;
@ -31,7 +31,7 @@ describe('Tabs', () => {
describe('tabPosition', () => { describe('tabPosition', () => {
it('remove card', () => { it('remove card', () => {
const wrapper = mount( const wrapper = render(
<Tabs tabPosition="left" tabBarExtraContent="xxx"> <Tabs tabPosition="left" tabBarExtraContent="xxx">
<TabPane tab="foo" key="1">foo</TabPane> <TabPane tab="foo" key="1">foo</TabPane>
</Tabs> </Tabs>