From 6b1ef99384248f2f3cf1019f287515439dbf8a99 Mon Sep 17 00:00:00 2001
From: Benjy Cui <benjytrys@gmail.com>
Date: Fri, 24 Mar 2017 14:59:10 +0800
Subject: [PATCH] test: add test for allowClear

---
 tests/Select.combobox.spec.js                 |  3 ++
 tests/Select.multiple.spec.js                 |  2 +
 tests/Select.spec.js                          |  1 -
 tests/Select.tags.spec.js                     |  2 +
 .../Select.combobox.spec.js.snap              | 51 +++++++++++++++++++
 .../Select.multiple.spec.js.snap              | 44 ++++++++++++++++
 tests/__snapshots__/Select.tags.spec.js.snap  | 44 ++++++++++++++++
 tests/shared/allowClearTest.js                | 14 +++++
 8 files changed, 160 insertions(+), 1 deletion(-)
 create mode 100644 tests/shared/allowClearTest.js

diff --git a/tests/Select.combobox.spec.js b/tests/Select.combobox.spec.js
index 328f310f6..3aa51e68a 100644
--- a/tests/Select.combobox.spec.js
+++ b/tests/Select.combobox.spec.js
@@ -3,8 +3,11 @@ import React from 'react';
 import Select, { Option } from '../src';
 import { mount, render } from 'enzyme';
 import { renderToJson } from 'enzyme-to-json';
+import allowClearTest from './shared/allowClearTest';
 
 describe('Select.combobox', () => {
+  allowClearTest('combobox');
+
   it('renders correctly', () => {
     const wrapper = render(
       <Select combobox placeholder="Search">
diff --git a/tests/Select.multiple.spec.js b/tests/Select.multiple.spec.js
index 0a5cc0fb3..c665bf109 100644
--- a/tests/Select.multiple.spec.js
+++ b/tests/Select.multiple.spec.js
@@ -2,11 +2,13 @@
 import React from 'react';
 import { mount } from 'enzyme';
 import Select, { Option, OptGroup } from '../src';
+import allowClearTest from './shared/allowClearTest';
 import blurTest from './shared/blurTest';
 import renderTest from './shared/renderTest';
 import removeSelectedTest from './shared/removeSelectedTest';
 
 describe('Select.multiple', () => {
+  allowClearTest('multiple');
   blurTest('multiple');
   renderTest('multiple');
   removeSelectedTest('multiple');
diff --git a/tests/Select.spec.js b/tests/Select.spec.js
index 7580f5963..9c8a5d0cf 100644
--- a/tests/Select.spec.js
+++ b/tests/Select.spec.js
@@ -32,7 +32,6 @@ describe('Select', () => {
 
     it('renders correctly', () => {
       const wrapper = render(select);
-
       expect(renderToJson(wrapper)).toMatchSnapshot();
     });
 
diff --git a/tests/Select.tags.spec.js b/tests/Select.tags.spec.js
index d3cb42e29..08a22c14a 100644
--- a/tests/Select.tags.spec.js
+++ b/tests/Select.tags.spec.js
@@ -3,6 +3,7 @@ import React from 'react';
 import { mount } from 'enzyme';
 import KeyCode from 'rc-util/lib/KeyCode';
 import Select, { Option } from '../src';
+import allowClearTest from './shared/allowClearTest';
 import blurTest from './shared/blurTest';
 import renderTest from './shared/renderTest';
 import removeSelectedTest from './shared/removeSelectedTest';
@@ -10,6 +11,7 @@ import removeSelectedTest from './shared/removeSelectedTest';
 jest.unmock('react-dom');
 
 describe('Select.tags', () => {
+  allowClearTest('tags');
   blurTest('tags');
   renderTest('tags');
   removeSelectedTest('tags');
diff --git a/tests/__snapshots__/Select.combobox.spec.js.snap b/tests/__snapshots__/Select.combobox.spec.js.snap
index 650b6612e..3a4cefccf 100644
--- a/tests/__snapshots__/Select.combobox.spec.js.snap
+++ b/tests/__snapshots__/Select.combobox.spec.js.snap
@@ -1,5 +1,56 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
+exports[`Select.combobox allowClear renders correctly 1`] = `
+<div
+  class="rc-select rc-select-combobox rc-select-enabled rc-select-allow-clear"
+>
+  <div
+    aria-autocomplete="list"
+    aria-expanded="false"
+    aria-haspopup="true"
+    class="rc-select-selection
+              rc-select-selection--single"
+    role="combobox"
+  >
+    <div
+      class="rc-select-selection__rendered"
+    >
+      <ul>
+        <li
+          class="rc-select-search rc-select-search--inline"
+        >
+          <div
+            class="rc-select-search__field__wrap"
+          >
+            <input
+              class="rc-select-search__field"
+              value=""
+            />
+            <span
+              class="rc-select-search__field__mirror"
+            >
+               
+            </span>
+          </div>
+        </li>
+      </ul>
+    </div>
+    <span
+      class="rc-select-selection__clear"
+      style="user-select:none;-webkit-user-select:none;display:none;"
+      unselectable="unselectable"
+    />
+    <span
+      class="rc-select-arrow"
+      style="user-select:none;-webkit-user-select:none;"
+      unselectable="unselectable"
+    >
+      <b />
+    </span>
+  </div>
+</div>
+`;
+
 exports[`Select.combobox renders correctly 1`] = `
 <div
   class="rc-select rc-select-combobox rc-select-enabled"
diff --git a/tests/__snapshots__/Select.multiple.spec.js.snap b/tests/__snapshots__/Select.multiple.spec.js.snap
index 572a97c3e..0ea16a177 100644
--- a/tests/__snapshots__/Select.multiple.spec.js.snap
+++ b/tests/__snapshots__/Select.multiple.spec.js.snap
@@ -1,5 +1,49 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
+exports[`Select.multiple allowClear renders correctly 1`] = `
+<div
+  class="rc-select rc-select-enabled rc-select-allow-clear"
+>
+  <div
+    aria-autocomplete="list"
+    aria-expanded="false"
+    aria-haspopup="true"
+    class="rc-select-selection
+              rc-select-selection--multiple"
+    role="combobox"
+  >
+    <div
+      class="rc-select-selection__rendered"
+    >
+      <ul>
+        <li
+          class="rc-select-search rc-select-search--inline"
+        >
+          <div
+            class="rc-select-search__field__wrap"
+          >
+            <input
+              class="rc-select-search__field"
+              value=""
+            />
+            <span
+              class="rc-select-search__field__mirror"
+            >
+               
+            </span>
+          </div>
+        </li>
+      </ul>
+    </div>
+    <span
+      class="rc-select-selection__clear"
+      style="user-select:none;-webkit-user-select:none;display:none;"
+      unselectable="unselectable"
+    />
+  </div>
+</div>
+`;
+
 exports[`Select.multiple render render animation 1`] = `
 <SelectTrigger
   defaultActiveFirstOption={true}
diff --git a/tests/__snapshots__/Select.tags.spec.js.snap b/tests/__snapshots__/Select.tags.spec.js.snap
index e15ef980a..7382f47f6 100644
--- a/tests/__snapshots__/Select.tags.spec.js.snap
+++ b/tests/__snapshots__/Select.tags.spec.js.snap
@@ -1,5 +1,49 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
+exports[`Select.tags allowClear renders correctly 1`] = `
+<div
+  class="rc-select rc-select-enabled rc-select-allow-clear"
+>
+  <div
+    aria-autocomplete="list"
+    aria-expanded="false"
+    aria-haspopup="true"
+    class="rc-select-selection
+              rc-select-selection--multiple"
+    role="combobox"
+  >
+    <div
+      class="rc-select-selection__rendered"
+    >
+      <ul>
+        <li
+          class="rc-select-search rc-select-search--inline"
+        >
+          <div
+            class="rc-select-search__field__wrap"
+          >
+            <input
+              class="rc-select-search__field"
+              value=""
+            />
+            <span
+              class="rc-select-search__field__mirror"
+            >
+               
+            </span>
+          </div>
+        </li>
+      </ul>
+    </div>
+    <span
+      class="rc-select-selection__clear"
+      style="user-select:none;-webkit-user-select:none;display:none;"
+      unselectable="unselectable"
+    />
+  </div>
+</div>
+`;
+
 exports[`Select.tags render render animation 1`] = `
 <SelectTrigger
   defaultActiveFirstOption={true}
diff --git a/tests/shared/allowClearTest.js b/tests/shared/allowClearTest.js
new file mode 100644
index 000000000..2c8de146c
--- /dev/null
+++ b/tests/shared/allowClearTest.js
@@ -0,0 +1,14 @@
+/* eslint-disable no-undef */
+import React from 'react';
+import { render } from 'enzyme';
+import { renderToJson } from 'enzyme-to-json';
+import Select from '../../src/Select';
+
+export default function allowClearTest(mode) {
+  describe('allowClear', () => {
+    it('renders correctly', () => {
+      const comboboxWrapper = render(<Select {...({ [mode]: true })} allowClear />);
+      expect(renderToJson(comboboxWrapper)).toMatchSnapshot();
+    });
+  });
+}