From f6148387ba4f2745c983846900d2ec73de4e8c70 Mon Sep 17 00:00:00 2001
From: tangjinzhou <415800467@qq.com>
Date: Sat, 19 May 2018 17:37:24 +0800
Subject: [PATCH] test: add breadcrumb test

---
 .../breadcrumb/__tests__/Breadcrumb.test.js   | 70 +++++++++++++++++++
 .../__snapshots__/Breadcrumb.test.js.snap     | 12 ++++
 2 files changed, 82 insertions(+)
 create mode 100644 components/breadcrumb/__tests__/Breadcrumb.test.js
 create mode 100644 components/breadcrumb/__tests__/__snapshots__/Breadcrumb.test.js.snap

diff --git a/components/breadcrumb/__tests__/Breadcrumb.test.js b/components/breadcrumb/__tests__/Breadcrumb.test.js
new file mode 100644
index 000000000..facd2489e
--- /dev/null
+++ b/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()
+  })
+})
diff --git a/components/breadcrumb/__tests__/__snapshots__/Breadcrumb.test.js.snap b/components/breadcrumb/__tests__/__snapshots__/Breadcrumb.test.js.snap
new file mode 100644
index 000000000..194a88e5e
--- /dev/null
+++ b/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>
+`;