🐛 bug: support menuContentRender==false

src/SiderMenu/SiderMenu.tsx

@@ -110,8 +110,10 @@ const SiderMenu: React.FC<SiderMenuProps> = (props) => {
   });
 
   const headerDom = defaultRenderLogoAndTitle(props);
+
   const extraDom = menuExtraRender && menuExtraRender(props);
-  const menuDom = flatMenuKeys && (
+
+  const menuDom = menuContentRender !== false && flatMenuKeys && (
     <BaseMenu
       {...props}
       mode="inline"

tests/__tests__/index.test.tsx

@@ -29,8 +29,10 @@ describe('BasicLayout', () => {
   it('🥩 do not render menu', async () => {
     const wrapper = mount(<BasicLayout menuRender={false} />);
     await waitForComponentToPaint(wrapper);
-    const menu = wrapper.find('.ant-pro-sider-menu');
+    const menu = wrapper.find('.ant-pro-sider');
     expect(menu.exists()).toBe(false);
+    const menuContent = wrapper.find('.ant-pro-sider-menu');
+    expect(menuContent.exists()).toBe(false);
     expect(
       (
         wrapper.find('section.ant-layout section.ant-layout').props().style ||
@@ -40,6 +42,16 @@ describe('BasicLayout', () => {
     wrapper.unmount();
   });
 
+  it('🥩 do not render menu content', async () => {
+    const wrapper = mount(<BasicLayout menuContentRender={false} />);
+    await waitForComponentToPaint(wrapper);
+    const menu = wrapper.find('.ant-pro-sider');
+    expect(menu.exists()).toBe(true);
+    const menuContent = wrapper.find('.ant-pro-sider-menu');
+    expect(menuContent.exists()).toBe(false);
+    wrapper.unmount();
+  });
+
   it('🥩 support menuDateRender', async () => {
     const wrapper = mount(
       <BasicLayout

tests/__tests__/pageContainer.test.tsx

@@ -1,5 +1,4 @@
 import { render, mount } from 'enzyme';
-
 import React from 'react';
 import PageContainer from '../../src/PageContainer';
 import FooterToolbar from '../../src/FooterToolbar';
@@ -126,4 +125,40 @@ describe('PageContainer', () => {
       '100%',
     );
   });
+
+  it('🐲 FooterToolbar should know width', async () => {
+    const wrapper = mount<BasicLayoutProps>(
+      <BasicLayout>
+        <PageContainer>
+          <FooterToolbar>
+            <button type="button" key="button">
+              qixian
+            </button>
+          </FooterToolbar>
+        </PageContainer>
+      </BasicLayout>,
+    );
+    await waitForComponentToPaint(wrapper);
+
+    expect(wrapper.find('.ant-pro-footer-bar').props().style.width).toBe(
+      'calc(100% - 208px)',
+    );
+    wrapper.setProps({
+      collapsed: true,
+    });
+
+    await waitForComponentToPaint(wrapper);
+
+    expect(wrapper.find('.ant-pro-footer-bar').props().style.width).toBe(
+      'calc(100% - 48px)',
+    );
+
+    wrapper.setProps({
+      layout: 'top',
+    });
+
+    expect(wrapper.find('.ant-pro-footer-bar').props().style.width).toBe(
+      '100%',
+    );
+  });
 });

tsconfig.json

@@ -21,6 +21,7 @@
       "@ant-design/pro-layout": ["./src"]
     }
   },
+  "include": ["**/tests/", "**/src/", "**/docs/"],
   "exclude": [
     "node_modules",
     "build",
@@ -30,8 +31,6 @@
     "jest",
     "tslint:latest",
     "tslint-config-prettier",
-    "example",
-    "_test_",
-    "tests"
+    "example"
   ]
 }