test: add breadcrumb test

components/breadcrumb/__tests__/Breadcrumb.test.js

@@ -0,0 +1,70 @@
+import { mount } from '@vue/test-utils'
+import Breadcrumb from '../index'
+
+describe('Breadcrumb', () => {
+  const errorSpy = jest.spyOn(console, 'error').mockImplementation(() => {})
+
+  afterEach(() => {
+    errorSpy.mockReset()
+  })
+
+  afterAll(() => {
+    errorSpy.mockRestore()
+  })
+
+  // // https://github.com/airbnb/enzyme/issues/875
+  it('warns on non-Breadcrumb.Item children', () => {
+    mount(
+      {
+        render () {
+          return (
+            <Breadcrumb>
+              <div>foo</div>
+            </Breadcrumb>
+          )
+        },
+      }
+    )
+    expect(errorSpy.mock.calls).toHaveLength(1)
+    expect(errorSpy.mock.calls[0][0]).toMatch(
+      'Breadcrumb only accepts Breadcrumb.Item as it\'s children'
+    )
+  })
+
+  // https:// github.com/ant-design/ant-design/issues/5015
+  it('should allow Breadcrumb.Item is null or undefined', () => {
+    const wrapper = mount(
+      {
+        render () {
+          return (
+            <Breadcrumb>
+              {null}
+              <Breadcrumb.Item>Home</Breadcrumb.Item>
+              {undefined}
+            </Breadcrumb>
+          )
+        },
+      }
+    )
+    expect(errorSpy).not.toHaveBeenCalled()
+    expect(wrapper.html()).toMatchSnapshot()
+  })
+
+  // https://github.com/ant-design/ant-design/issues/5542
+  it('should not display Breadcrumb Item when its children is falsy', () => {
+    const wrapper = mount(
+      {
+        render () {
+          return (
+            <Breadcrumb>
+              <Breadcrumb.Item />
+              <Breadcrumb.Item>xxx</Breadcrumb.Item>
+              <Breadcrumb.Item>yyy</Breadcrumb.Item>
+            </Breadcrumb>
+          )
+        },
+      }
+    )
+    expect(wrapper.html()).toMatchSnapshot()
+  })
+})

components/breadcrumb/__tests__/__snapshots__/Breadcrumb.test.js.snap

@@ -0,0 +1,12 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Breadcrumb should allow Breadcrumb.Item is null or undefined 1`] = `
+<div class="ant-breadcrumb"><span class=""><span class="ant-breadcrumb-link">Home</span><span class="ant-breadcrumb-separator">/</span></span>
+</div>
+`;
+
+exports[`Breadcrumb should not display Breadcrumb Item when its children is falsy 1`] = `
+<div class="ant-breadcrumb">
+  <!----><span class=""><span class="ant-breadcrumb-link">xxx</span><span class="ant-breadcrumb-separator">/</span></span><span class=""><span class="ant-breadcrumb-link">yyy</span><span class="ant-breadcrumb-separator">/</span></span>
+</div>
+`;