test: add affix avatar back-top breadcrumb snapshots

.babelrc

@@ -8,8 +8,9 @@
                 "transform-vue-jsx",
                 "transform-object-assign",
                 "transform-object-rest-spread",
-                "transform-class-properties"
+                "transform-class-properties",
+                "transform-runtime"
             ]
         }
     }
-}
+}

components/affix/__tests__/__snapshots__/demo.test.js.snap

@@ -0,0 +1,37 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders ./components/affix/demo/basic.md correctly 1`] = `
+<div>
+  <div>
+    <div>
+      <button type="button" class="ant-btn ant-btn-primary"><span>Affix top</span></button>
+    </div>
+  </div>
+  <br>
+  <div>
+    <div>
+      <button type="button" class="ant-btn ant-btn-primary"><span>Affix bottom</span></button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`renders ./components/affix/demo/on-change.md correctly 1`] = `
+<div>
+  <div>
+    <button type="button" class="ant-btn ant-btn-default"><span>120px to affix top</span></button>
+  </div>
+</div>
+`;
+
+exports[`renders ./components/affix/demo/target.md correctly 1`] = `
+<div id="components-affix-demo-target" class="scrollable-container">
+  <div class="background">
+    <div>
+      <div>
+        <button type="button" class="ant-btn ant-btn-primary"><span>Fixed at the top of container</span></button>
+      </div>
+    </div>
+  </div>
+</div>
+`;

components/affix/__tests__/demo.test.js

@@ -0,0 +1,3 @@
+import demoTest from '../../../tests/shared/demoTest'
+
+demoTest('affix')

components/alert/__tests__/__snapshots__/demo.test.js.snap

@@ -0,0 +1,86 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders ./components/alert/demo/banner.md correctly 1`] = `
+<div>
+  <div class="ant-alert ant-alert-warning ant-alert-banner">
+    <i class="anticon anticon-exclamation-circle ant-alert-icon"></i><span class="ant-alert-message">Warning text</span><span class="ant-alert-description"></span></div>
+  <br>
+  <div class="ant-alert ant-alert-warning ant-alert-banner">
+    <i class="anticon anticon-exclamation-circle ant-alert-icon"></i><span class="ant-alert-message">Very long warning text warning text text text text text text text</span><span class="ant-alert-description"></span>
+    <a class="ant-alert-close-icon">
+      <i class="anticon anticon-cross"></i>
+    </a>
+  </div>
+  <br>
+  <div class="ant-alert ant-alert-warning ant-alert-no-icon ant-alert-banner"><span class="ant-alert-message">Warning text without icon</span><span class="ant-alert-description"></span></div>
+  <br>
+  <div class="ant-alert ant-alert-error ant-alert-banner">
+    <i class="anticon anticon-cross-circle ant-alert-icon"></i><span class="ant-alert-message">Error text</span><span class="ant-alert-description"></span></div>
+</div>
+`;
+
+exports[`renders ./components/alert/demo/basic.md correctly 1`] = `<div class="ant-alert ant-alert-success ant-alert-no-icon"><span class="ant-alert-message">Success Text</span><span class="ant-alert-description"></span></div>`;
+
+exports[`renders ./components/alert/demo/closable.md correctly 1`] = `
+<div>
+  <div class="ant-alert ant-alert-warning ant-alert-no-icon"><span class="ant-alert-message">Warning Text Warning Text Warning TextW arning Text Warning Text Warning TextWarning Text</span><span class="ant-alert-description"></span>
+    <a class="ant-alert-close-icon">
+      <i class="anticon anticon-cross"></i>
+    </a>
+  </div>
+  <div class="ant-alert ant-alert-error ant-alert-with-description ant-alert-no-icon"><span class="ant-alert-message">Error Text</span><span class="ant-alert-description">Error Description Error Description Error Description Error Description Error Description Error Description</span>
+    <a class="ant-alert-close-icon">
+      <i class="anticon anticon-cross"></i>
+    </a>
+  </div>
+</div>
+`;
+
+exports[`renders ./components/alert/demo/close-text.md correctly 1`] = `
+<div class="ant-alert ant-alert-info ant-alert-no-icon"><span class="ant-alert-message">Info Text</span><span class="ant-alert-description"></span>
+  <a class="ant-alert-close-icon">Close Now</a>
+</div>
+`;
+
+exports[`renders ./components/alert/demo/description.md correctly 1`] = `
+<div>
+  <div class="ant-alert ant-alert-success ant-alert-with-description ant-alert-no-icon"><span class="ant-alert-message">Success Text</span><span class="ant-alert-description"><p>
+      Success Description <span style="color:red;">Success</span> Description Success Description
+    </p>
+    </span>
+  </div>
+  <div class="ant-alert ant-alert-info ant-alert-with-description ant-alert-no-icon"><span class="ant-alert-message">Info Text</span><span class="ant-alert-description">Info Description Info Description Info Description Info Description</span></div>
+  <div class="ant-alert ant-alert-warning ant-alert-with-description ant-alert-no-icon"><span class="ant-alert-message">Warning Text</span><span class="ant-alert-description">Warning Description Warning Description Warning Description Warning Description</span></div>
+  <div class="ant-alert ant-alert-error ant-alert-with-description ant-alert-no-icon"><span class="ant-alert-message">Error Text</span><span class="ant-alert-description">Error Description Error Description Error Description Error Description</span></div>
+</div>
+`;
+
+exports[`renders ./components/alert/demo/icon.md correctly 1`] = `
+<div>
+  <div class="ant-alert ant-alert-success">
+    <i class="anticon anticon-check-circle ant-alert-icon"></i><span class="ant-alert-message">Success Tips</span><span class="ant-alert-description"></span></div>
+  <div class="ant-alert ant-alert-info">
+    <i class="anticon anticon-info-circle ant-alert-icon"></i><span class="ant-alert-message">Informational Notes</span><span class="ant-alert-description"></span></div>
+  <div class="ant-alert ant-alert-warning">
+    <i class="anticon anticon-exclamation-circle ant-alert-icon"></i><span class="ant-alert-message">Warning</span><span class="ant-alert-description"></span></div>
+  <div class="ant-alert ant-alert-error">
+    <i class="anticon anticon-cross-circle ant-alert-icon"></i><span class="ant-alert-message">Error</span><span class="ant-alert-description"></span></div>
+  <div class="ant-alert ant-alert-success ant-alert-with-description">
+    <i class="anticon anticon-check-circle-o ant-alert-icon"></i><span class="ant-alert-message">Success Tips</span><span class="ant-alert-description">Detailed description and advices about successful copywriting.</span></div>
+  <div class="ant-alert ant-alert-info ant-alert-with-description">
+    <i class="anticon anticon-info-circle-o ant-alert-icon"></i><span class="ant-alert-message">Informational Notes</span><span class="ant-alert-description">Additional description and informations about copywriting.</span></div>
+  <div class="ant-alert ant-alert-warning ant-alert-with-description">
+    <i class="anticon anticon-exclamation-circle-o ant-alert-icon"></i><span class="ant-alert-message">Warning</span><span class="ant-alert-description">This is a warning notice about copywriting.</span></div>
+  <div class="ant-alert ant-alert-error ant-alert-with-description">
+    <i class="anticon anticon-cross-circle-o ant-alert-icon"></i><span class="ant-alert-message">Error</span><span class="ant-alert-description">This is an error message about copywriting.</span></div>
+</div>
+`;
+
+exports[`renders ./components/alert/demo/style.md correctly 1`] = `
+<div>
+  <div class="ant-alert ant-alert-success ant-alert-no-icon"><span class="ant-alert-message">Success Text</span><span class="ant-alert-description"></span></div>
+  <div class="ant-alert ant-alert-info ant-alert-no-icon"><span class="ant-alert-message">Info Text</span><span class="ant-alert-description"></span></div>
+  <div class="ant-alert ant-alert-warning ant-alert-no-icon"><span class="ant-alert-message">Warning Text</span><span class="ant-alert-description"></span></div>
+  <div class="ant-alert ant-alert-error ant-alert-no-icon"><span class="ant-alert-message">Error Text</span><span class="ant-alert-description"></span></div>
+</div>
+`;

components/alert/__tests__/demo.test.js

@@ -0,0 +1,3 @@
+import demoTest from '../../../tests/shared/demoTest'
+
+demoTest('alert')

components/auto-complete/__tests__/__snapshots__/demo.test.js.snap

@@ -0,0 +1,95 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders ./components/auto-complete/demo/basic.md correctly 1`] = `
+<div class="ant-select ant-select-combobox ant-select-enabled ant-select ant-select-combobox ant-select-enabled ant-select-show-search ant-select-auto-complete" style="width:200px;">
+  <div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" class="ant-select-selection ant-select-selection--single">
+    <div class="ant-select-selection__rendered">
+      <div unselectable="unselectable" class="ant-select-selection__placeholder" style="display:block;user-select:none;webkit-user-select:none;">input here</div>
+      <ul>
+        <li class="ant-select-search ant-select-search--inline">
+          <div class="ant-select-search__field__wrap">
+            <input value="" type="text" class="ant-input ant-select-search__field"><span class="ant-select-search__field__mirror"> </span></div>
+        </li>
+      </ul>
+    </div><span unselectable="unselectable" class="ant-select-arrow" style="user-select:none;webkit-user-select:none;"><b></b></span></div>
+</div>
+`;
+
+exports[`renders ./components/auto-complete/demo/certain-category.md correctly 1`] = `
+<div class="certain-category-search-wrapper" style="width:250px;">
+  <div class="certain-category-search ant-select-lg ant-select ant-select-combobox ant-select-enabled ant-select-lg ant-select ant-select-combobox ant-select-enabled ant-select-lg ant-select-lg ant-select-show-search ant-select-auto-complete" style="width:100%;">
+    <div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" class="ant-select-selection ant-select-selection--single">
+      <div class="ant-select-selection__rendered">
+        <div unselectable="unselectable" class="ant-select-selection__placeholder" style="display:block;user-select:none;webkit-user-select:none;">input here</div>
+        <ul>
+          <li class="ant-select-search ant-select-search--inline">
+            <div class="ant-select-search__field__wrap"><span value="" class="ant-input-affix-wrapper ant-select-search__field"><input value="" type="text" class="ant-input"><span class="ant-input-suffix"><i class="certain-category-icon anticon anticon-search"></i></span></span><span class="ant-select-search__field__mirror"> </span></div>
+          </li>
+        </ul>
+      </div><span unselectable="unselectable" class="ant-select-arrow" style="user-select:none;webkit-user-select:none;"><b></b></span></div>
+  </div>
+</div>
+`;
+
+exports[`renders ./components/auto-complete/demo/custom.md correctly 1`] = `
+<div class="ant-select ant-select-combobox ant-select-enabled ant-select ant-select-combobox ant-select-enabled ant-select-show-search ant-select-auto-complete" style="width:200px;">
+  <div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" class="ant-select-selection ant-select-selection--single">
+    <div class="ant-select-selection__rendered">
+      <ul>
+        <li class="ant-select-search ant-select-search--inline">
+          <div class="ant-select-search__field__wrap">
+            <textarea value="" placeholder="input here" class="custom ant-input custom ant-select-search__field" style="height:50px;"></textarea><span class="ant-select-search__field__mirror"> </span></div>
+        </li>
+      </ul>
+    </div><span unselectable="unselectable" class="ant-select-arrow" style="user-select:none;webkit-user-select:none;"><b></b></span></div>
+</div>
+`;
+
+exports[`renders ./components/auto-complete/demo/non-case-sensitive.md correctly 1`] = `
+<div class="ant-select ant-select-combobox ant-select-enabled ant-select ant-select-combobox ant-select-enabled ant-select-show-search ant-select-auto-complete" style="width:200px;">
+  <div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" class="ant-select-selection ant-select-selection--single">
+    <div class="ant-select-selection__rendered">
+      <div unselectable="unselectable" class="ant-select-selection__placeholder" style="display:block;user-select:none;webkit-user-select:none;">input here</div>
+      <ul>
+        <li class="ant-select-search ant-select-search--inline">
+          <div class="ant-select-search__field__wrap">
+            <input value="" type="text" class="ant-input ant-select-search__field"><span class="ant-select-search__field__mirror"> </span></div>
+        </li>
+      </ul>
+    </div><span unselectable="unselectable" class="ant-select-arrow" style="user-select:none;webkit-user-select:none;"><b></b></span></div>
+</div>
+`;
+
+exports[`renders ./components/auto-complete/demo/options.md correctly 1`] = `
+<div class="ant-select ant-select-combobox ant-select-enabled ant-select ant-select-combobox ant-select-enabled ant-select-show-search ant-select-auto-complete" style="width:200px;">
+  <div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" class="ant-select-selection ant-select-selection--single">
+    <div class="ant-select-selection__rendered">
+      <div unselectable="unselectable" class="ant-select-selection__placeholder" style="display:block;user-select:none;webkit-user-select:none;">input here</div>
+      <ul>
+        <li class="ant-select-search ant-select-search--inline">
+          <div class="ant-select-search__field__wrap">
+            <input value="" type="text" class="ant-input ant-select-search__field"><span class="ant-select-search__field__mirror"> </span></div>
+        </li>
+      </ul>
+    </div><span unselectable="unselectable" class="ant-select-arrow" style="user-select:none;webkit-user-select:none;"><b></b></span></div>
+</div>
+`;
+
+exports[`renders ./components/auto-complete/demo/uncertain-category.md correctly 1`] = `
+<div class="global-search-wrapper" style="width:300px;">
+  <div class="global-search ant-select-lg ant-select ant-select-combobox ant-select-enabled ant-select-lg ant-select ant-select-combobox ant-select-enabled ant-select-lg ant-select-lg ant-select-show-search ant-select-auto-complete" style="width:100%;">
+    <div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" class="ant-select-selection ant-select-selection--single">
+      <div class="ant-select-selection__rendered">
+        <div unselectable="unselectable" class="ant-select-selection__placeholder" style="display:block;user-select:none;webkit-user-select:none;">input here</div>
+        <ul>
+          <li class="ant-select-search ant-select-search--inline">
+            <div class="ant-select-search__field__wrap"><span value="" class="ant-input-affix-wrapper ant-select-search__field"><input value="" type="text" class="ant-input"><span class="ant-input-suffix"><button type="button" class="search-btn ant-btn ant-btn-primary ant-btn-lg"><i class="anticon anticon-search"></i></button></span></span>
+              <span
+                class="ant-select-search__field__mirror"> </span>
+            </div>
+          </li>
+        </ul>
+      </div><span unselectable="unselectable" class="ant-select-arrow" style="user-select:none;webkit-user-select:none;"><b></b></span></div>
+  </div>
+</div>
+`;

components/auto-complete/__tests__/demo.test.js

@@ -0,0 +1,3 @@
+import demoTest from '../../../tests/shared/demoTest'
+
+demoTest('auto-complete')

components/avatar/__tests__/__snapshots__/demo.test.js.snap

@@ -0,0 +1,31 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders ./components/avatar/demo/badge.md correctly 1`] = `
+<div><span style="margin-right:24px;"><span class="ant-badge"><span class="ant-avatar ant-avatar-icon ant-avatar-square"><i class="anticon anticon-user"></i></span>
+  <sup class="ant-scroll-number ant-badge-count"><span class="ant-scroll-number-only" style="transition:none;ms-transform:translateY(-1100%);webkit-transform:translateY(-1100%);transform:translateY(-1100%);"><p>0</p><p>1</p><p>2</p><p>3</p><p>4</p><p>5</p><p>6</p><p>7</p><p>8</p><p>9</p><p>0</p><p class="current">1</p><p>2</p><p>3</p><p>4</p><p>5</p><p>6</p><p>7</p><p>8</p><p>9</p><p>0</p><p>1</p><p>2</p><p>3</p><p>4</p><p>5</p><p>6</p><p>7</p><p>8</p><p>9</p></span></sup>
+  </span>
+  </span> <span class="ant-badge"><span class="ant-avatar ant-avatar-icon ant-avatar-square"><i class="anticon anticon-user"></i></span>
+  <sup class="ant-scroll-number ant-badge-dot"></sup>
+  </span>
+</div>
+`;
+
+exports[`renders ./components/avatar/demo/basic.md correctly 1`] = `
+<div>
+  <div><span class="ant-avatar ant-avatar-icon ant-avatar-circle ant-avatar-lg"><i class="anticon anticon-user"></i></span> <span class="ant-avatar ant-avatar-icon ant-avatar-circle"><i class="anticon anticon-user"></i></span> <span class="ant-avatar ant-avatar-icon ant-avatar-circle ant-avatar-sm"><i class="anticon anticon-user"></i></span></div>
+  <br>
+  <div><span class="ant-avatar ant-avatar-icon ant-avatar-square ant-avatar-lg"><i class="anticon anticon-user"></i></span> <span class="ant-avatar ant-avatar-icon ant-avatar-square"><i class="anticon anticon-user"></i></span> <span class="ant-avatar ant-avatar-icon ant-avatar-square ant-avatar-sm"><i class="anticon anticon-user"></i></span></div>
+</div>
+`;
+
+exports[`renders ./components/avatar/demo/dynamic.md correctly 1`] = `
+<div><span class="ant-avatar ant-avatar-square ant-avatar-lg" style="background-color:#f56a00;"><span class="ant-avatar-string">U</span></span>
+  <button type="button" class="ant-btn ant-btn-default"><span>改 变</span></button>
+</div>
+`;
+
+exports[`renders ./components/avatar/demo/type.md correctly 1`] = `
+<div><span class="ant-avatar ant-avatar-icon ant-avatar-circle"><i class="anticon anticon-user"></i></span> <span class="ant-avatar ant-avatar-circle"><span class="ant-avatar-string">U</span></span> <span class="ant-avatar ant-avatar-circle"><span class="ant-avatar-string">USER</span></span>
+  <span class="ant-avatar ant-avatar-image ant-avatar-circle"><img src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"></span> <span class="ant-avatar ant-avatar-circle" style="color:#f56a00;background-color:#fde3cf;"><span class="ant-avatar-string">U</span></span>
+  <span class="ant-avatar ant-avatar-icon ant-avatar-circle" style="background-color:#87d068;"><i class="anticon anticon-user"></i></span></div>
+`;

components/avatar/__tests__/demo.test.js

@@ -0,0 +1,3 @@
+import demoTest from '../../../tests/shared/demoTest'
+
+demoTest('avatar')

components/back-top/__tests__/__snapshots__/demo.test.js.snap

@@ -0,0 +1,17 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders ./components/back-top/demo/basic.md correctly 1`] = `
+<div>
+  <!---->
+  Scroll down to see the bottom-right
+  <strong style="color:rgba(64, 64, 64, 0.6);"> gray </strong> button.
+</div>
+`;
+
+exports[`renders ./components/back-top/demo/custom.md correctly 1`] = `
+<div id="components-back-top-demo-custom">
+  <!---->
+  Scroll down to see the bottom-right
+  <strong style="color:#1088e9;"> blue </strong> button.
+</div>
+`;

components/back-top/__tests__/demo.test.js

@@ -0,0 +1,3 @@
+import demoTest from '../../../tests/shared/demoTest'
+
+demoTest('back-top')

components/badge/__tests__/__snapshots__/demo.test.js.snap

@@ -0,0 +1,132 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders ./components/badge/demo/basic.md correctly 1`] = `
+<div><span class="ant-badge"><a href="#" class="head-example"></a><sup class="ant-scroll-number ant-badge-count"><span class="ant-scroll-number-only" style="transition:none;ms-transform:translateY(-1500%);webkit-transform:translateY(-1500%);transform:translateY(-1500%);"><p>0</p><p>1</p><p>2</p><p>3</p><p>4</p><p>5</p><p>6</p><p>7</p><p>8</p><p>9</p><p>0</p><p>1</p><p>2</p><p>3</p><p>4</p><p class="current">5</p><p>6</p><p>7</p><p>8</p><p>9</p><p>0</p><p>1</p><p>2</p><p>3</p><p>4</p><p>5</p><p>6</p><p>7</p><p>8</p><p>9</p></span></sup>
+  </span>
+  <span class="ant-badge"><a href="#" class="head-example"></a><sup class="ant-scroll-number ant-badge-count"><span class="ant-scroll-number-only" style="transition:none;ms-transform:translateY(-1000%);webkit-transform:translateY(-1000%);transform:translateY(-1000%);"><p>0</p><p>1</p><p>2</p><p>3</p><p>4</p><p>5</p><p>6</p><p>7</p><p>8</p><p>9</p><p class="current">0</p><p>1</p><p>2</p><p>3</p><p>4</p><p>5</p><p>6</p><p>7</p><p>8</p><p>9</p><p>0</p><p>1</p><p>2</p><p>3</p><p>4</p><p>5</p><p>6</p><p>7</p><p>8</p><p>9</p></span></sup>
+  </span>
+</div>
+`;
+
+exports[`renders ./components/badge/demo/change.md correctly 1`] = `
+<div>
+  <div><span class="ant-badge"><a href="#" class="head-example"></a><sup class="ant-scroll-number ant-badge-count"><span class="ant-scroll-number-only" style="transition:none;ms-transform:translateY(-1500%);webkit-transform:translateY(-1500%);transform:translateY(-1500%);"><p>0</p><p>1</p><p>2</p><p>3</p><p>4</p><p>5</p><p>6</p><p>7</p><p>8</p><p>9</p><p>0</p><p>1</p><p>2</p><p>3</p><p>4</p><p class="current">5</p><p>6</p><p>7</p><p>8</p><p>9</p><p>0</p><p>1</p><p>2</p><p>3</p><p>4</p><p>5</p><p>6</p><p>7</p><p>8</p><p>9</p></span></sup>
+    </span>
+    <div class="ant-btn-group">
+      <button type="button" class="ant-btn ant-btn-default">
+        <i class="anticon anticon-minus"></i>
+      </button>
+      <button type="button" class="ant-btn ant-btn-default">
+        <i class="anticon anticon-plus"></i>
+      </button>
+    </div>
+  </div>
+  <div style="margin-top:10px;"><span class="ant-badge"><a href="#" class="head-example"></a><sup class="ant-scroll-number ant-badge-dot"></sup></span> <span tabIndex="0" class="ant-switch ant-switch-checked"><span class="ant-switch-inner"></span></span>
+  </div>
+</div>
+`;
+
+exports[`renders ./components/badge/demo/dot.md correctly 1`] = `<div id="components-badge-demo-dot"><span class="ant-badge"><i class="anticon anticon-notification"></i><sup class="ant-scroll-number ant-badge-dot"></sup></span> <span class="ant-badge"><i class="anticon anticon-notification"></i><!----></span> <span class="ant-badge"><a href="#">Link something</a><sup class="ant-scroll-number ant-badge-dot"></sup></span></div>`;
+
+exports[`renders ./components/badge/demo/link.md correctly 1`] = `
+<a href="#"><span class="ant-badge"><span class="head-example"></span>
+  <sup class="ant-scroll-number ant-badge-count"><span class="ant-scroll-number-only" style="transition:none;ms-transform:translateY(-1500%);webkit-transform:translateY(-1500%);transform:translateY(-1500%);"><p>0</p><p>1</p><p>2</p><p>3</p><p>4</p><p>5</p><p>6</p><p>7</p><p>8</p><p>9</p><p>0</p><p>1</p><p>2</p><p>3</p><p>4</p><p class="current">5</p><p>6</p><p>7</p><p>8</p><p>9</p><p>0</p><p>1</p><p>2</p><p>3</p><p>4</p><p>5</p><p>6</p><p>7</p><p>8</p><p>9</p></span></sup>
+  </span>
+</a>
+`;
+
+exports[`renders ./components/badge/demo/no-wrapper.md correctly 1`] = `
+<div><span class="ant-badge ant-badge-not-a-wrapper"><sup class="ant-scroll-number ant-badge-count ant-badge-multiple-words"><span class="ant-scroll-number-only" style="transition:none;ms-transform:translateY(-1200%);webkit-transform:translateY(-1200%);transform:translateY(-1200%);"><p>0</p><p>1</p><p>2</p><p>3</p><p>4</p><p>5</p><p>6</p><p>7</p><p>8</p><p>9</p><p>0</p><p>1</p><p class="current">2</p><p>3</p><p>4</p><p>5</p><p>6</p><p>7</p><p>8</p><p>9</p><p>0</p><p>1</p><p>2</p><p>3</p><p>4</p><p>5</p><p>6</p><p>7</p><p>8</p><p>9</p></span>
+  <span
+    class="ant-scroll-number-only" style="transition:none;ms-transform:translateY(-1500%);webkit-transform:translateY(-1500%);transform:translateY(-1500%);">
+    <p>0</p>
+    <p>1</p>
+    <p>2</p>
+    <p>3</p>
+    <p>4</p>
+    <p>5</p>
+    <p>6</p>
+    <p>7</p>
+    <p>8</p>
+    <p>9</p>
+    <p>0</p>
+    <p>1</p>
+    <p>2</p>
+    <p>3</p>
+    <p>4</p>
+    <p class="current">5</p>
+    <p>6</p>
+    <p>7</p>
+    <p>8</p>
+    <p>9</p>
+    <p>0</p>
+    <p>1</p>
+    <p>2</p>
+    <p>3</p>
+    <p>4</p>
+    <p>5</p>
+    <p>6</p>
+    <p>7</p>
+    <p>8</p>
+    <p>9</p>
+    </span>
+    </sup>
+    </span> <span class="ant-badge ant-badge-not-a-wrapper"><sup class="ant-scroll-number ant-badge-count" style="background-color:#fff;color:#999;box-shadow:0 0 0 1px #d9d9d9 inset;"><span class="ant-scroll-number-only" style="transition:none;ms-transform:translateY(-1400%);webkit-transform:translateY(-1400%);transform:translateY(-1400%);"><p>0</p><p>1</p><p>2</p><p>3</p><p>4</p><p>5</p><p>6</p><p>7</p><p>8</p><p>9</p><p>0</p><p>1</p><p>2</p><p>3</p><p class="current">4</p><p>5</p><p>6</p><p>7</p><p>8</p><p>9</p><p>0</p><p>1</p><p>2</p><p>3</p><p>4</p><p>5</p><p>6</p><p>7</p><p>8</p><p>9</p></span></sup>
+    </span>
+    <span class="ant-badge ant-badge-not-a-wrapper"><sup class="ant-scroll-number ant-badge-count ant-badge-multiple-words" style="background-color:#52c41a;">99+</sup></span></div>
+`;
+
+exports[`renders ./components/badge/demo/overflow.md correctly 1`] = `
+<div><span class="ant-badge"><a href="#" class="head-example"></a><sup class="ant-scroll-number ant-badge-count ant-badge-multiple-words"><span class="ant-scroll-number-only" style="transition:none;ms-transform:translateY(-1900%);webkit-transform:translateY(-1900%);transform:translateY(-1900%);"><p>0</p><p>1</p><p>2</p><p>3</p><p>4</p><p>5</p><p>6</p><p>7</p><p>8</p><p>9</p><p>0</p><p>1</p><p>2</p><p>3</p><p>4</p><p>5</p><p>6</p><p>7</p><p>8</p><p class="current">9</p><p>0</p><p>1</p><p>2</p><p>3</p><p>4</p><p>5</p><p>6</p><p>7</p><p>8</p><p>9</p></span>
+  <span
+    class="ant-scroll-number-only" style="transition:none;ms-transform:translateY(-1900%);webkit-transform:translateY(-1900%);transform:translateY(-1900%);">
+    <p>0</p>
+    <p>1</p>
+    <p>2</p>
+    <p>3</p>
+    <p>4</p>
+    <p>5</p>
+    <p>6</p>
+    <p>7</p>
+    <p>8</p>
+    <p>9</p>
+    <p>0</p>
+    <p>1</p>
+    <p>2</p>
+    <p>3</p>
+    <p>4</p>
+    <p>5</p>
+    <p>6</p>
+    <p>7</p>
+    <p>8</p>
+    <p class="current">9</p>
+    <p>0</p>
+    <p>1</p>
+    <p>2</p>
+    <p>3</p>
+    <p>4</p>
+    <p>5</p>
+    <p>6</p>
+    <p>7</p>
+    <p>8</p>
+    <p>9</p>
+    </span>
+    </sup>
+    </span> <span class="ant-badge"><a href="#" class="head-example"></a><sup class="ant-scroll-number ant-badge-count ant-badge-multiple-words">99+</sup></span> <span class="ant-badge"><a href="#" class="head-example"></a><sup class="ant-scroll-number ant-badge-count ant-badge-multiple-words">10+</sup></span>    <span class="ant-badge"><a href="#" class="head-example"></a><sup class="ant-scroll-number ant-badge-count ant-badge-multiple-words">999+</sup></span></div>
+`;
+
+exports[`renders ./components/badge/demo/status.md correctly 1`] = `
+<div><span class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-success"></span><span class="ant-badge-status-text"></span></span> <span class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-error"></span>
+  <span
+    class="ant-badge-status-text"></span>
+    </span> <span class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-default"></span><span class="ant-badge-status-text"></span></span> <span class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-processing"></span>
+    <span
+      class="ant-badge-status-text"></span>
+      </span> <span class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-warning"></span><span class="ant-badge-status-text"></span></span>
+      <br> <span class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-success"></span><span class="ant-badge-status-text">Success</span></span>
+      <br> <span class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-error"></span><span class="ant-badge-status-text">Error</span></span>
+      <br> <span class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-default"></span><span class="ant-badge-status-text">Default</span></span>
+      <br> <span class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-processing"></span><span class="ant-badge-status-text">Processing</span></span>
+      <br> <span class="ant-badge ant-badge-status ant-badge-not-a-wrapper"><span class="ant-badge-status-dot ant-badge-status-warning"></span><span class="ant-badge-status-text">warning</span></span>
+</div>
+`;

components/badge/__tests__/demo.test.js

@@ -0,0 +1,3 @@
+import demoTest from '../../../tests/shared/demoTest'
+
+demoTest('badge')

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

@@ -0,0 +1,34 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders ./components/breadcrumb/demo/basic.md correctly 1`] = `
+<div class="ant-breadcrumb"><span><span class="ant-breadcrumb-link">Home</span><span class="ant-breadcrumb-separator">/</span></span><span><span class="ant-breadcrumb-link"><a href="">Application Center</a></span><span class="ant-breadcrumb-separator">/</span></span><span><span class="ant-breadcrumb-link"><a href="">Application List</a></span>
+  <span
+    class="ant-breadcrumb-separator">/</span>
+    </span><span><span class="ant-breadcrumb-link">An Application</span><span class="ant-breadcrumb-separator">/</span></span>
+</div>
+`;
+
+exports[`renders ./components/breadcrumb/demo/router.md correctly 1`] = `<!---->`;
+
+exports[`renders ./components/breadcrumb/demo/separator.md correctly 1`] = `
+<div>
+  <div class="ant-breadcrumb"><span><span class="ant-breadcrumb-link">Home</span><span class="ant-breadcrumb-separator">&gt;</span></span><span><a class="ant-breadcrumb-link">Application Center</a><span class="ant-breadcrumb-separator">&gt;</span></span><span><a class="ant-breadcrumb-link">Application List</a><span class="ant-breadcrumb-separator">&gt;</span></span><span><span class="ant-breadcrumb-link">An Application</span>
+    <span
+      class="ant-breadcrumb-separator">&gt;</span>
+      </span>
+  </div>
+  <div class="ant-breadcrumb"><span><span class="ant-breadcrumb-link">Home</span><span class="ant-breadcrumb-separator"><span style="color:red;">&gt;</span></span>
+    </span><span><a class="ant-breadcrumb-link">Application Center</a><span class="ant-breadcrumb-separator"><span style="color:red;">&gt;</span></span>
+    </span><span><a class="ant-breadcrumb-link">Application List</a><span class="ant-breadcrumb-separator"><span style="color:red;">&gt;</span></span>
+    </span><span><span class="ant-breadcrumb-link">An Application</span><span class="ant-breadcrumb-separator"><span style="color:red;">&gt;</span></span>
+    </span>
+  </div>
+</div>
+`;
+
+exports[`renders ./components/breadcrumb/demo/withIcon.md correctly 1`] = `
+<div class="ant-breadcrumb"><span><a class="ant-breadcrumb-link"><i class="anticon anticon-home"></i></a><span class="ant-breadcrumb-separator">/</span></span><span><a class="ant-breadcrumb-link"><i class="anticon anticon-user"></i> <span>Application List</span></a><span class="ant-breadcrumb-separator">/</span></span><span><span class="ant-breadcrumb-link">
+    Application
+  </span><span class="ant-breadcrumb-separator">/</span></span>
+</div>
+`;

components/breadcrumb/__tests__/demo.test.js

@@ -0,0 +1,3 @@
+import demoTest from '../../../tests/shared/demoTest'
+
+demoTest('breadcrumb', { skip: ['router.md'] })