vant/src/slider/test/__snapshots__/demo.spec.js.snap

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

exports[`renders demo correctly 1`] = `
<div>
  <div>
    <div class="van-slider">
      <div class="van-slider__bar" style="width: 50%;">
        <div role="slider" tabindex="0" aria-valuemin="0" aria-valuenow="50" aria-valuemax="100" aria-orientation="horizontal" class="van-slider__button-wrapper">
          <div class="van-slider__button"></div>
        </div>
      </div>
    </div>
  </div>
  <div>
    <div class="van-slider">
      <div class="van-slider__bar" style="width: 40%; left: 20%;">
        <div role="slider" tabindex="0" aria-valuemin="0" aria-valuenow="20,60" aria-valuemax="100" aria-orientation="horizontal" class="van-slider__button-wrapper-left">
          <div class="van-slider__button"></div>
        </div>
        <div role="slider" tabindex="0" aria-valuemin="0" aria-valuenow="20,60" aria-valuemax="100" aria-orientation="horizontal" class="van-slider__button-wrapper-right">
          <div class="van-slider__button"></div>
        </div>
      </div>
    </div>
  </div>
  <div>
    <div class="van-slider">
      <div class="van-slider__bar" style="width: 50%;">
        <div role="slider" tabindex="0" aria-valuemin="-50" aria-valuenow="0" aria-valuemax="50" aria-orientation="horizontal" class="van-slider__button-wrapper">
          <div class="van-slider__button"></div>
        </div>
      </div>
    </div>
  </div>
  <div>
    <div class="van-slider van-slider--disabled">
      <div class="van-slider__bar" style="width: 50%;">
        <div role="slider" tabindex="-1" aria-valuemin="0" aria-valuenow="50" aria-valuemax="100" aria-orientation="horizontal" class="van-slider__button-wrapper">
          <div class="van-slider__button"></div>
        </div>
      </div>
    </div>
  </div>
  <div>
    <div class="van-slider">
      <div class="van-slider__bar" style="width: 50%;">
        <div role="slider" tabindex="0" aria-valuemin="0" aria-valuenow="50" aria-valuemax="100" aria-orientation="horizontal" class="van-slider__button-wrapper">
          <div class="van-slider__button"></div>
        </div>
      </div>
    </div>
  </div>
  <div>
    <div class="van-slider" style="height: 4px;">
      <div class="van-slider__bar" style="width: 50%; background: rgb(238, 10, 36);">
        <div role="slider" tabindex="0" aria-valuemin="0" aria-valuenow="50" aria-valuemax="100" aria-orientation="horizontal" class="van-slider__button-wrapper">
          <div class="van-slider__button"></div>
        </div>
      </div>
    </div>
  </div>
  <div>
    <div class="van-slider">
      <div class="van-slider__bar" style="width: 50%; background: rgb(238, 10, 36);">
        <div role="slider" tabindex="0" aria-valuemin="0" aria-valuenow="50" aria-valuemax="100" aria-orientation="horizontal" class="van-slider__button-wrapper">
          <div class="custom-button">50</div>
        </div>
      </div>
    </div>
  </div>
  <div>
    <div style="height: 120px; padding-left: 30px;">
      <div class="van-slider van-slider--vertical">
        <div class="van-slider__bar" style="height: 50%;">
          <div role="slider" tabindex="0" aria-valuemin="0" aria-valuenow="50" aria-valuemax="100" aria-orientation="vertical" class="van-slider__button-wrapper">
            <div class="van-slider__button"></div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div>
    <div style="height: 120px; padding-left: 30px;">
      <div class="van-slider van-slider--vertical">
        <div class="van-slider__bar" style="height: 40%; top: 20%;">
          <div role="slider" tabindex="0" aria-valuemin="0" aria-valuenow="20,60" aria-valuemax="100" aria-orientation="vertical" class="van-slider__button-wrapper-left">
            <div class="van-slider__button"></div>
          </div>
          <div role="slider" tabindex="0" aria-valuemin="0" aria-valuenow="20,60" aria-valuemax="100" aria-orientation="vertical" class="van-slider__button-wrapper-right">
            <div class="van-slider__button"></div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
`;