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

exports[`should render demo and match snapshot 1`] = `
<div>
  <div class="van-picker van-area">
    <div class="van-picker__toolbar">
      <button type="button"
              class="van-picker__cancel van-haptics-feedback"
      >
        Cancel
      </button>
      <div class="van-picker__title van-ellipsis">
        Title
      </div>
      <button type="button"
              class="van-picker__confirm van-haptics-feedback"
      >
        Confirm
      </button>
    </div>
    <div class="van-picker__columns"
         style="height: 264px;"
    >
      <div class="van-picker-column">
        <ul style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;"
            class="van-picker-column__wrapper"
        >
          <li role="button"
              style="height: 44px;"
              tabindex="0"
              class="van-picker-column__item van-picker-column__item--selected"
          >
            <div class="van-ellipsis">
              Beijing
            </div>
          </li>
          <li role="button"
              style="height: 44px;"
              tabindex="0"
              class="van-picker-column__item"
          >
            <div class="van-ellipsis">
              Zhejiang
            </div>
          </li>
          <li role="button"
              style="height: 44px;"
              tabindex="0"
              class="van-picker-column__item"
          >
            <div class="van-ellipsis">
              Hong Kong
            </div>
          </li>
        </ul>
      </div>
      <div class="van-picker-column">
        <ul style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;"
            class="van-picker-column__wrapper"
        >
          <li role="button"
              style="height: 44px;"
              tabindex="0"
              class="van-picker-column__item van-picker-column__item--selected"
          >
            <div class="van-ellipsis">
              Beijing City
            </div>
          </li>
        </ul>
      </div>
      <div class="van-picker-column">
        <ul style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;"
            class="van-picker-column__wrapper"
        >
          <li role="button"
              style="height: 44px;"
              tabindex="0"
              class="van-picker-column__item van-picker-column__item--selected"
          >
            <div class="van-ellipsis">
              Dongcheng
            </div>
          </li>
          <li role="button"
              style="height: 44px;"
              tabindex="0"
              class="van-picker-column__item"
          >
            <div class="van-ellipsis">
              Xicheng
            </div>
          </li>
          <li role="button"
              style="height: 44px;"
              tabindex="0"
              class="van-picker-column__item"
          >
            <div class="van-ellipsis">
              Chaoyang
            </div>
          </li>
          <li role="button"
              style="height: 44px;"
              tabindex="0"
              class="van-picker-column__item"
          >
            <div class="van-ellipsis">
              Fengtai
            </div>
          </li>
          <li role="button"
              style="height: 44px;"
              tabindex="0"
              class="van-picker-column__item"
          >
            <div class="van-ellipsis">
              Haidian
            </div>
          </li>
          <li role="button"
              style="height: 44px;"
              tabindex="0"
              class="van-picker-column__item"
          >
            <div class="van-ellipsis">
              Fangshan
            </div>
          </li>
          <li role="button"
              style="height: 44px;"
              tabindex="0"
              class="van-picker-column__item"
          >
            <div class="van-ellipsis">
              Tongzhou
            </div>
          </li>
          <li role="button"
              style="height: 44px;"
              tabindex="0"
              class="van-picker-column__item"
          >
            <div class="van-ellipsis">
              Shunyi
            </div>
          </li>
          <li role="button"
              style="height: 44px;"
              tabindex="0"
              class="van-picker-column__item"
          >
            <div class="van-ellipsis">
              Changping
            </div>
          </li>
          <li role="button"
              style="height: 44px;"
              tabindex="0"
              class="van-picker-column__item"
          >
            <div class="van-ellipsis">
              Daxing
            </div>
          </li>
        </ul>
      </div>
      <div class="van-picker__mask"
           style="background-size: 100% 110px;"
      >
      </div>
      <div class="van-hairline-unset--top-bottom van-picker__frame"
           style="height: 44px;"
      >
      </div>
    </div>
  </div>
</div>
<div>
  <div class="van-picker van-area">
    <div class="van-picker__toolbar">
      <button type="button"
              class="van-picker__cancel van-haptics-feedback"
      >
        Cancel
      </button>
      <div class="van-picker__title van-ellipsis">
        Title
      </div>
      <button type="button"
              class="van-picker__confirm van-haptics-feedback"
      >
        Confirm
      </button>
    </div>
    <div class="van-picker__columns"
         style="height: 264px;"
    >
      <div class="van-picker-column">
        <ul style="transform: translate3d(0, 66px, 0); transition-duration: 0ms; transition-property: none;"
            class="van-picker-column__wrapper"
        >
          <li role="button"
              style="height: 44px;"
              tabindex="0"
              class="van-picker-column__item"
          >
            <div class="van-ellipsis">
              Beijing
            </div>
          </li>
          <li role="button"
              style="height: 44px;"
              tabindex="0"
              class="van-picker-column__item van-picker-column__item--selected"
          >
            <div class="van-ellipsis">
              Zhejiang
            </div>
          </li>
          <li role="button"
              style="height: 44px;"
              tabindex="0"
              class="van-picker-column__item"
          >
            <div class="van-ellipsis">
              Hong Kong
            </div>
          </li>
        </ul>
      </div>
      <div class="van-picker-column">
        <ul style="transform: translate3d(0, 22px, 0); transition-duration: 0ms; transition-property: none;"
            class="van-picker-column__wrapper"
        >
          <li role="button"
              style="height: 44px;"
              tabindex="0"
              class="van-picker-column__item"
          >
            <div class="van-ellipsis">
              Hangzhou
            </div>
          </li>
          <li role="button"
              style="height: 44px;"
              tabindex="0"
              class="van-picker-column__item"
          >
            <div class="van-ellipsis">
              Ningbo
            </div>
          </li>
          <li role="button"
              style="height: 44px;"
              tabindex="0"
              class="van-picker-column__item van-picker-column__item--selected"
          >
            <div class="van-ellipsis">
              Wenzhou
            </div>
          </li>
          <li role="button"
              style="height: 44px;"
              tabindex="0"
              class="van-picker-column__item"
          >
            <div class="van-ellipsis">
              Jiaxin
            </div>
          </li>
          <li role="button"
              style="height: 44px;"
              tabindex="0"
              class="van-picker-column__item"
          >
            <div class="van-ellipsis">
              Lishui
            </div>
          </li>
        </ul>
      </div>
      <div class="van-picker-column">
        <ul style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;"
            class="van-picker-column__wrapper"
        >
          <li role="button"
              style="height: 44px;"
              tabindex="0"
              class="van-picker-column__item van-picker-column__item--selected"
          >
            <div class="van-ellipsis">
              Cangnan
            </div>
          </li>
          <li role="button"
              style="height: 44px;"
              tabindex="0"
              class="van-picker-column__item"
          >
            <div class="van-ellipsis">
              Wencheng
            </div>
          </li>
          <li role="button"
              style="height: 44px;"
              tabindex="0"
              class="van-picker-column__item"
          >
            <div class="van-ellipsis">
              Shuntai
            </div>
          </li>
          <li role="button"
              style="height: 44px;"
              tabindex="0"
              class="van-picker-column__item"
          >
            <div class="van-ellipsis">
              Ruian
            </div>
          </li>
          <li role="button"
              style="height: 44px;"
              tabindex="0"
              class="van-picker-column__item"
          >
            <div class="van-ellipsis">
              Yueqing
            </div>
          </li>
        </ul>
      </div>
      <div class="van-picker__mask"
           style="background-size: 100% 110px;"
      >
      </div>
      <div class="van-hairline-unset--top-bottom van-picker__frame"
           style="height: 44px;"
      >
      </div>
    </div>
  </div>
</div>
<div>
  <div class="van-picker van-area">
    <div class="van-picker__toolbar">
      <button type="button"
              class="van-picker__cancel van-haptics-feedback"
      >
        Cancel
      </button>
      <div class="van-picker__title van-ellipsis">
        Title
      </div>
      <button type="button"
              class="van-picker__confirm van-haptics-feedback"
      >
        Confirm
      </button>
    </div>
    <div class="van-picker__columns"
         style="height: 264px;"
    >
      <div class="van-picker-column">
        <ul style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;"
            class="van-picker-column__wrapper"
        >
          <li role="button"
              style="height: 44px;"
              tabindex="0"
              class="van-picker-column__item van-picker-column__item--selected"
          >
            <div class="van-ellipsis">
              Beijing
            </div>
          </li>
          <li role="button"
              style="height: 44px;"
              tabindex="0"
              class="van-picker-column__item"
          >
            <div class="van-ellipsis">
              Zhejiang
            </div>
          </li>
          <li role="button"
              style="height: 44px;"
              tabindex="0"
              class="van-picker-column__item"
          >
            <div class="van-ellipsis">
              Hong Kong
            </div>
          </li>
        </ul>
      </div>
      <div class="van-picker-column">
        <ul style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;"
            class="van-picker-column__wrapper"
        >
          <li role="button"
              style="height: 44px;"
              tabindex="0"
              class="van-picker-column__item van-picker-column__item--selected"
          >
            <div class="van-ellipsis">
              Beijing City
            </div>
          </li>
        </ul>
      </div>
      <div class="van-picker__mask"
           style="background-size: 100% 110px;"
      >
      </div>
      <div class="van-hairline-unset--top-bottom van-picker__frame"
           style="height: 44px;"
      >
      </div>
    </div>
  </div>
</div>
<div>
  <div class="van-picker van-area">
    <div class="van-picker__toolbar">
      <button type="button"
              class="van-picker__cancel van-haptics-feedback"
      >
        Cancel
      </button>
      <div class="van-picker__title van-ellipsis">
        Title
      </div>
      <button type="button"
              class="van-picker__confirm van-haptics-feedback"
      >
        Confirm
      </button>
    </div>
    <div class="van-picker__columns"
         style="height: 264px;"
    >
      <div class="van-picker-column">
        <ul style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;"
            class="van-picker-column__wrapper"
        >
          <li role="button"
              style="height: 44px;"
              tabindex="0"
              class="van-picker-column__item van-picker-column__item--selected"
          >
            <div class="van-ellipsis">
              Choose
            </div>
          </li>
          <li role="button"
              style="height: 44px;"
              tabindex="0"
              class="van-picker-column__item"
          >
            <div class="van-ellipsis">
              Beijing
            </div>
          </li>
          <li role="button"
              style="height: 44px;"
              tabindex="0"
              class="van-picker-column__item"
          >
            <div class="van-ellipsis">
              Zhejiang
            </div>
          </li>
          <li role="button"
              style="height: 44px;"
              tabindex="0"
              class="van-picker-column__item"
          >
            <div class="van-ellipsis">
              Hong Kong
            </div>
          </li>
        </ul>
      </div>
      <div class="van-picker-column">
        <ul style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;"
            class="van-picker-column__wrapper"
        >
        </ul>
      </div>
      <div class="van-picker-column">
        <ul style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;"
            class="van-picker-column__wrapper"
        >
        </ul>
      </div>
      <div class="van-picker__mask"
           style="background-size: 100% 110px;"
      >
      </div>
      <div class="van-hairline-unset--top-bottom van-picker__frame"
           style="height: 44px;"
      >
      </div>
    </div>
  </div>
</div>
`;
