test: update button test

components/button/__tests__/__snapshots__/index.test.js.snap

@@ -0,0 +1,21 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Button fixbug renders {0} , 0 and {false} 1`] = `<button type="button" class="ant-btn ant-btn-default"><span>0</span></button>`;
+
+exports[`Button fixbug renders {0} , 0 and {false} 2`] = `<button type="button" class="ant-btn ant-btn-default"><span>0</span></button>`;
+
+exports[`Button fixbug renders {0} , 0 and {false} 3`] = `<button type="button" class="ant-btn ant-btn-default"></button>`;
+
+exports[`Button renders Chinese characters correctly 1`] = `
+<button type="button" class="ant-btn ant-btn-default">
+  <i class="anticon anticon-search"></i><span>按钮</span></button>
+`;
+
+exports[`Button renders Chinese characters correctly 2`] = `
+<button type="button" class="ant-btn ant-btn-default">
+  <i class="anticon anticon-search"></i>按钮</button>
+`;
+
+exports[`Button renders correctly 1`] = `<button type="button" class="ant-btn ant-btn-default"><span>Follow</span></button>`;
+
+exports[`Button should support link button 1`] = `<button target="_blank" href="http://ant.design" type="button" class="ant-btn ant-btn-default"><span>link button</span></button>`;

components/button/__tests__/index.test.js

@@ -1,9 +1,19 @@
 import Button from '../index'
 import Icon from '../../icon'
 import { mount } from '@vue/test-utils'
+import { renderToString } from '@vue/server-test-utils'
 import Vue from 'vue'
 
 describe('Button', () => {
+  it('renders correctly', () => {
+    const wrapper = renderToString({
+      render () {
+        return <Button>Follow</Button>
+      },
+    })
+    expect(wrapper).toMatchSnapshot()
+  })
+
   it('create primary button', () => {
     const wrapper = mount({
       render (h) {
@@ -12,124 +22,125 @@ describe('Button', () => {
     })
     expect(wrapper.contains('.ant-btn-primary')).toBe(true)
   })
-  // it('renders Chinese characters correctly', (done) => {
-  //   const wrapper = mount(
-  //     {
-  //       render (h) {
-  //         return <Button>按钮</Button>
-  //       },
-  //     }
-  //   )
-  //   expect(wrapper.text()).to.equal('按 钮')
 
-  //   const wrapper1 = mount(
+  it('renders Chinese characters correctly', (done) => {
-  //     {
+    const wrapper = mount(
-  //       render (h) {
+      {
-  //         return <Button icon='search'>按钮</Button>
+        render (h) {
-  //       },
+          return <Button>按钮</Button>
-  //     }
+        },
-  //   )
+      }
-  //   expect(wrapper1.text()).to.equal('按钮')
+    )
+    expect(wrapper.text()).toBe('按 钮')
 
-  //   const wrapper2 = mount(
+    const wrapper1 = renderToString(
-  //     {
+      {
-  //       render (h) {
+        render (h) {
-  //         return <Button><Icon type="search" />按钮</Button>
+          return <Button icon='search'>按钮</Button>
-  //       },
+        },
-  //     }
+      }
-  //   )
+    )
-  //   expect(wrapper2.text()).to.equal('按钮')
+    expect(wrapper1).toMatchSnapshot()
 
-  //   const wrapper3 = mount(
+    const wrapper2 = renderToString(
-  //     {
+      {
-  //       render (h) {
+        render (h) {
-  //         return <Button><span>按钮</span></Button>
+          return <Button><Icon type='search' />按钮</Button>
-  //       },
+        },
-  //     }
+      }
-  //   )
+    )
-  //   Vue.nextTick(() => {
+    expect(wrapper2).toMatchSnapshot()
-  //     expect(wrapper3.find('.ant-btn')[0].hasClass('ant-btn-two-chinese-chars')).to.equal(true);
-  //     done()
-  //   })
-  // })
-  // it('should change loading state instantly by default', () => {
-  //   const DefaultButton = {
-  //     data(){
-  //       return {
-  //         loading: false,
-  //       }
-  //     },
-  //     methods: {
-  //       enterLoading () {
-  //         this.loading = true
-  //       }
-  //     },
 
-  //     render() {
+    const wrapper3 = mount(
-  //       return <Button loading={this.loading} onClick={this.enterLoading}>Button</Button>;
+      {
-  //     }
+        render (h) {
-  //   }
+          return <Button><span>按钮</span></Button>
-  //   const wrapper = mount(DefaultButton)
+        },
-  //   wrapper.trigger('click');
+      }
-  //   Vue.nextTick(() => {
+    )
-  //     expect(wrapper.find('.ant-btn-loading').length).to.equal(1);
+    Vue.nextTick(() => {
-  //   })
+      expect(wrapper3.find('.ant-btn').contains('.ant-btn-two-chinese-chars')).toBe(true)
-  // });
+      done()
-
+    })
-  // it('should change loading state with delay', () => {
+  })
-  //   const DefaultButton = {
+  it('should change loading state instantly by default', () => {
-  //     data(){
+    const DefaultButton = {
-  //       return {
+      data () {
-  //         loading: false,
+        return {
-  //       }
+          loading: false,
-  //     },
+        }
-  //     methods: {
+      },
-  //       enterLoading () {
+      methods: {
-  //         this.loading = { delay: 1000 }
+        enterLoading () {
-  //       }
+          this.loading = true
-  //     },
+        },
-
+      },
-  //     render() {
+
-  //       return <Button loading={this.loading} onClick={this.enterLoading}>Button</Button>;
+      render () {
-  //     }
+        return <Button loading={this.loading} onClick={this.enterLoading}>Button</Button>
-  //   }
+      },
-  //   const wrapper = mount(DefaultButton)
+    }
-  //   wrapper.trigger('click');
+    const wrapper = mount(DefaultButton)
-  //   Vue.nextTick(() => {
+    wrapper.trigger('click')
-  //     expect(wrapper.hasClass('ant-btn-loading').length).to.equal(false);
+    Vue.nextTick(() => {
-  //   })
+      expect(wrapper.findAll('.ant-btn-loading').length).toBe(1)
-  // });
+    })
-
+  })
-  // it('should support link button', () => {
+
-  //   const wrapper = mount({
+  it('should change loading state with delay', (done) => {
-  //     render (h) {
+    const DefaultButton = {
-  //       return <Button target="_blank" href="http://ant.design">link button</Button>
+      data () {
-  //     },
+        return {
-  //   })
+          loading: false,
-  //   expect(wrapper.html()).to.matchSnapshot();
+        }
-  // })
+      },
-
+      methods: {
-  // it('fixbug renders {0} , 0 and {false}', () => {
+        enterLoading () {
-  //   const wrapper = mount({
+          this.loading = { delay: 1000 }
-  //     render (h) {
+        },
-  //       return <Button>{0}</Button>
+      },
-  //     },
+
-  //   })
+      render () {
-  //   expect(wrapper.html()).to.matchSnapshot();
+        return <Button loading={this.loading} onClick={this.enterLoading}>Button</Button>
-
+      },
-  //   const wrapper1 = mount({
+    }
-  //     render (h) {
+    const wrapper = mount(DefaultButton)
-  //       return <Button>0</Button>
+    wrapper.trigger('click')
-  //     },
+    Vue.nextTick(() => {
-  //   })
+      expect(wrapper.contains('.ant-btn-loading')).toBe(false)
-  //   expect(wrapper1.html()).to.matchSnapshot();
+      done()
-
+    })
-  //   const wrapper2 = mount({
+  })
-  //     render (h) {
+
-  //       return <Button>{false}</Button>
+  it('should support link button', () => {
-  //     },
+    const wrapper = mount({
-  //   })
+      render (h) {
-  //   expect(wrapper2.html()).to.matchSnapshot();
+        return <Button target='_blank' href='http://ant.design'>link button</Button>
-
+      },
-  // })
+    })
+    expect(wrapper.html()).toMatchSnapshot()
+  })
+
+  it('fixbug renders {0} , 0 and {false}', () => {
+    const wrapper = mount({
+      render (h) {
+        return <Button>{0}</Button>
+      },
+    })
+    expect(wrapper.html()).toMatchSnapshot()
+
+    const wrapper1 = mount({
+      render (h) {
+        return <Button>0</Button>
+      },
+    })
+    expect(wrapper1.html()).toMatchSnapshot()
+
+    const wrapper2 = mount({
+      render (h) {
+        return <Button>{false}</Button>
+      },
+    })
+    expect(wrapper2.html()).toMatchSnapshot()
+  })
 })

components/index.js

@@ -1,7 +1,7 @@
 /* @remove-on-es-build-begin */
 // this file is not used if use https://github.com/ant-design/babel-plugin-import
 const ENV = process.env.NODE_ENV
-if (ENV !== 'production' &&
+if (ENV !== 'production' && ENV !== 'test' &&
     typeof console !== 'undefined' &&
     console.warn &&
     typeof window !== 'undefined') {

package.json

@@ -116,12 +116,10 @@
         "merge2": "^1.2.1",
         "minimist": "^1.2.0",
         "mkdirp": "^0.5.1",
-        "mocha": "^3.5.3",
         "mockdate": "^2.0.2",
         "postcss": "^6.0.20",
         "postcss-loader": "^2.1.2",
         "pre-commit": "^1.2.2",
-        "puppeteer": "^1.3.0",
         "querystring": "^0.2.0",
         "raw-loader": "^1.0.0-beta.0",
         "reqwest": "^2.0.5",
@@ -129,8 +127,6 @@
         "rucksack-css": "^1.0.2",
         "selenium-server": "^3.0.1",
         "semver": "^5.3.0",
-        "sinon": "^4.0.2",
-        "sinon-chai": "^2.8.0",
         "style-loader": "^0.18.2",
         "stylelint": "^8.1.1",
         "stylelint-config-standard": "^17.0.0",