<!doctype html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width" /> <title>Drag tests</title> <link rel="stylesheet" href="../bower_components/qunit/qunit/qunit.css" media="screen" /> <link rel="stylesheet" href="test.css" media="screen" /> <link rel="stylesheet" href="../css/flickity.css" media="screen" /> <style> body { padding-right: 440px; } #demos { position: absolute; right: 0; top: 0; width: 420px; } </style> <script src="../bower_components/qunit/qunit/qunit.js"></script> <!-- dependencies --> <script src="../bower_components/get-size/get-size.js"></script> <script src="../bower_components/desandro-matches-selector/matches-selector.js"></script> <script src="../bower_components/ev-emitter/ev-emitter.js"></script> <script src="../bower_components/unipointer/unipointer.js"></script> <script src="../bower_components/unidragger/unidragger.js"></script> <script src="../bower_components/fizzy-ui-utils/utils.js"></script> <!-- <script src="../bower_components/imagesloaded/imagesloaded.js"></script> --> <!-- Flickity source --> <script src="../js/cell.js"></script> <script src="../js/slide.js"></script> <script src="../js/animate.js"></script> <script src="../js/flickity.js"></script> <script src="../js/drag.js"></script> <script src="../js/prev-next-button.js"></script> <script src="../js/page-dots.js"></script> <script src="../js/player.js"></script> <script src="../js/add-remove-cell.js"></script> <script src="../js/lazyload.js"></script> <!-- turn off accessibility for these tests was causing bugs with dragging tests --> <script> Flickity.defaults.accessibility = false; </script> <!-- unit tests --> <script src="unit/drag.js"></script> </head> <body> <div id="qunit"></div> <div id="demos"> <p><b>drag</b> and <b>drag with wrapAround</b> tests can be buggy. Try running them again.</p> <h2>drag</h2> <div id="drag" class="gallery variable-width drag"> <div class="cell">1</div> <div class="cell">2</div> <div class="cell">3</div> <div class="cell">4</div> <div class="cell">5</div> <div class="cell">6</div> </div> <h2>drag wrapAround</h2> <div id="drag-wrap-around" class="gallery variable-width drag"> <div class="cell">1</div> <div class="cell">2</div> <div class="cell">3</div> <div class="cell">4</div> <div class="cell">5</div> <div class="cell">6</div> </div> </div> </body> </html>