ant-design-vue/components/space/__tests__/__snapshots__/demo.test.js.snap

// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`renders ./components/space/demo/align.vue correctly 1`] = `
<div class="space-align-container">
  <div class="space-align-block">
    <div class="ant-space ant-space-horizontal ant-space-align-center">
      <div class="ant-space-item" style="margin-right: 8px;"> center </div>
      <!---->
      <div class="ant-space-item" style="margin-right: 8px;"><button class="ant-btn ant-btn-primary" type="button">
          <!----><span>Primary</span>
        </button></div>
      <!---->
      <div class="ant-space-item"><span class="mock-block">Block</span></div>
      <!---->
    </div>
  </div>
  <div class="space-align-block">
    <div class="ant-space ant-space-horizontal ant-space-align-start">
      <div class="ant-space-item" style="margin-right: 8px;"> start </div>
      <!---->
      <div class="ant-space-item" style="margin-right: 8px;"><button class="ant-btn ant-btn-primary" type="button">
          <!----><span>Primary</span>
        </button></div>
      <!---->
      <div class="ant-space-item"><span class="mock-block">Block</span></div>
      <!---->
    </div>
  </div>
  <div class="space-align-block">
    <div class="ant-space ant-space-horizontal ant-space-align-end">
      <div class="ant-space-item" style="margin-right: 8px;"> end </div>
      <!---->
      <div class="ant-space-item" style="margin-right: 8px;"><button class="ant-btn ant-btn-primary" type="button">
          <!----><span>Primary</span>
        </button></div>
      <!---->
      <div class="ant-space-item"><span class="mock-block">Block</span></div>
      <!---->
    </div>
  </div>
  <div class="space-align-block">
    <div class="ant-space ant-space-horizontal ant-space-align-baseline">
      <div class="ant-space-item" style="margin-right: 8px;"> baseline </div>
      <!---->
      <div class="ant-space-item" style="margin-right: 8px;"><button class="ant-btn ant-btn-primary" type="button">
          <!----><span>Primary</span>
        </button></div>
      <!---->
      <div class="ant-space-item"><span class="mock-block">Block</span></div>
      <!---->
    </div>
  </div>
</div>
`;

exports[`renders ./components/space/demo/base.vue correctly 1`] = `
<div class="ant-space ant-space-horizontal ant-space-align-center">
  <div class="ant-space-item" style="margin-right: 8px;"> Space </div>
  <!---->
  <div class="ant-space-item" style="margin-right: 8px;"><button class="ant-btn ant-btn-primary" type="button">
      <!----><span>Button</span>
    </button></div>
  <!---->
  <div class="ant-space-item" style="margin-right: 8px;"><span class="ant-upload-wrapper"><div class="ant-upload ant-upload-select ant-upload-select-text"><span tabindex="0" class="ant-upload" role="button"><input type="file" style="display: none;" accept=""><button class="ant-btn ant-btn-default" type="button"><!----><span role="img" aria-label="upload" class="anticon anticon-upload"><svg focusable="false" class="" data-icon="upload" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M400 317.7h73.9V656c0 4.4 3.6 8 8 8h60c4.4 0 8-3.6 8-8V317.7H624c6.7 0 10.4-7.7 6.3-12.9L518.3 163a8 8 0 00-12.6 0l-112 141.7c-4.1 5.3-.4 13 6.3 13zM878 626h-60c-4.4 0-8 3.6-8 8v154H214V634c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v198c0 17.7 14.3 32 32 32h684c17.7 0 32-14.3 32-32V634c0-4.4-3.6-8-8-8z"></path></svg></span><span>Click to Upload</span></button></span></div>
  <div class="ant-upload-list ant-upload-list-text"></div></span>
</div>
<!---->
<div class="ant-space-item">
  <!----><button class="ant-btn ant-btn-default" type="button">
    <!----><span>Confirm</span>
  </button>
</div>
<!---->
</div>
`;

exports[`renders ./components/space/demo/compact.vue correctly 1`] = `
<div class="site-space-compact-wrapper">
  <div class="ant-space-compact ant-space-compact-block"><input type="text" style="width: 20%;" class="ant-input ant-input-compact-item ant-input-compact-first-item"><input type="text" style="width: 30%;" class="ant-input ant-input-compact-item ant-input-compact-last-item"></div><br>
  <div class="ant-space-compact ant-space-compact-block"><input type="text" style="width: calc(100% - 200px);" class="ant-input ant-input-sm ant-input-compact-item ant-input-compact-first-item"><button class="ant-btn-compact-item ant-btn-compact-last-item ant-btn ant-btn-primary ant-btn-sm" type="button">
      <!----><span>Submit</span>
    </button></div><br>
  <div class="ant-space-compact ant-space-compact-block"><input type="text" style="width: calc(100% - 200px);" class="ant-input ant-input-compact-item ant-input-compact-first-item"><button class="ant-btn-compact-item ant-btn-compact-last-item ant-btn ant-btn-primary" type="button">
      <!----><span>Submit</span>
    </button></div><br>
  <div class="ant-space-compact ant-space-compact-block"><input type="text" style="width: calc(100% - 200px);" class="ant-input ant-input-compact-item ant-input-compact-first-item">
    <!----><button class="ant-btn-compact-item ant-btn-compact-last-item ant-btn ant-btn-default" type="button">
      <!----><span role="img" aria-label="copy" class="anticon anticon-copy"><svg focusable="false" class="" data-icon="copy" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M832 64H296c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h496v688c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V96c0-17.7-14.3-32-32-32zM704 192H192c-17.7 0-32 14.3-32 32v530.7c0 8.5 3.4 16.6 9.4 22.6l173.3 173.3c2.2 2.2 4.7 4 7.4 5.5v1.9h4.2c3.5 1.3 7.2 2 11 2H704c17.7 0 32-14.3 32-32V224c0-17.7-14.3-32-32-32zM350 856.2L263.9 770H350v86.2zM664 888H414V746c0-22.1-17.9-40-40-40H232V264h432v624z"></path></svg></span>
    </button>
  </div><br>
  <div class="ant-space-compact ant-space-compact-block">
    <div class="ant-select ant-select-compact-item ant-select-compact-first-item ant-select-single ant-select-allow-clear ant-select-show-arrow">
      <!---->
      <!---->
      <div class="ant-select-selector"><span class="ant-select-selection-search"><input type="search" id="rc_select_TEST_OR_SSR" autocomplete="off" class="ant-select-selection-search-input" role="combobox" aria-haspopup="listbox" aria-owns="rc_select_TEST_OR_SSR_list" aria-autocomplete="list" aria-controls="rc_select_TEST_OR_SSR_list" aria-activedescendant="rc_select_TEST_OR_SSR_list_0" readonly="" unselectable="on" style="opacity: 0;"></span><span class="ant-select-selection-item">Zhejiang</span>
        <!---->
      </div><span class="ant-select-arrow" style="user-select: none;" unselectable="on" aria-hidden="true"><span role="img" aria-label="down" class="anticon anticon-down ant-select-suffix"><svg focusable="false" class="" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></span>
      <!----></span><span class="ant-select-clear" style="user-select: none;" unselectable="on" aria-hidden="true"><span role="img" aria-label="close-circle" class="anticon anticon-close-circle"><svg focusable="false" class="" data-icon="close-circle" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z"></path></svg></span></span>
    </div><input type="text" style="width: 50%;" class="ant-input ant-input-compact-item ant-input-compact-last-item">
  </div><br>
  <div class="ant-space-compact ant-space-compact-block">
    <div style="width: 50%;" class="ant-select ant-select-compact-item ant-select-compact-first-item ant-select-multiple ant-select-allow-clear ant-select-show-search">
      <!---->
      <!---->
      <div class="ant-select-selector">
        <div class="ant-select-selection-overflow">
          <div class="ant-select-selection-overflow-item" style="opacity: 1;"><span class="ant-select-selection-item"><span class="ant-select-selection-item-content">Zhejianggggg</span><span class="ant-select-selection-item-remove" style="user-select: none;" unselectable="on" aria-hidden="true"><span role="img" aria-label="close" class="anticon anticon-close"><svg focusable="false" class="" data-icon="close" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"></path></svg></span></span></span></div>
          <!---->
          <div class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix" style="opacity: 1;">
            <div class="ant-select-selection-search" style="width: 0px;"><input type="search" id="rc_select_TEST_OR_SSR" autocomplete="off" class="ant-select-selection-search-input" role="combobox" aria-haspopup="listbox" aria-owns="rc_select_TEST_OR_SSR_list" aria-autocomplete="list" aria-controls="rc_select_TEST_OR_SSR_list" aria-activedescendant="rc_select_TEST_OR_SSR_list_0" readonly="" unselectable="on" style="opacity: 0;"><span class="ant-select-selection-search-mirror" aria-hidden="true">&nbsp;</span></div>
          </div>
          <!---->
        </div>
        <!---->
      </div>
      <!----><span class="ant-select-clear" style="user-select: none;" unselectable="on" aria-hidden="true"><span role="img" aria-label="close-circle" class="anticon anticon-close-circle"><svg focusable="false" class="" data-icon="close-circle" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z"></path></svg></span></span>
    </div><input type="text" style="width: 50%;" class="ant-input ant-input-compact-item ant-input-compact-last-item">
  </div><br>
  <div class="ant-space-compact ant-space-compact-block"><span class="ant-input-group-wrapper ant-input-search ant-input-compact-item ant-input-compact-first-item" style="width: 30%;"><span class="ant-input-wrapper ant-input-group"><!----><input type="text" class="ant-input"><span class="ant-input-group-addon"><button class="ant-btn ant-btn-default ant-input-search-button ant-btn-icon-only" type="button"><span role="img" aria-label="search" class="anticon anticon-search"><svg focusable="false" class="" data-icon="search" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"></path></svg></span></button></span></span></span><span class="ant-input-group-wrapper ant-input-search ant-input-compact-item" style="width: 50%;"><span class="ant-input-wrapper ant-input-group"><!----><span class="ant-input-affix-wrapper"><!----><input type="text" class="ant-input"><span class="ant-input-suffix"><span class="ant-input-clear-icon" role="button" tabindex="-1"><span role="img" aria-label="close-circle" class="anticon anticon-close-circle"><svg focusable="false" class="" data-icon="close-circle" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z"></path></svg></span></span>
    <!----></span></span><span class="ant-input-group-addon"><button class="ant-btn ant-btn-default ant-input-search-button ant-btn-icon-only" type="button"><span role="img" aria-label="search" class="anticon anticon-search"><svg focusable="false" class="" data-icon="search" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"></path></svg></span></button></span></span></span><span class="ant-input-group-wrapper ant-input-search ant-input-compact-item ant-input-compact-last-item" style="width: 20%;"><span class="ant-input-wrapper ant-input-group"><!----><input type="text" class="ant-input"><span class="ant-input-group-addon"><button class="ant-btn ant-btn-default ant-input-search-button ant-btn-icon-only" type="button"><span role="img" aria-label="search" class="anticon anticon-search"><svg focusable="false" class="" data-icon="search" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"></path></svg></span></button></span></span></span>
  </div><br>
  <div class="ant-space-compact ant-space-compact-block">
    <div class="ant-select ant-select-compact-item ant-select-compact-first-item ant-select-single ant-select-show-arrow">
      <!---->
      <!---->
      <div class="ant-select-selector"><span class="ant-select-selection-search"><input type="search" id="rc_select_TEST_OR_SSR" autocomplete="off" class="ant-select-selection-search-input" role="combobox" aria-haspopup="listbox" aria-owns="rc_select_TEST_OR_SSR_list" aria-autocomplete="list" aria-controls="rc_select_TEST_OR_SSR_list" aria-activedescendant="rc_select_TEST_OR_SSR_list_0" readonly="" unselectable="on" style="opacity: 0;"></span><span class="ant-select-selection-item">Option1</span>
        <!---->
      </div><span class="ant-select-arrow" style="user-select: none;" unselectable="on" aria-hidden="true"><span role="img" aria-label="down" class="anticon anticon-down ant-select-suffix"><svg focusable="false" class="" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></span>
      <!----></span>
      <!---->
    </div><input type="text" style="width: 50%;" class="ant-input ant-input-compact-item">
    <div class="ant-input-number ant-input-number-compact-item ant-input-number-compact-last-item">
      <div class="ant-input-number-handler-wrap"><span unselectable="on" role="button" aria-label="Increase Value" aria-disabled="false" class="ant-input-number-handler ant-input-number-handler-up"><span role="img" aria-label="up" class="anticon anticon-up ant-input-number-handler-up-inner"><svg focusable="false" class="" data-icon="up" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"></path></svg></span></span><span unselectable="on" role="button" aria-label="Decrease Value" aria-disabled="false" class="ant-input-number-handler ant-input-number-handler-down"><span role="img" aria-label="down" class="anticon anticon-down ant-input-number-handler-down-inner"><svg focusable="false" class="" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></span></span></div>
      <div class="ant-input-number-input-wrap"><input autocomplete="off" role="spinbutton" aria-valuenow="12" step="1" class="ant-input-number-input"></div>
    </div>
  </div><br>
  <div class="ant-space-compact ant-space-compact-block"><input type="text" style="width: 50%;" class="ant-input ant-input-compact-item ant-input-compact-first-item">
    <div class="ant-picker ant-picker-middle ant-picker-compact-item ant-picker-compact-last-item" style="width: 50%;">
      <div class="ant-picker-input"><input readonly="" placeholder="Select date" title="" size="12" autocomplete="off"><span class="ant-picker-suffix"><span role="img" aria-label="calendar" class="anticon anticon-calendar"><svg focusable="false" class="" data-icon="calendar" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"></path></svg></span>
        <!----></span>
        <!---->
      </div>
      <!---->
    </div>
  </div><br>
  <div class="ant-space-compact ant-space-compact-block">
    <div class="ant-picker ant-picker-range ant-picker-middle ant-picker-compact-item ant-picker-compact-first-item" style="width: 70%;">
      <div class="ant-picker-input ant-picker-input-active"><input readonly="" placeholder="Start date" size="12" autocomplete="off"></div>
      <div class="ant-picker-range-separator"><span aria-label="to" class="ant-picker-separator"><span role="img" aria-label="swap-right" class="anticon anticon-swap-right"><svg focusable="false" class="" data-icon="swap-right" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="0 0 1024 1024"><path d="M873.1 596.2l-164-208A32 32 0 00684 376h-64.8c-6.7 0-10.4 7.7-6.3 13l144.3 183H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h695.9c26.8 0 41.7-30.8 25.2-51.8z"></path></svg></span></span></div>
      <div class="ant-picker-input"><input readonly="" placeholder="End date" size="12" autocomplete="off"></div>
      <div class="ant-picker-active-bar" style="left: 0px; width: 0px; position: absolute;"></div><span class="ant-picker-suffix"><span role="img" aria-label="calendar" class="anticon anticon-calendar"><svg focusable="false" class="" data-icon="calendar" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"></path></svg></span>
      <!----></span>
      <!---->
      <!---->
    </div><input type="text" style="width: 30%;" class="ant-input ant-input-compact-item"><button class="ant-btn-compact-item ant-btn-compact-last-item ant-btn ant-btn-primary" type="button">
      <!----><span>查 询</span>
    </button>
  </div><br>
  <div class="ant-space-compact ant-space-compact-block"><input type="text" style="width: 30%;" class="ant-input ant-input-compact-item ant-input-compact-first-item">
    <div class="ant-picker ant-picker-range ant-picker-middle ant-picker-compact-item ant-picker-compact-last-item" style="width: 70%;">
      <div class="ant-picker-input ant-picker-input-active"><input readonly="" placeholder="Start date" size="12" autocomplete="off"></div>
      <div class="ant-picker-range-separator"><span aria-label="to" class="ant-picker-separator"><span role="img" aria-label="swap-right" class="anticon anticon-swap-right"><svg focusable="false" class="" data-icon="swap-right" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="0 0 1024 1024"><path d="M873.1 596.2l-164-208A32 32 0 00684 376h-64.8c-6.7 0-10.4 7.7-6.3 13l144.3 183H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h695.9c26.8 0 41.7-30.8 25.2-51.8z"></path></svg></span></span></div>
      <div class="ant-picker-input"><input readonly="" placeholder="End date" size="12" autocomplete="off"></div>
      <div class="ant-picker-active-bar" style="left: 0px; width: 0px; position: absolute;"></div><span class="ant-picker-suffix"><span role="img" aria-label="calendar" class="anticon anticon-calendar"><svg focusable="false" class="" data-icon="calendar" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"></path></svg></span>
      <!----></span>
      <!---->
      <!---->
    </div>
  </div><br>
  <div class="ant-space-compact ant-space-compact-block">
    <div class="ant-select ant-select-compact-item ant-select-compact-first-item ant-select-single ant-select-show-arrow">
      <!---->
      <!---->
      <div class="ant-select-selector"><span class="ant-select-selection-search"><input type="search" id="rc_select_TEST_OR_SSR" autocomplete="off" class="ant-select-selection-search-input" role="combobox" aria-haspopup="listbox" aria-owns="rc_select_TEST_OR_SSR_list" aria-autocomplete="list" aria-controls="rc_select_TEST_OR_SSR_list" aria-activedescendant="rc_select_TEST_OR_SSR_list_0" readonly="" unselectable="on" style="opacity: 0;"></span><span class="ant-select-selection-item">Option1-1</span>
        <!---->
      </div><span class="ant-select-arrow" style="user-select: none;" unselectable="on" aria-hidden="true"><span role="img" aria-label="down" class="anticon anticon-down ant-select-suffix"><svg focusable="false" class="" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></span>
      <!----></span>
      <!---->
    </div>
    <div class="ant-select ant-select-compact-item ant-select-compact-last-item ant-select-single ant-select-show-arrow">
      <!---->
      <!---->
      <div class="ant-select-selector"><span class="ant-select-selection-search"><input type="search" id="rc_select_TEST_OR_SSR" autocomplete="off" class="ant-select-selection-search-input" role="combobox" aria-haspopup="listbox" aria-owns="rc_select_TEST_OR_SSR_list" aria-autocomplete="list" aria-controls="rc_select_TEST_OR_SSR_list" aria-activedescendant="rc_select_TEST_OR_SSR_list_0" readonly="" unselectable="on" style="opacity: 0;"></span><span class="ant-select-selection-item">Option2-2</span>
        <!---->
      </div><span class="ant-select-arrow" style="user-select: none;" unselectable="on" aria-hidden="true"><span role="img" aria-label="down" class="anticon anticon-down ant-select-suffix"><svg focusable="false" class="" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></span>
      <!----></span>
      <!---->
    </div>
  </div><br>
  <div class="ant-space-compact ant-space-compact-block">
    <div class="ant-select ant-select-compact-item ant-select-compact-first-item ant-select-single ant-select-show-arrow">
      <!---->
      <!---->
      <div class="ant-select-selector"><span class="ant-select-selection-search"><input type="search" id="rc_select_TEST_OR_SSR" autocomplete="off" class="ant-select-selection-search-input" role="combobox" aria-haspopup="listbox" aria-owns="rc_select_TEST_OR_SSR_list" aria-autocomplete="list" aria-controls="rc_select_TEST_OR_SSR_list" aria-activedescendant="rc_select_TEST_OR_SSR_list_0" readonly="" unselectable="on" style="opacity: 0;"></span><span class="ant-select-selection-item">Between</span>
        <!---->
      </div><span class="ant-select-arrow" style="user-select: none;" unselectable="on" aria-hidden="true"><span role="img" aria-label="down" class="anticon anticon-down ant-select-suffix"><svg focusable="false" class="" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></span>
      <!----></span>
      <!---->
    </div><input placeholder="Minimum" type="text" class="ant-input ant-input-compact-item"><input placeholder="~" disabled="" type="text" class="ant-input ant-input-disabled site-input-split ant-input-compact-item" style="border-right: 0; pointer-events: none;"><input placeholder="Maximum" type="text" class="ant-input site-input-right ant-input-compact-item ant-input-compact-last-item">
  </div><br>
  <div class="ant-space-compact ant-space-compact-block">
    <div style="width: 30%;" class="ant-select ant-select-compact-item ant-select-compact-first-item ant-select-single ant-select-show-arrow">
      <!---->
      <!---->
      <div class="ant-select-selector"><span class="ant-select-selection-search"><input type="search" id="rc_select_TEST_OR_SSR" autocomplete="off" class="ant-select-selection-search-input" role="combobox" aria-haspopup="listbox" aria-owns="rc_select_TEST_OR_SSR_list" aria-autocomplete="list" aria-controls="rc_select_TEST_OR_SSR_list" aria-activedescendant="rc_select_TEST_OR_SSR_list_0" readonly="" unselectable="on" style="opacity: 0;"></span><span class="ant-select-selection-item">Sign Up</span>
        <!---->
      </div><span class="ant-select-arrow" style="user-select: none;" unselectable="on" aria-hidden="true"><span role="img" aria-label="down" class="anticon anticon-down ant-select-suffix"><svg focusable="false" class="" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></span>
      <!----></span>
      <!---->
    </div>
    <div style="width: 70%;" class="ant-select ant-select-compact-item ant-select-compact-last-item ant-select-show-search ant-select-auto-complete ant-select-single ant-select-show-search">
      <!---->
      <!---->
      <div class="ant-select-selector"><span class="ant-select-selection-search"><input type="search" id="rc_select_TEST_OR_SSR" autocomplete="off" class="ant-select-selection-search-input" role="combobox" aria-haspopup="listbox" aria-owns="rc_select_TEST_OR_SSR_list" aria-autocomplete="list" aria-controls="rc_select_TEST_OR_SSR_list" aria-activedescendant="rc_select_TEST_OR_SSR_list_0"></span>
        <!----><span class="ant-select-selection-placeholder">Email</span>
      </div>
      <!---->
      <!---->
    </div>
  </div><br>
  <div class="ant-space-compact ant-space-compact-block">
    <div class="ant-picker ant-picker-middle ant-picker-compact-item ant-picker-compact-first-item" style="width: 70%;">
      <div class="ant-picker-input"><input readonly="" placeholder="Select time" title="" size="10" autocomplete="off"><span class="ant-picker-suffix"><span role="img" aria-label="clock-circle" class="anticon anticon-clock-circle"><svg focusable="false" class="" data-icon="clock-circle" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"></path><path d="M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z"></path></svg></span>
        <!----></span>
        <!---->
      </div>
      <!---->
    </div>
    <div style="width: 70%;" class="ant-select ant-cascader ant-select-compact-item ant-select-compact-last-item ant-select-single ant-select-allow-clear ant-select-show-arrow">
      <!---->
      <!---->
      <div class="ant-select-selector"><span class="ant-select-selection-search"><input type="search" id="rc_select_TEST_OR_SSR" autocomplete="off" class="ant-select-selection-search-input" role="combobox" aria-haspopup="listbox" aria-owns="rc_select_TEST_OR_SSR_list" aria-autocomplete="list" aria-controls="rc_select_TEST_OR_SSR_list" readonly="" unselectable="on" style="opacity: 0;"></span>
        <!----><span class="ant-select-selection-placeholder">Select Address</span>
      </div><span class="ant-select-arrow" style="user-select: none;" unselectable="on" aria-hidden="true"><span role="img" aria-label="down" class="anticon anticon-down ant-select-suffix"><svg focusable="false" class="" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></span>
      <!----></span>
      <!---->
    </div>
  </div><br>
  <div class="ant-space-compact ant-space-compact-block">
    <div class="ant-picker ant-picker-range ant-picker-middle ant-picker-compact-item ant-picker-compact-first-item">
      <div class="ant-picker-input ant-picker-input-active"><input readonly="" placeholder="Start time" size="10" autocomplete="off"></div>
      <div class="ant-picker-range-separator"><span aria-label="to" class="ant-picker-separator"><span role="img" aria-label="swap-right" class="anticon anticon-swap-right"><svg focusable="false" class="" data-icon="swap-right" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="0 0 1024 1024"><path d="M873.1 596.2l-164-208A32 32 0 00684 376h-64.8c-6.7 0-10.4 7.7-6.3 13l144.3 183H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h695.9c26.8 0 41.7-30.8 25.2-51.8z"></path></svg></span></span></div>
      <div class="ant-picker-input"><input readonly="" placeholder="End time" size="10" autocomplete="off"></div>
      <div class="ant-picker-active-bar" style="left: 0px; width: 0px; position: absolute;"></div><span class="ant-picker-suffix"><span role="img" aria-label="clock-circle" class="anticon anticon-clock-circle"><svg focusable="false" class="" data-icon="clock-circle" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"></path><path d="M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z"></path></svg></span>
      <!----></span>
      <!---->
      <!---->
    </div>
    <div style="width: 60%;" class="ant-select ant-tree-select ant-select-compact-item ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-show-search">
      <!---->
      <!---->
      <div class="ant-select-selector"><span class="ant-select-selection-search"><input type="search" id="rc_select_TEST_OR_SSR" autocomplete="off" class="ant-select-selection-search-input" role="combobox" aria-haspopup="listbox" aria-owns="rc_select_TEST_OR_SSR_list" aria-autocomplete="list" aria-controls="rc_select_TEST_OR_SSR_list"></span><span class="ant-select-selection-item" title="my leaf">my leaf</span>
        <!---->
      </div><span class="ant-select-arrow" style="user-select: none;" unselectable="on" aria-hidden="true"><span role="img" aria-label="down" class="anticon anticon-down ant-select-suffix"><svg focusable="false" class="" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></span>
      <!----></span><span class="ant-select-clear" style="user-select: none;" unselectable="on" aria-hidden="true"><span role="img" aria-label="close-circle" class="anticon anticon-close-circle"><svg focusable="false" class="" data-icon="close-circle" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z"></path></svg></span></span>
    </div><button class="ant-btn-compact-item ant-btn-compact-last-item ant-btn ant-btn-primary" type="button">
      <!----><span>Submit</span>
    </button>
  </div><br>
</div>
`;

exports[`renders ./components/space/demo/compact-button-vertical.vue correctly 1`] = `
<div class="ant-space ant-space-horizontal ant-space-align-center">
  <div class="ant-space-item" style="margin-right: 8px;">
    <div class="ant-space-compact ant-space-compact-vertical"><button class="ant-btn-compact-vertical-item ant-btn-compact-vertical-first-item ant-btn ant-btn-default" type="button">
        <!----><span>Button 1</span>
      </button><button class="ant-btn-compact-vertical-item ant-btn ant-btn-default" type="button">
        <!----><span>Button 2</span>
      </button><button class="ant-btn-compact-vertical-item ant-btn-compact-vertical-last-item ant-btn ant-btn-default" type="button">
        <!----><span>Button 3</span>
      </button></div>
  </div>
  <!---->
  <div class="ant-space-item" style="margin-right: 8px;">
    <div class="ant-space-compact ant-space-compact-vertical"><button class="ant-btn-compact-vertical-item ant-btn-compact-vertical-first-item ant-btn ant-btn-dashed" type="button">
        <!----><span>Button 1</span>
      </button><button class="ant-btn-compact-vertical-item ant-btn ant-btn-dashed" type="button">
        <!----><span>Button 2</span>
      </button><button class="ant-btn-compact-vertical-item ant-btn-compact-vertical-last-item ant-btn ant-btn-dashed" type="button">
        <!----><span>Button 3</span>
      </button></div>
  </div>
  <!---->
  <div class="ant-space-item">
    <div class="ant-space-compact ant-space-compact-vertical"><button class="ant-btn-compact-vertical-item ant-btn-compact-vertical-first-item ant-btn ant-btn-primary" type="button">
        <!----><span>Button 1</span>
      </button><button class="ant-btn-compact-vertical-item ant-btn ant-btn-primary" type="button">
        <!----><span>Button 2</span>
      </button><button class="ant-btn-compact-vertical-item ant-btn-compact-vertical-last-item ant-btn ant-btn-primary" type="button">
        <!----><span>Button 3</span>
      </button></div>
  </div>
  <!---->
</div>
`;

exports[`renders ./components/space/demo/compact-buttons.vue correctly 1`] = `
<div>
  <div class="ant-space-compact ant-space-compact-block">
    <!----><button class="ant-btn-compact-item ant-btn-compact-first-item ant-btn ant-btn-default" type="button">
      <!----><span role="img" aria-label="like" class="anticon anticon-like"><svg focusable="false" class="" data-icon="like" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M885.9 533.7c16.8-22.2 26.1-49.4 26.1-77.7 0-44.9-25.1-87.4-65.5-111.1a67.67 67.67 0 00-34.3-9.3H572.4l6-122.9c1.4-29.7-9.1-57.9-29.5-79.4A106.62 106.62 0 00471 99.9c-52 0-98 35-111.8 85.1l-85.9 311H144c-17.7 0-32 14.3-32 32v364c0 17.7 14.3 32 32 32h601.3c9.2 0 18.2-1.8 26.5-5.4 47.6-20.3 78.3-66.8 78.3-118.4 0-12.6-1.8-25-5.4-37 16.8-22.2 26.1-49.4 26.1-77.7 0-12.6-1.8-25-5.4-37 16.8-22.2 26.1-49.4 26.1-77.7-.2-12.6-2-25.1-5.6-37.1zM184 852V568h81v284h-81zm636.4-353l-21.9 19 13.9 25.4a56.2 56.2 0 016.9 27.3c0 16.5-7.2 32.2-19.6 43l-21.9 19 13.9 25.4a56.2 56.2 0 016.9 27.3c0 16.5-7.2 32.2-19.6 43l-21.9 19 13.9 25.4a56.2 56.2 0 016.9 27.3c0 22.4-13.2 42.6-33.6 51.8H329V564.8l99.5-360.5a44.1 44.1 0 0142.2-32.3c7.6 0 15.1 2.2 21.1 6.7 9.9 7.4 15.2 18.6 14.6 30.5l-9.6 198.4h314.4C829 418.5 840 436.9 840 456c0 16.5-7.2 32.1-19.6 43z"></path></svg></span>
    </button>
    <!----><button class="ant-btn-compact-item ant-btn ant-btn-default" type="button">
      <!----><span role="img" aria-label="comment" class="anticon anticon-comment"><svg focusable="false" class="" data-icon="comment" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><defs><style></style></defs><path d="M573 421c-23.1 0-41 17.9-41 40s17.9 40 41 40c21.1 0 39-17.9 39-40s-17.9-40-39-40zm-280 0c-23.1 0-41 17.9-41 40s17.9 40 41 40c21.1 0 39-17.9 39-40s-17.9-40-39-40z"></path><path d="M894 345a343.92 343.92 0 00-189-130v.1c-17.1-19-36.4-36.5-58-52.1-163.7-119-393.5-82.7-513 81-96.3 133-92.2 311.9 6 439l.8 132.6c0 3.2.5 6.4 1.5 9.4a31.95 31.95 0 0040.1 20.9L309 806c33.5 11.9 68.1 18.7 102.5 20.6l-.5.4c89.1 64.9 205.9 84.4 313 49l127.1 41.4c3.2 1 6.5 1.6 9.9 1.6 17.7 0 32-14.3 32-32V753c88.1-119.6 90.4-284.9 1-408zM323 735l-12-5-99 31-1-104-8-9c-84.6-103.2-90.2-251.9-11-361 96.4-132.2 281.2-161.4 413-66 132.2 96.1 161.5 280.6 66 412-80.1 109.9-223.5 150.5-348 102zm505-17l-8 10 1 104-98-33-12 5c-56 20.8-115.7 22.5-171 7l-.2-.1A367.31 367.31 0 00729 676c76.4-105.3 88.8-237.6 44.4-350.4l.6.4c23 16.5 44.1 37.1 62 62 72.6 99.6 68.5 235.2-8 330z"></path><path d="M433 421c-23.1 0-41 17.9-41 40s17.9 40 41 40c21.1 0 39-17.9 39-40s-17.9-40-39-40z"></path></svg></span>
    </button>
    <!----><button class="ant-btn-compact-item ant-btn ant-btn-default" type="button">
      <!----><span role="img" aria-label="star" class="anticon anticon-star"><svg focusable="false" class="" data-icon="star" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3zM664.8 561.6l36.1 210.3L512 672.7 323.1 772l36.1-210.3-152.8-149L417.6 382 512 190.7 606.4 382l211.2 30.7-152.8 148.9z"></path></svg></span>
    </button>
    <!----><button class="ant-btn-compact-item ant-btn ant-btn-default" type="button">
      <!----><span role="img" aria-label="heart" class="anticon anticon-heart"><svg focusable="false" class="" data-icon="heart" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M923 283.6a260.04 260.04 0 00-56.9-82.8 264.4 264.4 0 00-84-55.5A265.34 265.34 0 00679.7 125c-49.3 0-97.4 13.5-139.2 39-10 6.1-19.5 12.8-28.5 20.1-9-7.3-18.5-14-28.5-20.1-41.8-25.5-89.9-39-139.2-39-35.5 0-69.9 6.8-102.4 20.3-31.4 13-59.7 31.7-84 55.5a258.44 258.44 0 00-56.9 82.8c-13.9 32.3-21 66.6-21 101.9 0 33.3 6.8 68 20.3 103.3 11.3 29.5 27.5 60.1 48.2 91 32.8 48.9 77.9 99.9 133.9 151.6 92.8 85.7 184.7 144.9 188.6 147.3l23.7 15.2c10.5 6.7 24 6.7 34.5 0l23.7-15.2c3.9-2.5 95.7-61.6 188.6-147.3 56-51.7 101.1-102.7 133.9-151.6 20.7-30.9 37-61.5 48.2-91 13.5-35.3 20.3-70 20.3-103.3.1-35.3-7-69.6-20.9-101.9zM512 814.8S156 586.7 156 385.5C156 283.6 240.3 201 344.3 201c73.1 0 136.5 40.8 167.7 100.4C543.2 241.8 606.6 201 679.7 201c104 0 188.3 82.6 188.3 184.5 0 201.2-356 429.3-356 429.3z"></path></svg></span>
    </button>
    <!----><button class="ant-btn-compact-item ant-btn ant-btn-default" type="button">
      <!----><span role="img" aria-label="share-alt" class="anticon anticon-share-alt"><svg focusable="false" class="" data-icon="share-alt" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M752 664c-28.5 0-54.8 10-75.4 26.7L469.4 540.8a160.68 160.68 0 000-57.6l207.2-149.9C697.2 350 723.5 360 752 360c66.2 0 120-53.8 120-120s-53.8-120-120-120-120 53.8-120 120c0 11.6 1.6 22.7 4.7 33.3L439.9 415.8C410.7 377.1 364.3 352 312 352c-88.4 0-160 71.6-160 160s71.6 160 160 160c52.3 0 98.7-25.1 127.9-63.8l196.8 142.5c-3.1 10.6-4.7 21.8-4.7 33.3 0 66.2 53.8 120 120 120s120-53.8 120-120-53.8-120-120-120zm0-476c28.7 0 52 23.3 52 52s-23.3 52-52 52-52-23.3-52-52 23.3-52 52-52zM312 600c-48.5 0-88-39.5-88-88s39.5-88 88-88 88 39.5 88 88-39.5 88-88 88zm440 236c-28.7 0-52-23.3-52-52s23.3-52 52-52 52 23.3 52 52-23.3 52-52 52z"></path></svg></span>
    </button>
    <!----><button class="ant-btn-compact-item ant-btn ant-btn-default" type="button">
      <!----><span role="img" aria-label="download" class="anticon anticon-download"><svg focusable="false" class="" data-icon="download" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M505.7 661a8 8 0 0012.6 0l112-141.7c4.1-5.2.4-12.9-6.3-12.9h-74.1V168c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v338.3H400c-6.7 0-10.4 7.7-6.3 12.9l112 141.8zM878 626h-60c-4.4 0-8 3.6-8 8v154H214V634c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v198c0 17.7 14.3 32 32 32h684c17.7 0 32-14.3 32-32V634c0-4.4-3.6-8-8-8z"></path></svg></span>
    </button>
    <!----><button class="ant-btn-compact-item ant-btn-compact-last-item ant-btn ant-btn-default ant-dropdown-trigger" type="button">
      <!----><span role="img" aria-label="ellipsis" class="anticon anticon-ellipsis"><svg focusable="false" class="" data-icon="ellipsis" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M176 511a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0z"></path></svg></span>
    </button>
  </div><br>
  <div class="ant-space-compact ant-space-compact-block"><button class="ant-btn-compact-item ant-btn-compact-first-item ant-btn ant-btn-primary" type="button">
      <!----><span>Button 1</span>
    </button><button class="ant-btn-compact-item ant-btn ant-btn-primary" type="button">
      <!----><span>Button 2</span>
    </button><button class="ant-btn-compact-item ant-btn ant-btn-primary" type="button">
      <!----><span>Button 3</span>
    </button><button class="ant-btn-compact-item ant-btn ant-btn-primary" type="button">
      <!----><span>Button 4</span>
    </button>
    <!----><span style="display: inline-block; cursor: not-allowed; line-height: 1;" class="ant-tooltip-disabled-compatible-wrapper"><button style="pointer-events: none;" disabled="" class="ant-btn-compact-item ant-btn ant-btn-primary" type="button"><!----><span role="img" aria-label="download" class="anticon anticon-download"><svg focusable="false" class="" data-icon="download" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M505.7 661a8 8 0 0012.6 0l112-141.7c4.1-5.2.4-12.9-6.3-12.9h-74.1V168c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v338.3H400c-6.7 0-10.4 7.7-6.3 12.9l112 141.8zM878 626h-60c-4.4 0-8 3.6-8 8v154H214V634c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v198c0 17.7 14.3 32 32 32h684c17.7 0 32-14.3 32-32V634c0-4.4-3.6-8-8-8z"></path></svg></span></button></span>
    <!----><span style="display: inline-block; cursor: not-allowed; line-height: 1;" class="ant-tooltip-disabled-compatible-wrapper"><button style="pointer-events: none;" disabled="" class="ant-btn-compact-item ant-btn-compact-last-item ant-btn ant-btn-primary" type="button"><!----><span role="img" aria-label="download" class="anticon anticon-download"><svg focusable="false" class="" data-icon="download" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M505.7 661a8 8 0 0012.6 0l112-141.7c4.1-5.2.4-12.9-6.3-12.9h-74.1V168c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v338.3H400c-6.7 0-10.4 7.7-6.3 12.9l112 141.8zM878 626h-60c-4.4 0-8 3.6-8 8v154H214V634c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v198c0 17.7 14.3 32 32 32h684c17.7 0 32-14.3 32-32V634c0-4.4-3.6-8-8-8z"></path></svg></span></button></span>
  </div><br>
  <div class="ant-space-compact ant-space-compact-block"><button class="ant-btn-compact-item ant-btn-compact-first-item ant-btn ant-btn-default" type="button">
      <!----><span>Button 1</span>
    </button><button class="ant-btn-compact-item ant-btn ant-btn-default" type="button">
      <!----><span>Button 2</span>
    </button><button class="ant-btn-compact-item ant-btn ant-btn-default" type="button">
      <!----><span>Button 3</span>
    </button>
    <!----><span style="display: inline-block; cursor: not-allowed; line-height: 1;" class="ant-tooltip-disabled-compatible-wrapper"><button style="pointer-events: none;" disabled="" class="ant-btn-compact-item ant-btn ant-btn-default" type="button"><!----><span role="img" aria-label="download" class="anticon anticon-download"><svg focusable="false" class="" data-icon="download" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M505.7 661a8 8 0 0012.6 0l112-141.7c4.1-5.2.4-12.9-6.3-12.9h-74.1V168c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v338.3H400c-6.7 0-10.4 7.7-6.3 12.9l112 141.8zM878 626h-60c-4.4 0-8 3.6-8 8v154H214V634c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v198c0 17.7 14.3 32 32 32h684c17.7 0 32-14.3 32-32V634c0-4.4-3.6-8-8-8z"></path></svg></span></button></span>
    <!----><button class="ant-btn-compact-item ant-btn ant-btn-default" type="button">
      <!----><span role="img" aria-label="download" class="anticon anticon-download"><svg focusable="false" class="" data-icon="download" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M505.7 661a8 8 0 0012.6 0l112-141.7c4.1-5.2.4-12.9-6.3-12.9h-74.1V168c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v338.3H400c-6.7 0-10.4 7.7-6.3 12.9l112 141.8zM878 626h-60c-4.4 0-8 3.6-8 8v154H214V634c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v198c0 17.7 14.3 32 32 32h684c17.7 0 32-14.3 32-32V634c0-4.4-3.6-8-8-8z"></path></svg></span>
    </button><button class="ant-btn-compact-item ant-btn ant-btn-primary" type="button">
      <!----><span>Button 4</span>
    </button>
    <!----><button class="ant-btn-compact-item ant-btn-compact-last-item ant-btn ant-btn-primary ant-dropdown-trigger" type="button">
      <!----><span role="img" aria-label="ellipsis" class="anticon anticon-ellipsis"><svg focusable="false" class="" data-icon="ellipsis" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M176 511a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0z"></path></svg></span>
    </button>
  </div>
</div>
`;

exports[`renders ./components/space/demo/customize.vue correctly 1`] = `
<div>
  <div tabindex="-1" class="ant-slider ant-slider-horizontal">
    <div class="ant-slider-rail"></div>
    <div class="ant-slider-track" style="left: 0%; width: 8%;"></div>
    <div class="ant-slider-step"></div>
    <!---->
    <div class="ant-slider-handle" style="left: 8%; transform: translateX(-50%);" role="slider" tabindex="0" aria-valuemin="0" aria-valuemax="100" aria-valuenow="8" aria-disabled="false"></div>
    <div class="ant-slider-mark"></div>
  </div><br><br>
  <div class="ant-space ant-space-horizontal ant-space-align-center">
    <div class="ant-space-item" style="margin-right: 8px;"><button class="ant-btn ant-btn-primary" type="button">
        <!----><span>Primary</span>
      </button></div>
    <!---->
    <div class="ant-space-item" style="margin-right: 8px;"><button class="ant-btn ant-btn-default" type="button">
        <!----><span>Default</span>
      </button></div>
    <!---->
    <div class="ant-space-item" style="margin-right: 8px;"><button class="ant-btn ant-btn-dashed" type="button">
        <!----><span>Dashed</span>
      </button></div>
    <!---->
    <div class="ant-space-item"><button class="ant-btn ant-btn-link" type="button">
        <!----><span>Link</span>
      </button></div>
    <!---->
  </div>
</div>
`;

exports[`renders ./components/space/demo/size.vue correctly 1`] = `
<div>
  <div class="ant-radio-group ant-radio-group-outline"><label class="ant-radio-wrapper ant-radio-wrapper-checked"><span class="ant-radio ant-radio-checked"><input type="radio" class="ant-radio-input" value="small"><span class="ant-radio-inner"></span></span><span>Small</span></label><label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="middle"><span class="ant-radio-inner"></span></span><span>Middle</span></label><label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="large"><span class="ant-radio-inner"></span></span><span>Large</span></label></div><br><br>
  <div class="ant-space ant-space-horizontal ant-space-align-center">
    <div class="ant-space-item" style="margin-right: 8px;"><button class="ant-btn ant-btn-primary" type="button">
        <!----><span>Primary</span>
      </button></div>
    <!---->
    <div class="ant-space-item" style="margin-right: 8px;"><button class="ant-btn ant-btn-default" type="button">
        <!----><span>Default</span>
      </button></div>
    <!---->
    <div class="ant-space-item" style="margin-right: 8px;"><button class="ant-btn ant-btn-dashed" type="button">
        <!----><span>Dashed</span>
      </button></div>
    <!---->
    <div class="ant-space-item"><button class="ant-btn ant-btn-link" type="button">
        <!----><span>Link</span>
      </button></div>
    <!---->
  </div>
</div>
`;

exports[`renders ./components/space/demo/split.vue correctly 1`] = `
<div class="ant-space ant-space-horizontal ant-space-align-center">
  <div class="ant-space-item" style="margin-right: 4px;"><a class="ant-typography">Link
      <!---->
    </a></div><span class="ant-space-item-split" style="margin-right: 4px;"><div class="ant-divider ant-divider-vertical" role="separator"><!----></div></span>
  <div class="ant-space-item" style="margin-right: 4px;"><a class="ant-typography">Link
      <!---->
    </a></div><span class="ant-space-item-split" style="margin-right: 4px;"><div class="ant-divider ant-divider-vertical" role="separator"><!----></div></span>
  <div class="ant-space-item"><a class="ant-typography">Link
      <!---->
    </a></div>
  <!---->
</div>
`;

exports[`renders ./components/space/demo/vertical.vue correctly 1`] = `
<div class="ant-space ant-space-vertical">
  <div class="ant-space-item" style="margin-bottom: 8px;">
    <div style="width: 300px;" class="ant-card  ant-card-bordered">
      <div class="ant-card-head">
        <div class="ant-card-head-wrapper">
          <div class="ant-card-head-title">Card</div>
          <!---->
        </div>
        <!---->
      </div>
      <!---->
      <div class="ant-card-body">
        <p>Card content</p>
        <p>Card content</p>
      </div>
      <!---->
    </div>
  </div>
  <!---->
  <div class="ant-space-item">
    <div style="width: 300px;" class="ant-card  ant-card-bordered">
      <div class="ant-card-head">
        <div class="ant-card-head-wrapper">
          <div class="ant-card-head-title">Card</div>
          <!---->
        </div>
        <!---->
      </div>
      <!---->
      <div class="ant-card-body">
        <p>Card content</p>
        <p>Card content</p>
      </div>
      <!---->
    </div>
  </div>
  <!---->
</div>
`;

exports[`renders ./components/space/demo/wrap.vue correctly 1`] = `
<div class="ant-space ant-space-horizontal ant-space-align-center" style="flex-wrap: wrap; margin-bottom: -16px;">
  <div class="ant-space-item" style="margin-right: 8px; padding-bottom: 16px;"><button class="ant-btn ant-btn-default" type="button">
      <!----><span>Button</span>
    </button></div>
  <!---->
  <div class="ant-space-item" style="margin-right: 8px; padding-bottom: 16px;"><button class="ant-btn ant-btn-default" type="button">
      <!----><span>Button</span>
    </button></div>
  <!---->
  <div class="ant-space-item" style="margin-right: 8px; padding-bottom: 16px;"><button class="ant-btn ant-btn-default" type="button">
      <!----><span>Button</span>
    </button></div>
  <!---->
  <div class="ant-space-item" style="margin-right: 8px; padding-bottom: 16px;"><button class="ant-btn ant-btn-default" type="button">
      <!----><span>Button</span>
    </button></div>
  <!---->
  <div class="ant-space-item" style="margin-right: 8px; padding-bottom: 16px;"><button class="ant-btn ant-btn-default" type="button">
      <!----><span>Button</span>
    </button></div>
  <!---->
  <div class="ant-space-item" style="margin-right: 8px; padding-bottom: 16px;"><button class="ant-btn ant-btn-default" type="button">
      <!----><span>Button</span>
    </button></div>
  <!---->
  <div class="ant-space-item" style="margin-right: 8px; padding-bottom: 16px;"><button class="ant-btn ant-btn-default" type="button">
      <!----><span>Button</span>
    </button></div>
  <!---->
  <div class="ant-space-item" style="margin-right: 8px; padding-bottom: 16px;"><button class="ant-btn ant-btn-default" type="button">
      <!----><span>Button</span>
    </button></div>
  <!---->
  <div class="ant-space-item" style="margin-right: 8px; padding-bottom: 16px;"><button class="ant-btn ant-btn-default" type="button">
      <!----><span>Button</span>
    </button></div>
  <!---->
  <div class="ant-space-item" style="margin-right: 8px; padding-bottom: 16px;"><button class="ant-btn ant-btn-default" type="button">
      <!----><span>Button</span>
    </button></div>
  <!---->
  <div class="ant-space-item" style="margin-right: 8px; padding-bottom: 16px;"><button class="ant-btn ant-btn-default" type="button">
      <!----><span>Button</span>
    </button></div>
  <!---->
  <div class="ant-space-item" style="margin-right: 8px; padding-bottom: 16px;"><button class="ant-btn ant-btn-default" type="button">
      <!----><span>Button</span>
    </button></div>
  <!---->
  <div class="ant-space-item" style="margin-right: 8px; padding-bottom: 16px;"><button class="ant-btn ant-btn-default" type="button">
      <!----><span>Button</span>
    </button></div>
  <!---->
  <div class="ant-space-item" style="margin-right: 8px; padding-bottom: 16px;"><button class="ant-btn ant-btn-default" type="button">
      <!----><span>Button</span>
    </button></div>
  <!---->
  <div class="ant-space-item" style="margin-right: 8px; padding-bottom: 16px;"><button class="ant-btn ant-btn-default" type="button">
      <!----><span>Button</span>
    </button></div>
  <!---->
  <div class="ant-space-item" style="margin-right: 8px; padding-bottom: 16px;"><button class="ant-btn ant-btn-default" type="button">
      <!----><span>Button</span>
    </button></div>
  <!---->
  <div class="ant-space-item" style="margin-right: 8px; padding-bottom: 16px;"><button class="ant-btn ant-btn-default" type="button">
      <!----><span>Button</span>
    </button></div>
  <!---->
  <div class="ant-space-item" style="margin-right: 8px; padding-bottom: 16px;"><button class="ant-btn ant-btn-default" type="button">
      <!----><span>Button</span>
    </button></div>
  <!---->
  <div class="ant-space-item" style="margin-right: 8px; padding-bottom: 16px;"><button class="ant-btn ant-btn-default" type="button">
      <!----><span>Button</span>
    </button></div>
  <!---->
  <div class="ant-space-item" style="padding-bottom: 16px;"><button class="ant-btn ant-btn-default" type="button">
      <!----><span>Button</span>
    </button></div>
  <!---->
</div>
`;