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

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

exports[`renders ./components/locale-provider/demo/all.md correctly 1`] = `
<div>
  <div class="change-locale"><span style="margin-right: 16px;">Change locale of components: </span>
    <div class="ant-radio-group ant-radio-group-outline ant-radio-group-default"><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value=""><span class="ant-radio-button-inner"></span></span><span>English</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="[object Object]"><span class="ant-radio-button-inner"></span></span><span>中文</span></label></div>
  </div>
  <div class="locale-components">
    <div class="example">
      <ul unselectable="unselectable" class="ant-pagination">
        <li title="Previous Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-prev"><a class="ant-pagination-item-link"></a></li>
        <li title="1" tabindex="0" class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"><a>1</a></li>
        <li title="2" tabindex="0" class="ant-pagination-item ant-pagination-item-2"><a>2</a></li>
        <li title="3" tabindex="0" class="ant-pagination-item ant-pagination-item-3"><a>3</a></li>
        <li title="4" tabindex="0" class="ant-pagination-item ant-pagination-item-4"><a>4</a></li>
        <li title="5" tabindex="0" class="ant-pagination-item ant-pagination-item-5"><a>5</a></li>
        <li title="Next Page" tabindex="0" class=" ant-pagination-next"><a class="ant-pagination-item-link"></a></li>
        <li class="ant-pagination-options">
          <div class="ant-select ant-select-enabled ant-pagination-options-size-changer">
            <div role="combobox" aria-autocomplete="list" aria-haspopup="true" tabindex="0" class="ant-select-selection ant-select-selection--single">
              <div class="ant-select-selection__rendered">
                <div title="10 / page" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">10 / page</div>
              </div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span>
            </div>
          </div>
        </li>
      </ul>
    </div>
    <div class="example">
      <div class="ant-select ant-select-enabled" style="width: 200px;">
        <div role="combobox" aria-autocomplete="list" aria-haspopup="true" tabindex="0" class="ant-select-selection ant-select-selection--single">
          <div class="ant-select-selection__rendered">
            <div class="ant-select-search ant-select-search--inline" style="display: none;">
              <div class="ant-select-search__field__wrap"><input autocomplete="off" value="" class="ant-select-search__field"><span class="ant-select-search__field__mirror">&nbsp;</span></div>
            </div>
          </div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span>
        </div>
      </div> <span class="ant-calendar-picker"><div class=""><input readonly="true" placeholder="Select date" class="ant-calendar-picker-input ant-input"><span class="ant-calendar-picker-icon"></span>
    </div></span> <span class="ant-time-picker"><input type="text" placeholder="Select time" id="" class="ant-time-picker-input"><span class="ant-time-picker-icon"></span></span> <span tabindex="0" class="ant-calendar-picker" style="width: 200px;"><span class="ant-calendar-picker-input ant-input"><input readonly="true" placeholder="Start date" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-range-picker-separator"> ~ </span><input readonly="true" placeholder="End date" tabindex="-1" class="ant-calendar-range-picker-input"><span class="ant-calendar-picker-icon"></span></span></span>
  </div>
  <div class="example"><button type="button" class="ant-btn ant-btn-primary"><span>Show Modal</span></button> <button type="button" class="ant-btn ant-btn-default"><span>Show info</span></button> <button type="button" class="ant-btn ant-btn-default"><span>Show confirm</span></button> <a href="#" class="">Click to confirm</a></div>
  <div classname="example">
    <div class="ant-transfer">
      <div class="ant-transfer-list">
        <div class="ant-transfer-list-header"><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label><span class="ant-transfer-list-header-selected"><span>0 item</span><span class="ant-transfer-list-header-title"></span></span></div>
        <div class="ant-transfer-list-body ant-transfer-list-body-with-search">
          <div class="ant-transfer-list-body-search-wrapper">
            <div><input value="" placeholder="Search here" type="text" class="ant-input ant-transfer-list-search ant-transfer-list-search"><span class="ant-transfer-list-search-action"><i class="anticon anticon-search"></i></span></div>
          </div>
          <ul class="ant-transfer-list-content"></ul>
          <div class="ant-transfer-list-body-not-found">Not Found</div>
        </div>
      </div>
      <div class="ant-transfer-operation"><button type="button" disabled="disabled" class="ant-btn ant-btn-primary ant-btn-sm"><i class="anticon anticon-right"></i></button><button type="button" disabled="disabled" class="ant-btn ant-btn-primary ant-btn-sm"><i class="anticon anticon-left"></i></button></div>
      <div class="ant-transfer-list">
        <div class="ant-transfer-list-header"><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label><span class="ant-transfer-list-header-selected"><span>0 item</span><span class="ant-transfer-list-header-title"></span></span></div>
        <div class="ant-transfer-list-body ant-transfer-list-body-with-search">
          <div class="ant-transfer-list-body-search-wrapper">
            <div><input value="" placeholder="Search here" type="text" class="ant-input ant-transfer-list-search ant-transfer-list-search"><span class="ant-transfer-list-search-action"><i class="anticon anticon-search"></i></span></div>
          </div>
          <ul class="ant-transfer-list-content"></ul>
          <div class="ant-transfer-list-body-not-found">Not Found</div>
        </div>
      </div>
    </div>
  </div>
  <div style="width: 319px; border: 1px solid #d9d9d9; border-radius: 4px;">
    <div class="">
      <div class="ant-fullcalendar-header">
        <div class="ant-select ant-select-enabled ant-select-sm ant-fullcalendar-year-select">
          <div role="combobox" aria-autocomplete="list" aria-haspopup="true" tabindex="0" class="ant-select-selection ant-select-selection--single">
            <div class="ant-select-selection__rendered">
              <div title="2016" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">2016</div>
            </div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span>
          </div>
        </div>
        <div class="ant-select ant-select-enabled ant-select-sm ant-fullcalendar-month-select">
          <div role="combobox" aria-autocomplete="list" aria-haspopup="true" tabindex="0" class="ant-select-selection ant-select-selection--single">
            <div class="ant-select-selection__rendered">
              <div title="Nov" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">Nov</div>
            </div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span>
          </div>
        </div>
        <div class="ant-radio-group ant-radio-group-outline ant-radio-group-small"><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"><span class="ant-radio-button ant-radio-button-checked"><input type="radio" class="ant-radio-button-input" value="date"><span class="ant-radio-button-inner"></span></span><span>Month</span></label><label class="ant-radio-button-wrapper"><span class="ant-radio-button"><input type="radio" class="ant-radio-button-input" value="month"><span class="ant-radio-button-inner"></span></span><span>Year</span></label></div>
      </div>
      <div tabindex="0" class="ant-fullcalendar ant-fullcalendar-full">
        <div class="ant-fullcalendar-calendar-body">
          <table cellspacing="0" role="grid" class="ant-fullcalendar-table">
            <thead>
              <tr role="row">
                <th role="columnheader" title="Sun" class="ant-fullcalendar-column-header"><span class="ant-fullcalendar-column-header-inner">Su</span></th>
                <th role="columnheader" title="Mon" class="ant-fullcalendar-column-header"><span class="ant-fullcalendar-column-header-inner">Mo</span></th>
                <th role="columnheader" title="Tue" class="ant-fullcalendar-column-header"><span class="ant-fullcalendar-column-header-inner">Tu</span></th>
                <th role="columnheader" title="Wed" class="ant-fullcalendar-column-header"><span class="ant-fullcalendar-column-header-inner">We</span></th>
                <th role="columnheader" title="Thu" class="ant-fullcalendar-column-header"><span class="ant-fullcalendar-column-header-inner">Th</span></th>
                <th role="columnheader" title="Fri" class="ant-fullcalendar-column-header"><span class="ant-fullcalendar-column-header-inner">Fr</span></th>
                <th role="columnheader" title="Sat" class="ant-fullcalendar-column-header"><span class="ant-fullcalendar-column-header-inner">Sa</span></th>
              </tr>
            </thead>
            <tbody class="ant-fullcalendar-tbody">
              <tr role="row" class="">
                <td role="gridcell" title="October 30, 2016" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">30</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="October 31, 2016" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell ant-fullcalendar-last-day-of-month">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">31</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="November 1, 2016" class="ant-fullcalendar-cell">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">01</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="November 2, 2016" class="ant-fullcalendar-cell">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">02</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="November 3, 2016" class="ant-fullcalendar-cell">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">03</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="November 4, 2016" class="ant-fullcalendar-cell">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">04</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="November 5, 2016" class="ant-fullcalendar-cell">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">05</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
              </tr>
              <tr role="row" class="">
                <td role="gridcell" title="November 6, 2016" class="ant-fullcalendar-cell">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">06</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="November 7, 2016" class="ant-fullcalendar-cell">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">07</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="November 8, 2016" class="ant-fullcalendar-cell">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">08</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="November 9, 2016" class="ant-fullcalendar-cell">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">09</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="November 10, 2016" class="ant-fullcalendar-cell">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">10</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="November 11, 2016" class="ant-fullcalendar-cell">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">11</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="November 12, 2016" class="ant-fullcalendar-cell">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">12</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
              </tr>
              <tr role="row" class="">
                <td role="gridcell" title="November 13, 2016" class="ant-fullcalendar-cell">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">13</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="November 14, 2016" class="ant-fullcalendar-cell">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">14</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="November 15, 2016" class="ant-fullcalendar-cell">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">15</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="November 16, 2016" class="ant-fullcalendar-cell">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">16</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="November 17, 2016" class="ant-fullcalendar-cell">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">17</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="November 18, 2016" class="ant-fullcalendar-cell">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">18</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="November 19, 2016" class="ant-fullcalendar-cell">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">19</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
              </tr>
              <tr role="row" class="ant-fullcalendar-current-week ant-fullcalendar-active-week">
                <td role="gridcell" title="November 20, 2016" class="ant-fullcalendar-cell">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">20</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="November 21, 2016" class="ant-fullcalendar-cell">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">21</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="November 22, 2016" class="ant-fullcalendar-cell ant-fullcalendar-today ant-fullcalendar-selected-day">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">22</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="November 23, 2016" class="ant-fullcalendar-cell">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">23</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="November 24, 2016" class="ant-fullcalendar-cell">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">24</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="November 25, 2016" class="ant-fullcalendar-cell">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">25</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="November 26, 2016" class="ant-fullcalendar-cell">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">26</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
              </tr>
              <tr role="row" class="">
                <td role="gridcell" title="November 27, 2016" class="ant-fullcalendar-cell">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">27</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="November 28, 2016" class="ant-fullcalendar-cell">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">28</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="November 29, 2016" class="ant-fullcalendar-cell">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">29</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="November 30, 2016" class="ant-fullcalendar-cell ant-fullcalendar-last-day-of-month">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">30</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="December 1, 2016" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">01</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="December 2, 2016" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">02</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="December 3, 2016" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">03</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
              </tr>
              <tr role="row" class="">
                <td role="gridcell" title="December 4, 2016" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">04</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="December 5, 2016" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">05</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="December 6, 2016" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">06</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="December 7, 2016" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">07</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="December 8, 2016" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">08</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="December 9, 2016" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">09</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
                <td role="gridcell" title="December 10, 2016" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day">
                  <div class="ant-fullcalendar-date">
                    <div class="ant-fullcalendar-value">10</div>
                    <div class="ant-fullcalendar-content"></div>
                  </div>
                </td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>
  <!---->
</div>
</div>
`;

exports[`renders ./components/locale-provider/demo/basic.md correctly 1`] = `
<ul unselectable="unselectable" class="ant-pagination">
  <li title="Previous Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-prev"><a class="ant-pagination-item-link"></a></li>
  <li title="1" tabindex="0" class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"><a>1</a></li>
  <li title="2" tabindex="0" class="ant-pagination-item ant-pagination-item-2"><a>2</a></li>
  <li title="3" tabindex="0" class="ant-pagination-item ant-pagination-item-3"><a>3</a></li>
  <li title="4" tabindex="0" class="ant-pagination-item ant-pagination-item-4"><a>4</a></li>
  <li title="5" tabindex="0" class="ant-pagination-item ant-pagination-item-5"><a>5</a></li>
  <li title="Next Page" tabindex="0" class=" ant-pagination-next"><a class="ant-pagination-item-link"></a></li>
  <li class="ant-pagination-options">
    <div class="ant-select ant-select-enabled ant-pagination-options-size-changer">
      <div role="combobox" aria-autocomplete="list" aria-haspopup="true" tabindex="0" class="ant-select-selection ant-select-selection--single">
        <div class="ant-select-selection__rendered">
          <div title="10 / page" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">10 / page</div>
        </div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span>
      </div>
    </div>
  </li>
</ul>
`;