feat: add global-footer test

package.json

@@ -28,6 +28,9 @@
   },
   "devDependencies": {
     "@ant-design-vue/tools": "^3.0.4",
+    "@babel/core": "^7.12.9",
+    "@babel/plugin-proposal-export-default-from": "^7.12.1",
+    "@babel/plugin-transform-object-assign": "^7.12.1",
     "@types/fs-extra": "^9.0.2",
     "@types/jest": "^24.0.17",
     "@types/node": "^13.13.15",
@@ -43,13 +46,14 @@
     "@vue/eslint-config-prettier": "^6.0.0",
     "@vue/eslint-config-typescript": "^5.0.2",
     "@vue/test-utils": "^2.0.0-beta.2",
+    "babel-jest": "^26.6.3",
     "cross-env": "^5.2.0",
     "eslint": "^6.7.2",
     "eslint-config-prettier": "^6.15.0",
     "eslint-plugin-prettier": "^3.1.3",
     "eslint-plugin-vue": "^7.0.0-0",
     "fs-extra": "^9.0.1",
-    "jest": "^25.4.0",
+    "jest": "^26.6.3",
     "jest-environment-jsdom-fifteen": "^1.0.2",
     "jest-serializer-vue": "^2.0.2",
     "jest-transform-stub": "^2.0.0",

src/SiderMenu/SiderMenu.tsx

@@ -118,7 +118,7 @@ const SiderMenu: FunctionalComponent<SiderMenuProps> = (props: SiderMenuProps) =
   const extraDom = menuExtraRender && menuExtraRender(props);
   const defaultMenuDom = (
     <BaseMenu
-      menus={menuData}
+      menuData={menuData}
       theme={props.theme === 'realDark' ? 'dark' : props.theme}
       mode="inline"
       collapsed={props.collapsed}

tests/__snapshots__/global-footer.test.tsx.snap

+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`GlobalFooter 🥩 base use 1`] = `
+<footer class="ant-pro-global-footer">
+  <div class="ant-pro-global-footer-links"><a title="1" target="_blank" href="https://www.github.com/vueComponent/pro-layout">Pro Layout</a><a title="2" target="_blank" href="https://www.github.com/vueComponent/ant-design-vue-pro">Github</a><a title="3" target="_blank" href="https://www.github.com/sendya/">@Sendya</a></div>
+  <div class="ant-pro-global-footer-copyright"><a href="https://github.com/vueComponent" target="_blank">vueComponent</a></div>
+</footer>
+`;

tests/global-footer.test.tsx

+import { mount, shallowMount } from '@vue/test-utils';
+// import BasicLayout from '../src/BasicLayout';
+import ProProvider from '../src/ProProvider';
+import GlobalFooter from '../src/GlobalFooter';
+import { link } from 'fs';
+
+const testLinks = [
+  {
+    key: '1',
+    title: 'Pro Layout',
+    href: 'https://www.github.com/vueComponent/pro-layout',
+    blankTarget: true,
+  },
+  {
+    key: '2',
+    title: 'Github',
+    href: 'https://www.github.com/vueComponent/ant-design-vue-pro',
+    blankTarget: true,
+  },
+  {
+    key: '3',
+    title: '@Sendya',
+    href: 'https://www.github.com/sendya/',
+    blankTarget: true,
+  }
+]
+
+describe('GlobalFooter', () => {
+
+  it('🥩 base use', () => {
+    const wrapper = mount({
+      render() {
+        return (<GlobalFooter
+          links={testLinks}
+          copyright={(<a href="https://github.com/vueComponent" target="_blank">vueComponent</a>)}
+        />);
+      },
+    });
+    expect(wrapper.html()).toMatchSnapshot();
+  });
+
+  it('😄 custom links', () => {
+    const wrapper = mount({
+      render() {
+        return (
+          <GlobalFooter links={[{
+            key: '1',
+            title: 'Pro Layout',
+            href: 'https://www.github.com/vueComponent/pro-layout',
+            blankTarget: true,
+          }]} />
+        )
+      },
+    });
+    const links = wrapper.findAll('.ant-pro-global-footer-links a');
+    expect(links).toHaveLength(1);
+  });
+
+  it('😄 custom copyright', () => {
+    const wrapper = mount({
+      render() {
+        return (
+          <GlobalFooter copyright={(<a href="#copyright">vueComponent</a>)} />
+        );
+      },
+    });
+    expect(wrapper.find('.ant-pro-global-footer-copyright a').attributes()).toHaveProperty('href', '#copyright');
+  });
+
+});

tests/index.test.tsx

-import { mount } from '@vue/test-utils';
-// import BasicLayout from '../src/BasicLayout';
+import { mount, shallowMount } from '@vue/test-utils';
+import BasicLayout from '../src/BasicLayout';
 
 describe('BasicLayout', () => {
 
   it('🥩 base use', () => {
-    // const wrapper = mount(BasicLayout, { });
+    // const wrapper = mount({
+    //   render() {
+    //     return (
+    //       <BasicLayout />
+    //     )
+    //   },
+    // });
     // console.log(wrapper.html());
-    // expect(wrapper.html()).toMatchSnapshot();
   });
 
 });