mirror of
https://github.com/jellyfin/jellyfin-web.git
synced 2024-11-19 11:58:20 -07:00
165 lines
4.7 KiB
HTML
165 lines
4.7 KiB
HTML
<!doctype html>
|
|
<!--
|
|
@license
|
|
Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
|
|
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE
|
|
The complete set of authors may be found at http://polymer.github.io/AUTHORS
|
|
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS
|
|
Code distributed by Google as part of the polymer project is also
|
|
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS
|
|
-->
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>iron-list test</title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
|
|
|
|
<script src="../../webcomponentsjs/webcomponents-lite.js"></script>
|
|
<script src="../../web-component-tester/browser.js"></script>
|
|
|
|
<link rel="import" href="helpers.html">
|
|
<link rel="import" href="x-grid.html">
|
|
</head>
|
|
<body>
|
|
|
|
|
|
<test-fixture id="trivialList">
|
|
<template>
|
|
<x-grid></x-grid>
|
|
</template>
|
|
</test-fixture>
|
|
|
|
<script>
|
|
|
|
suite('basic features', function() {
|
|
var list, container;
|
|
|
|
setup(function() {
|
|
container = fixture('trivialList');
|
|
list = container.list;
|
|
});
|
|
|
|
|
|
test('check horizontal rendering', function(done) {
|
|
container.data = buildDataSet(100);
|
|
|
|
flush(function() {
|
|
// Validate the first viewport
|
|
for (var i = 0; i < 9; i++) {
|
|
assert.equal(getNthItemFromGrid(list, i).textContent, i);
|
|
}
|
|
done();
|
|
});
|
|
});
|
|
|
|
test('first visible index', function(done) {
|
|
container.data = buildDataSet(100);
|
|
|
|
flush(function() {
|
|
var setSize = list.items.length;
|
|
var rowHeight = container.itemSize;
|
|
var viewportHeight = list.offsetHeight;
|
|
var scrollToItem;
|
|
|
|
function checkFirstVisible() {
|
|
assert.equal(list.firstVisibleIndex, getNthItemRowStart(list, scrollToItem));
|
|
assert.equal(getNthItemFromGrid(list, 0).textContent, getNthItemRowStart(list, scrollToItem));
|
|
}
|
|
|
|
function checkLastVisible() {
|
|
var visibleItemsCount = Math.floor(viewportHeight / rowHeight) * list._itemsPerRow;
|
|
var visibleItemStart = getNthItemRowStart(list, scrollToItem);
|
|
assert.equal(list.lastVisibleIndex, visibleItemStart + visibleItemsCount - 1);
|
|
assert.equal(getNthItemFromGrid(list, 8).textContent, visibleItemStart + visibleItemsCount - 1);
|
|
}
|
|
|
|
function doneScrollDown() {
|
|
checkFirstVisible();
|
|
checkLastVisible();
|
|
scrollToItem = 1;
|
|
flush(function() {
|
|
simulateScroll({
|
|
list: list,
|
|
contribution: rowHeight,
|
|
target: getGridRowFromIndex(list, scrollToItem)*rowHeight,
|
|
onScrollEnd: doneScrollUp
|
|
});
|
|
});
|
|
}
|
|
|
|
function doneScrollUp() {
|
|
checkFirstVisible();
|
|
checkLastVisible();
|
|
done();
|
|
}
|
|
scrollToItem = 50;
|
|
|
|
simulateScroll({
|
|
list: list,
|
|
contribution: rowHeight,
|
|
target: getGridRowFromIndex(list, scrollToItem)*rowHeight,
|
|
onScrollEnd: doneScrollDown
|
|
});
|
|
|
|
});
|
|
});
|
|
|
|
test('scroll to index', function(done) {
|
|
list.items = buildDataSet(100);
|
|
|
|
flush(function() {
|
|
list.scrollToIndex(30);
|
|
assert.equal(list.firstVisibleIndex, 30);
|
|
|
|
list.scrollToIndex(0);
|
|
assert.equal(list.firstVisibleIndex, 0);
|
|
|
|
list.scrollToIndex(60);
|
|
assert.equal(list.firstVisibleIndex, 60);
|
|
|
|
var rowHeight = getNthItemFromGrid(list, 0).offsetHeight;
|
|
var viewportHeight = list.offsetHeight;
|
|
var itemsPerViewport = Math.floor(viewportHeight/rowHeight) * list._itemsPerRow;
|
|
|
|
list.scrollToIndex(99);
|
|
// assert.equal(list.firstVisibleIndex, list.items.length - 7);
|
|
|
|
// make the height of the viewport same as the height of the row
|
|
// and scroll to the last item
|
|
list.style.height = list._physicalItems[0].offsetHeight + 'px';
|
|
|
|
flush(function() {
|
|
var idx = 99;
|
|
list.scrollToIndex(idx);
|
|
assert.equal(list.firstVisibleIndex, idx);
|
|
done();
|
|
});
|
|
});
|
|
});
|
|
|
|
test('reset items', function(done) {
|
|
list.items = buildDataSet(100);
|
|
|
|
flush(function() {
|
|
assert.equal(getNthItemFromGrid(list, 0).textContent, '0');
|
|
|
|
list.items = null;
|
|
|
|
flush(function() {
|
|
assert.notEqual(getNthItemFromGrid(list, 0).textContent, '0');
|
|
list.items = buildDataSet(100);
|
|
|
|
flush(function() {
|
|
assert.equal(getNthItemFromGrid(list, 0).textContent, '0');
|
|
done();
|
|
});
|
|
});
|
|
});
|
|
});
|
|
|
|
});
|
|
</script>
|
|
|
|
</body>
|
|
</html>
|