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

exports[`should render demo and match snapshot 1`] = `
<div>
  <div class="van-slider">
    <div class="van-slider__bar"
         style="width: 50%; left: 0%;"
    >
      <div role="slider"
           class="van-slider__button-wrapper van-slider__button-wrapper--right"
           tabindex="0"
           aria-valuemin="0"
           aria-valuenow="50"
           aria-valuemax="100"
           aria-orientation="horizontal"
      >
        <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"
           class="van-slider__button-wrapper van-slider__button-wrapper--left"
           tabindex="0"
           aria-valuemin="0"
           aria-valuenow="20"
           aria-valuemax="100"
           aria-orientation="horizontal"
      >
        <div class="van-slider__button">
        </div>
      </div>
      <div role="slider"
           class="van-slider__button-wrapper van-slider__button-wrapper--right"
           tabindex="0"
           aria-valuemin="0"
           aria-valuenow="60"
           aria-valuemax="100"
           aria-orientation="horizontal"
      >
        <div class="van-slider__button">
        </div>
      </div>
    </div>
  </div>
</div>
<div>
  <div class="van-slider">
    <div class="van-slider__bar"
         style="width: 50%; left: 0%;"
    >
      <div role="slider"
           class="van-slider__button-wrapper van-slider__button-wrapper--right"
           tabindex="0"
           aria-valuemin="-50"
           aria-valuenow="0"
           aria-valuemax="50"
           aria-orientation="horizontal"
      >
        <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%; left: 0%;"
    >
      <div role="slider"
           class="van-slider__button-wrapper van-slider__button-wrapper--right"
           aria-valuemin="0"
           aria-valuenow="50"
           aria-valuemax="100"
           aria-disabled="true"
           aria-orientation="horizontal"
      >
        <div class="van-slider__button">
        </div>
      </div>
    </div>
  </div>
</div>
<div>
  <div class="van-slider">
    <div class="van-slider__bar"
         style="width: 50%; left: 0%;"
    >
      <div role="slider"
           class="van-slider__button-wrapper van-slider__button-wrapper--right"
           tabindex="0"
           aria-valuemin="0"
           aria-valuenow="50"
           aria-valuemax="100"
           aria-orientation="horizontal"
      >
        <div class="van-slider__button">
        </div>
      </div>
    </div>
  </div>
</div>
<div>
  <div style="height: 4px;"
       class="van-slider"
  >
    <div class="van-slider__bar"
         style="width: 50%; background: rgb(238, 10, 36); left: 0%;"
    >
      <div role="slider"
           class="van-slider__button-wrapper van-slider__button-wrapper--right"
           tabindex="0"
           aria-valuemin="0"
           aria-valuenow="50"
           aria-valuemax="100"
           aria-orientation="horizontal"
      >
        <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); left: 0%;"
    >
      <div role="slider"
           class="van-slider__button-wrapper van-slider__button-wrapper--right"
           tabindex="0"
           aria-valuemin="0"
           aria-valuenow="50"
           aria-valuemax="100"
           aria-orientation="horizontal"
      >
        <div class="custom-button">
          50
        </div>
      </div>
    </div>
  </div>
</div>
<div>
  <div style="height: 150px; padding-left: 30px;">
    <div class="van-slider van-slider--vertical">
      <div class="van-slider__bar"
           style="height: 50%; top: 0%;"
      >
        <div role="slider"
             class="van-slider__button-wrapper van-slider__button-wrapper--right"
             tabindex="0"
             aria-valuemin="0"
             aria-valuenow="50"
             aria-valuemax="100"
             aria-orientation="vertical"
        >
          <div class="van-slider__button">
          </div>
        </div>
      </div>
    </div>
    <div style="margin-left: 100px;"
         class="van-slider van-slider--vertical"
    >
      <div class="van-slider__bar"
           style="height: 40%; top: 20%;"
      >
        <div role="slider"
             class="van-slider__button-wrapper van-slider__button-wrapper--left"
             tabindex="0"
             aria-valuemin="0"
             aria-valuenow="20"
             aria-valuemax="100"
             aria-orientation="vertical"
        >
          <div class="van-slider__button">
          </div>
        </div>
        <div role="slider"
             class="van-slider__button-wrapper van-slider__button-wrapper--right"
             tabindex="0"
             aria-valuemin="0"
             aria-valuenow="60"
             aria-valuemax="100"
             aria-orientation="vertical"
        >
          <div class="van-slider__button">
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
`;
