splide/tests/data/html.js

export const minimum = `
  <div id="splide" class="splide">
    <div class="splide__track">
      <ul class="splide__list">
      	<li class="splide__slide">1</li>
      	<li class="splide__slide">2</li>
      	<li class="splide__slide">3</li>
      	<li class="splide__slide">4</li>
      	<li class="splide__slide">5</li>
      	<li class="splide__slide">6</li>
      	<li class="splide__slide">7</li>
      	<li class="splide__slide">8</li>
      	<li class="splide__slide">9</li>
      </ul>
    </div>
  </div>
`;

export const sync = minimum + `
  <div id="sub" class="splide">
    <div class="splide__track">
      <ul class="splide__list">
      	<li class="splide__slide">1</li>
      	<li class="splide__slide">2</li>
      	<li class="splide__slide">3</li>
      	<li class="splide__slide">4</li>
      	<li class="splide__slide">5</li>
      	<li class="splide__slide">6</li>
      	<li class="splide__slide">7</li>
      	<li class="splide__slide">8</li>
      	<li class="splide__slide">9</li>
      </ul>
    </div>
  </div>
`;

export const autoWidth = `
  <div id="splide" style="width: 800px" class="splide">
    <div class="splide__track">
      <ul class="splide__list">
      	<li class="splide__slide" style="width: 100px">1</li>
      	<li class="splide__slide" style="width: 200px">2</li>
      	<li class="splide__slide" style="width: 300px">3</li>
      	<li class="splide__slide" style="width: 400px">4</li>
      	<li class="splide__slide" style="width: 500px">5</li>
      	<li class="splide__slide" style="width: 600px">6</li>
      	<li class="splide__slide" style="width: 700px">7</li>
      	<li class="splide__slide" style="width: 800px">8</li>
      	<li class="splide__slide" style="width: 900px">9</li>
      </ul>
    </div>
  </div>
`;