Add has sider test case, ref #8077

This commit is contained in:
afc163 2017-11-09 20:13:59 +08:00
parent b3e1192482
commit 0eca38ba2f
2 changed files with 36 additions and 9 deletions

View File

@ -30,7 +30,7 @@ exports[`renders ./components/layout/demo/basic.md correctly 1`] = `
Header Header
</div> </div>
<div <div
class="ant-layout ant-layout-has-sider" class="ant-layout"
> >
<div <div
class="ant-layout-sider" class="ant-layout-sider"
@ -63,7 +63,7 @@ exports[`renders ./components/layout/demo/basic.md correctly 1`] = `
Header Header
</div> </div>
<div <div
class="ant-layout ant-layout-has-sider" class="ant-layout"
> >
<div <div
class="ant-layout-content" class="ant-layout-content"
@ -88,7 +88,7 @@ exports[`renders ./components/layout/demo/basic.md correctly 1`] = `
</div> </div>
</div> </div>
<div <div
class="ant-layout ant-layout-has-sider" class="ant-layout"
> >
<div <div
class="ant-layout-sider" class="ant-layout-sider"
@ -125,7 +125,7 @@ exports[`renders ./components/layout/demo/basic.md correctly 1`] = `
exports[`renders ./components/layout/demo/custom-trigger.md correctly 1`] = ` exports[`renders ./components/layout/demo/custom-trigger.md correctly 1`] = `
<div <div
class="ant-layout ant-layout-has-sider" class="ant-layout"
> >
<div <div
class="ant-layout-sider" class="ant-layout-sider"
@ -309,7 +309,7 @@ exports[`renders ./components/layout/demo/fixed.md correctly 1`] = `
exports[`renders ./components/layout/demo/fixed-sider.md correctly 1`] = ` exports[`renders ./components/layout/demo/fixed-sider.md correctly 1`] = `
<div <div
class="ant-layout ant-layout-has-sider" class="ant-layout"
> >
<div <div
class="ant-layout-sider" class="ant-layout-sider"
@ -574,7 +574,7 @@ exports[`renders ./components/layout/demo/fixed-sider.md correctly 1`] = `
exports[`renders ./components/layout/demo/responsive.md correctly 1`] = ` exports[`renders ./components/layout/demo/responsive.md correctly 1`] = `
<div <div
class="ant-layout ant-layout-has-sider" class="ant-layout"
> >
<div <div
class="ant-layout-sider" class="ant-layout-sider"
@ -684,7 +684,7 @@ exports[`renders ./components/layout/demo/responsive.md correctly 1`] = `
exports[`renders ./components/layout/demo/side.md correctly 1`] = ` exports[`renders ./components/layout/demo/side.md correctly 1`] = `
<div <div
class="ant-layout ant-layout-has-sider" class="ant-layout"
style="min-height:100vh;" style="min-height:100vh;"
> >
<div <div
@ -1035,7 +1035,7 @@ exports[`renders ./components/layout/demo/top-side.md correctly 1`] = `
</span> </span>
</div> </div>
<div <div
class="ant-layout ant-layout-has-sider" class="ant-layout"
style="padding:24px 0;background:#fff;" style="padding:24px 0;background:#fff;"
> >
<div <div
@ -1206,7 +1206,7 @@ exports[`renders ./components/layout/demo/top-side-2.md correctly 1`] = `
</ul> </ul>
</div> </div>
<div <div
class="ant-layout ant-layout-has-sider" class="ant-layout"
> >
<div <div
class="ant-layout-sider" class="ant-layout-sider"

View File

@ -0,0 +1,27 @@
import React from 'react';
import { mount } from 'enzyme';
import Layout from '..';
const { Sider, Content } = Layout;
describe('Layout', () => {
it('detect the sider as children', async () => {
const wrapper = mount(
<Layout>
<Sider>Sider</Sider>
<Content>Content</Content>
</Layout>
);
expect(wrapper.find('.ant-layout').hasClass('ant-layout-has-sider')).toBe(true);
});
it('detect the sider inside the children', async () => {
const wrapper = mount(
<Layout>
<div><Sider>Sider</Sider></div>
<Content>Content</Content>
</Layout>
);
expect(wrapper.find('.ant-layout').hasClass('ant-layout-has-sider')).toBe(true);
});
});