From 0156fef1658a6a6db75ad384ceefdbde52f13741 Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Tue, 31 Jul 2018 15:50:27 +0800
Subject: [PATCH] fix tabs ci in React 15

---
 .../__tests__/__snapshots__/demo.test.js.snap |  80 +-
 .../__tests__/__snapshots__/demo.test.js.snap | 682 +++++++++---------
 .../__snapshots__/index.test.js.snap          |  16 +-
 package.json                                  |   2 +-
 4 files changed, 404 insertions(+), 376 deletions(-)

diff --git a/components/card/__tests__/__snapshots__/demo.test.js.snap b/components/card/__tests__/__snapshots__/demo.test.js.snap
index c4b7c9c7cd..6d7c6f3147 100644
--- a/components/card/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/card/__tests__/__snapshots__/demo.test.js.snap
@@ -707,21 +707,23 @@ exports[`renders ./components/card/demo/tabs.md correctly 1`] = `
                 <div
                   class="ant-tabs-nav ant-tabs-nav-animated"
                 >
-                  <div
-                    aria-disabled="false"
-                    aria-selected="true"
-                    class="ant-tabs-tab-active ant-tabs-tab"
-                    role="tab"
-                  >
-                    tab1
-                  </div>
-                  <div
-                    aria-disabled="false"
-                    aria-selected="false"
-                    class=" ant-tabs-tab"
-                    role="tab"
-                  >
-                    tab2
+                  <div>
+                    <div
+                      aria-disabled="false"
+                      aria-selected="true"
+                      class="ant-tabs-tab-active ant-tabs-tab"
+                      role="tab"
+                    >
+                      tab1
+                    </div>
+                    <div
+                      aria-disabled="false"
+                      aria-selected="false"
+                      class=" ant-tabs-tab"
+                      role="tab"
+                    >
+                      tab2
+                    </div>
                   </div>
                   <div
                     class="ant-tabs-ink-bar ant-tabs-ink-bar-animated"
@@ -804,29 +806,31 @@ exports[`renders ./components/card/demo/tabs.md correctly 1`] = `
                 <div
                   class="ant-tabs-nav ant-tabs-nav-animated"
                 >
-                  <div
-                    aria-disabled="false"
-                    aria-selected="false"
-                    class=" ant-tabs-tab"
-                    role="tab"
-                  >
-                    article
-                  </div>
-                  <div
-                    aria-disabled="false"
-                    aria-selected="true"
-                    class="ant-tabs-tab-active ant-tabs-tab"
-                    role="tab"
-                  >
-                    app
-                  </div>
-                  <div
-                    aria-disabled="false"
-                    aria-selected="false"
-                    class=" ant-tabs-tab"
-                    role="tab"
-                  >
-                    project
+                  <div>
+                    <div
+                      aria-disabled="false"
+                      aria-selected="false"
+                      class=" ant-tabs-tab"
+                      role="tab"
+                    >
+                      article
+                    </div>
+                    <div
+                      aria-disabled="false"
+                      aria-selected="true"
+                      class="ant-tabs-tab-active ant-tabs-tab"
+                      role="tab"
+                    >
+                      app
+                    </div>
+                    <div
+                      aria-disabled="false"
+                      aria-selected="false"
+                      class=" ant-tabs-tab"
+                      role="tab"
+                    >
+                      project
+                    </div>
                   </div>
                   <div
                     class="ant-tabs-ink-bar ant-tabs-ink-bar-animated"
diff --git a/components/tabs/__tests__/__snapshots__/demo.test.js.snap b/components/tabs/__tests__/__snapshots__/demo.test.js.snap
index 4a1e835a12..73d13bc11b 100644
--- a/components/tabs/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/tabs/__tests__/__snapshots__/demo.test.js.snap
@@ -37,29 +37,31 @@ exports[`renders ./components/tabs/demo/basic.md correctly 1`] = `
           <div
             class="ant-tabs-nav ant-tabs-nav-animated"
           >
-            <div
-              aria-disabled="false"
-              aria-selected="true"
-              class="ant-tabs-tab-active ant-tabs-tab"
-              role="tab"
-            >
-              Tab 1
-            </div>
-            <div
-              aria-disabled="false"
-              aria-selected="false"
-              class=" ant-tabs-tab"
-              role="tab"
-            >
-              Tab 2
-            </div>
-            <div
-              aria-disabled="false"
-              aria-selected="false"
-              class=" ant-tabs-tab"
-              role="tab"
-            >
-              Tab 3
+            <div>
+              <div
+                aria-disabled="false"
+                aria-selected="true"
+                class="ant-tabs-tab-active ant-tabs-tab"
+                role="tab"
+              >
+                Tab 1
+              </div>
+              <div
+                aria-disabled="false"
+                aria-selected="false"
+                class=" ant-tabs-tab"
+                role="tab"
+              >
+                Tab 2
+              </div>
+              <div
+                aria-disabled="false"
+                aria-selected="false"
+                class=" ant-tabs-tab"
+                role="tab"
+              >
+                Tab 3
+              </div>
             </div>
             <div
               class="ant-tabs-ink-bar ant-tabs-ink-bar-animated"
@@ -131,29 +133,31 @@ exports[`renders ./components/tabs/demo/card.md correctly 1`] = `
           <div
             class="ant-tabs-nav ant-tabs-nav-animated"
           >
-            <div
-              aria-disabled="false"
-              aria-selected="true"
-              class="ant-tabs-tab-active ant-tabs-tab"
-              role="tab"
-            >
-              Tab 1
-            </div>
-            <div
-              aria-disabled="false"
-              aria-selected="false"
-              class=" ant-tabs-tab"
-              role="tab"
-            >
-              Tab 2
-            </div>
-            <div
-              aria-disabled="false"
-              aria-selected="false"
-              class=" ant-tabs-tab"
-              role="tab"
-            >
-              Tab 3
+            <div>
+              <div
+                aria-disabled="false"
+                aria-selected="true"
+                class="ant-tabs-tab-active ant-tabs-tab"
+                role="tab"
+              >
+                Tab 1
+              </div>
+              <div
+                aria-disabled="false"
+                aria-selected="false"
+                class=" ant-tabs-tab"
+                role="tab"
+              >
+                Tab 2
+              </div>
+              <div
+                aria-disabled="false"
+                aria-selected="false"
+                class=" ant-tabs-tab"
+                role="tab"
+              >
+                Tab 3
+              </div>
             </div>
             <div
               class="ant-tabs-ink-bar ant-tabs-ink-bar-animated"
@@ -227,29 +231,31 @@ exports[`renders ./components/tabs/demo/card-top.md correctly 1`] = `
             <div
               class="ant-tabs-nav ant-tabs-nav-animated"
             >
-              <div
-                aria-disabled="false"
-                aria-selected="true"
-                class="ant-tabs-tab-active ant-tabs-tab"
-                role="tab"
-              >
-                Tab Title 1
-              </div>
-              <div
-                aria-disabled="false"
-                aria-selected="false"
-                class=" ant-tabs-tab"
-                role="tab"
-              >
-                Tab Title 2
-              </div>
-              <div
-                aria-disabled="false"
-                aria-selected="false"
-                class=" ant-tabs-tab"
-                role="tab"
-              >
-                Tab Title 3
+              <div>
+                <div
+                  aria-disabled="false"
+                  aria-selected="true"
+                  class="ant-tabs-tab-active ant-tabs-tab"
+                  role="tab"
+                >
+                  Tab Title 1
+                </div>
+                <div
+                  aria-disabled="false"
+                  aria-selected="false"
+                  class=" ant-tabs-tab"
+                  role="tab"
+                >
+                  Tab Title 2
+                </div>
+                <div
+                  aria-disabled="false"
+                  aria-selected="false"
+                  class=" ant-tabs-tab"
+                  role="tab"
+                >
+                  Tab Title 3
+                </div>
               </div>
               <div
                 class="ant-tabs-ink-bar ant-tabs-ink-bar-animated"
@@ -342,30 +348,32 @@ exports[`renders ./components/tabs/demo/custom-add-trigger.md correctly 1`] = `
             <div
               class="ant-tabs-nav ant-tabs-nav-animated"
             >
-              <div
-                aria-disabled="false"
-                aria-selected="true"
-                class="ant-tabs-tab-active ant-tabs-tab"
-                role="tab"
-              >
-                <div>
-                  Tab 1
-                  <i
-                    class="anticon anticon-close"
-                  />
+              <div>
+                <div
+                  aria-disabled="false"
+                  aria-selected="true"
+                  class="ant-tabs-tab-active ant-tabs-tab"
+                  role="tab"
+                >
+                  <div>
+                    Tab 1
+                    <i
+                      class="anticon anticon-close"
+                    />
+                  </div>
                 </div>
-              </div>
-              <div
-                aria-disabled="false"
-                aria-selected="false"
-                class=" ant-tabs-tab"
-                role="tab"
-              >
-                <div>
-                  Tab 2
-                  <i
-                    class="anticon anticon-close"
-                  />
+                <div
+                  aria-disabled="false"
+                  aria-selected="false"
+                  class=" ant-tabs-tab"
+                  role="tab"
+                >
+                  <div>
+                    Tab 2
+                    <i
+                      class="anticon anticon-close"
+                    />
+                  </div>
                 </div>
               </div>
               <div
@@ -433,29 +441,31 @@ exports[`renders ./components/tabs/demo/disabled.md correctly 1`] = `
           <div
             class="ant-tabs-nav ant-tabs-nav-animated"
           >
-            <div
-              aria-disabled="false"
-              aria-selected="true"
-              class="ant-tabs-tab-active ant-tabs-tab"
-              role="tab"
-            >
-              Tab 1
-            </div>
-            <div
-              aria-disabled="true"
-              aria-selected="false"
-              class=" ant-tabs-tab ant-tabs-tab-disabled"
-              role="tab"
-            >
-              Tab 2
-            </div>
-            <div
-              aria-disabled="false"
-              aria-selected="false"
-              class=" ant-tabs-tab"
-              role="tab"
-            >
-              Tab 3
+            <div>
+              <div
+                aria-disabled="false"
+                aria-selected="true"
+                class="ant-tabs-tab-active ant-tabs-tab"
+                role="tab"
+              >
+                Tab 1
+              </div>
+              <div
+                aria-disabled="true"
+                aria-selected="false"
+                class=" ant-tabs-tab ant-tabs-tab-disabled"
+                role="tab"
+              >
+                Tab 2
+              </div>
+              <div
+                aria-disabled="false"
+                aria-selected="false"
+                class=" ant-tabs-tab"
+                role="tab"
+              >
+                Tab 3
+              </div>
             </div>
             <div
               class="ant-tabs-ink-bar ant-tabs-ink-bar-animated"
@@ -537,42 +547,44 @@ exports[`renders ./components/tabs/demo/editable-card.md correctly 1`] = `
           <div
             class="ant-tabs-nav ant-tabs-nav-animated"
           >
-            <div
-              aria-disabled="false"
-              aria-selected="true"
-              class="ant-tabs-tab-active ant-tabs-tab"
-              role="tab"
-            >
-              <div>
-                Tab 1
-                <i
-                  class="anticon anticon-close"
-                />
-              </div>
-            </div>
-            <div
-              aria-disabled="false"
-              aria-selected="false"
-              class=" ant-tabs-tab"
-              role="tab"
-            >
-              <div>
-                Tab 2
-                <i
-                  class="anticon anticon-close"
-                />
-              </div>
-            </div>
-            <div
-              aria-disabled="false"
-              aria-selected="false"
-              class=" ant-tabs-tab"
-              role="tab"
-            >
+            <div>
               <div
-                class="ant-tabs-tab-unclosable"
+                aria-disabled="false"
+                aria-selected="true"
+                class="ant-tabs-tab-active ant-tabs-tab"
+                role="tab"
               >
-                Tab 3
+                <div>
+                  Tab 1
+                  <i
+                    class="anticon anticon-close"
+                  />
+                </div>
+              </div>
+              <div
+                aria-disabled="false"
+                aria-selected="false"
+                class=" ant-tabs-tab"
+                role="tab"
+              >
+                <div>
+                  Tab 2
+                  <i
+                    class="anticon anticon-close"
+                  />
+                </div>
+              </div>
+              <div
+                aria-disabled="false"
+                aria-selected="false"
+                class=" ant-tabs-tab"
+                role="tab"
+              >
+                <div
+                  class="ant-tabs-tab-unclosable"
+                >
+                  Tab 3
+                </div>
               </div>
             </div>
             <div
@@ -657,29 +669,31 @@ exports[`renders ./components/tabs/demo/extra.md correctly 1`] = `
           <div
             class="ant-tabs-nav ant-tabs-nav-animated"
           >
-            <div
-              aria-disabled="false"
-              aria-selected="true"
-              class="ant-tabs-tab-active ant-tabs-tab"
-              role="tab"
-            >
-              Tab 1
-            </div>
-            <div
-              aria-disabled="false"
-              aria-selected="false"
-              class=" ant-tabs-tab"
-              role="tab"
-            >
-              Tab 2
-            </div>
-            <div
-              aria-disabled="false"
-              aria-selected="false"
-              class=" ant-tabs-tab"
-              role="tab"
-            >
-              Tab 3
+            <div>
+              <div
+                aria-disabled="false"
+                aria-selected="true"
+                class="ant-tabs-tab-active ant-tabs-tab"
+                role="tab"
+              >
+                Tab 1
+              </div>
+              <div
+                aria-disabled="false"
+                aria-selected="false"
+                class=" ant-tabs-tab"
+                role="tab"
+              >
+                Tab 2
+              </div>
+              <div
+                aria-disabled="false"
+                aria-selected="false"
+                class=" ant-tabs-tab"
+                role="tab"
+              >
+                Tab 3
+              </div>
             </div>
             <div
               class="ant-tabs-ink-bar ant-tabs-ink-bar-animated"
@@ -751,31 +765,33 @@ exports[`renders ./components/tabs/demo/icon.md correctly 1`] = `
           <div
             class="ant-tabs-nav ant-tabs-nav-animated"
           >
-            <div
-              aria-disabled="false"
-              aria-selected="false"
-              class=" ant-tabs-tab"
-              role="tab"
-            >
-              <span>
-                <i
-                  class="anticon anticon-apple"
-                />
-                Tab 1
-              </span>
-            </div>
-            <div
-              aria-disabled="false"
-              aria-selected="true"
-              class="ant-tabs-tab-active ant-tabs-tab"
-              role="tab"
-            >
-              <span>
-                <i
-                  class="anticon anticon-android"
-                />
-                Tab 2
-              </span>
+            <div>
+              <div
+                aria-disabled="false"
+                aria-selected="false"
+                class=" ant-tabs-tab"
+                role="tab"
+              >
+                <span>
+                  <i
+                    class="anticon anticon-apple"
+                  />
+                  Tab 1
+                </span>
+              </div>
+              <div
+                aria-disabled="false"
+                aria-selected="true"
+                class="ant-tabs-tab-active ant-tabs-tab"
+                role="tab"
+              >
+                <span>
+                  <i
+                    class="anticon anticon-android"
+                  />
+                  Tab 2
+                </span>
+              </div>
             </div>
             <div
               class="ant-tabs-ink-bar ant-tabs-ink-bar-animated"
@@ -880,29 +896,31 @@ exports[`renders ./components/tabs/demo/position.md correctly 1`] = `
             <div
               class="ant-tabs-nav ant-tabs-nav-animated"
             >
-              <div
-                aria-disabled="false"
-                aria-selected="true"
-                class="ant-tabs-tab-active ant-tabs-tab"
-                role="tab"
-              >
-                Tab 1
-              </div>
-              <div
-                aria-disabled="false"
-                aria-selected="false"
-                class=" ant-tabs-tab"
-                role="tab"
-              >
-                Tab 2
-              </div>
-              <div
-                aria-disabled="false"
-                aria-selected="false"
-                class=" ant-tabs-tab"
-                role="tab"
-              >
-                Tab 3
+              <div>
+                <div
+                  aria-disabled="false"
+                  aria-selected="true"
+                  class="ant-tabs-tab-active ant-tabs-tab"
+                  role="tab"
+                >
+                  Tab 1
+                </div>
+                <div
+                  aria-disabled="false"
+                  aria-selected="false"
+                  class=" ant-tabs-tab"
+                  role="tab"
+                >
+                  Tab 2
+                </div>
+                <div
+                  aria-disabled="false"
+                  aria-selected="false"
+                  class=" ant-tabs-tab"
+                  role="tab"
+                >
+                  Tab 3
+                </div>
               </div>
               <div
                 class="ant-tabs-ink-bar ant-tabs-ink-bar-animated"
@@ -1039,29 +1057,31 @@ exports[`renders ./components/tabs/demo/size.md correctly 1`] = `
             <div
               class="ant-tabs-nav ant-tabs-nav-animated"
             >
-              <div
-                aria-disabled="false"
-                aria-selected="true"
-                class="ant-tabs-tab-active ant-tabs-tab"
-                role="tab"
-              >
-                Tab 1
-              </div>
-              <div
-                aria-disabled="false"
-                aria-selected="false"
-                class=" ant-tabs-tab"
-                role="tab"
-              >
-                Tab 2
-              </div>
-              <div
-                aria-disabled="false"
-                aria-selected="false"
-                class=" ant-tabs-tab"
-                role="tab"
-              >
-                Tab 3
+              <div>
+                <div
+                  aria-disabled="false"
+                  aria-selected="true"
+                  class="ant-tabs-tab-active ant-tabs-tab"
+                  role="tab"
+                >
+                  Tab 1
+                </div>
+                <div
+                  aria-disabled="false"
+                  aria-selected="false"
+                  class=" ant-tabs-tab"
+                  role="tab"
+                >
+                  Tab 2
+                </div>
+                <div
+                  aria-disabled="false"
+                  aria-selected="false"
+                  class=" ant-tabs-tab"
+                  role="tab"
+                >
+                  Tab 3
+                </div>
               </div>
               <div
                 class="ant-tabs-ink-bar ant-tabs-ink-bar-animated"
@@ -1180,93 +1200,95 @@ exports[`renders ./components/tabs/demo/slide.md correctly 1`] = `
             <div
               class="ant-tabs-nav ant-tabs-nav-animated"
             >
-              <div
-                aria-disabled="false"
-                aria-selected="true"
-                class="ant-tabs-tab-active ant-tabs-tab"
-                role="tab"
-              >
-                Tab 1
-              </div>
-              <div
-                aria-disabled="false"
-                aria-selected="false"
-                class=" ant-tabs-tab"
-                role="tab"
-              >
-                Tab 2
-              </div>
-              <div
-                aria-disabled="false"
-                aria-selected="false"
-                class=" ant-tabs-tab"
-                role="tab"
-              >
-                Tab 3
-              </div>
-              <div
-                aria-disabled="false"
-                aria-selected="false"
-                class=" ant-tabs-tab"
-                role="tab"
-              >
-                Tab 4
-              </div>
-              <div
-                aria-disabled="false"
-                aria-selected="false"
-                class=" ant-tabs-tab"
-                role="tab"
-              >
-                Tab 5
-              </div>
-              <div
-                aria-disabled="false"
-                aria-selected="false"
-                class=" ant-tabs-tab"
-                role="tab"
-              >
-                Tab 6
-              </div>
-              <div
-                aria-disabled="false"
-                aria-selected="false"
-                class=" ant-tabs-tab"
-                role="tab"
-              >
-                Tab 7
-              </div>
-              <div
-                aria-disabled="false"
-                aria-selected="false"
-                class=" ant-tabs-tab"
-                role="tab"
-              >
-                Tab 8
-              </div>
-              <div
-                aria-disabled="false"
-                aria-selected="false"
-                class=" ant-tabs-tab"
-                role="tab"
-              >
-                Tab 9
-              </div>
-              <div
-                aria-disabled="false"
-                aria-selected="false"
-                class=" ant-tabs-tab"
-                role="tab"
-              >
-                Tab 10
-              </div>
-              <div
-                aria-disabled="false"
-                aria-selected="false"
-                class=" ant-tabs-tab"
-                role="tab"
-              >
-                Tab 11
+              <div>
+                <div
+                  aria-disabled="false"
+                  aria-selected="true"
+                  class="ant-tabs-tab-active ant-tabs-tab"
+                  role="tab"
+                >
+                  Tab 1
+                </div>
+                <div
+                  aria-disabled="false"
+                  aria-selected="false"
+                  class=" ant-tabs-tab"
+                  role="tab"
+                >
+                  Tab 2
+                </div>
+                <div
+                  aria-disabled="false"
+                  aria-selected="false"
+                  class=" ant-tabs-tab"
+                  role="tab"
+                >
+                  Tab 3
+                </div>
+                <div
+                  aria-disabled="false"
+                  aria-selected="false"
+                  class=" ant-tabs-tab"
+                  role="tab"
+                >
+                  Tab 4
+                </div>
+                <div
+                  aria-disabled="false"
+                  aria-selected="false"
+                  class=" ant-tabs-tab"
+                  role="tab"
+                >
+                  Tab 5
+                </div>
+                <div
+                  aria-disabled="false"
+                  aria-selected="false"
+                  class=" ant-tabs-tab"
+                  role="tab"
+                >
+                  Tab 6
+                </div>
+                <div
+                  aria-disabled="false"
+                  aria-selected="false"
+                  class=" ant-tabs-tab"
+                  role="tab"
+                >
+                  Tab 7
+                </div>
+                <div
+                  aria-disabled="false"
+                  aria-selected="false"
+                  class=" ant-tabs-tab"
+                  role="tab"
+                >
+                  Tab 8
+                </div>
+                <div
+                  aria-disabled="false"
+                  aria-selected="false"
+                  class=" ant-tabs-tab"
+                  role="tab"
+                >
+                  Tab 9
+                </div>
+                <div
+                  aria-disabled="false"
+                  aria-selected="false"
+                  class=" ant-tabs-tab"
+                  role="tab"
+                >
+                  Tab 10
+                </div>
+                <div
+                  aria-disabled="false"
+                  aria-selected="false"
+                  class=" ant-tabs-tab"
+                  role="tab"
+                >
+                  Tab 11
+                </div>
               </div>
               <div
                 class="ant-tabs-ink-bar ant-tabs-ink-bar-animated"
diff --git a/components/tabs/__tests__/__snapshots__/index.test.js.snap b/components/tabs/__tests__/__snapshots__/index.test.js.snap
index 6d07944e5c..0e67c119aa 100644
--- a/components/tabs/__tests__/__snapshots__/index.test.js.snap
+++ b/components/tabs/__tests__/__snapshots__/index.test.js.snap
@@ -37,13 +37,15 @@ exports[`Tabs tabPosition remove card 1`] = `
           <div
             class="ant-tabs-nav ant-tabs-nav-animated"
           >
-            <div
-              aria-disabled="false"
-              aria-selected="true"
-              class="ant-tabs-tab-active ant-tabs-tab"
-              role="tab"
-            >
-              foo
+            <div>
+              <div
+                aria-disabled="false"
+                aria-selected="true"
+                class="ant-tabs-tab-active ant-tabs-tab"
+                role="tab"
+              >
+                foo
+              </div>
             </div>
             <div
               class="ant-tabs-ink-bar ant-tabs-ink-bar-animated"
diff --git a/package.json b/package.json
index 260468763c..1fa5991e88 100644
--- a/package.json
+++ b/package.json
@@ -74,7 +74,7 @@
     "rc-steps": "~3.1.0",
     "rc-switch": "~1.6.0",
     "rc-table": "~6.2.2",
-    "rc-tabs": "~9.3.2",
+    "rc-tabs": "~9.3.3",
     "rc-time-picker": "~3.3.0",
     "rc-tooltip": "~3.7.0",
     "rc-tree": "~1.13.0",