tests

Author: Rich-Harris

VirtualList.html

@@ -30,9 +30,9 @@
 	});
 
 	// whenever `items` changes, invalidate the current heightmap
-	$: if (mounted) refresh(items, viewport_height);
+	$: if (mounted) refresh(items, viewport_height, itemHeight);
 
-	async function refresh(items, viewport_height) {
+	async function refresh(items, viewport_height, itemHeight) {
 		const { scrollTop } = viewport;
 
 		await tick(); // wait until the DOM is up to date
@@ -61,6 +61,7 @@
 
 		bottom = remaining * average_height;
 		height_map.length = items.length;
+
 	}
 
 	async function handle_scroll() {

test/src/App.html

@@ -0,0 +1,12 @@
+<script>
+	import VirtualList from '../../VirtualList.html';
+	import Row from './Row.html';
+
+	export let items = [];
+	export let height = '100px';
+	export let itemHeight;
+</script>
+
+<VirtualList {height} {items} {itemHeight} let:item>
+	<Row text={item.text} height={item.height}/>
+</VirtualList>

test/src/Row.html

@@ -0,0 +1,6 @@
+<script>
+	export let text;
+	export let height = 80;
+</script>
+
+<div style="height: {height}px;">{text}</div>