list: more tests

5eae75a0 · Joao Moreno · f7f2e31a · 5eae75a0 · 5eae75a0
隐藏空白更改
内联并排

Showing with 34 addition and 6 deletion

list.html list.html +14 -1

src/vs/base/browser/ui/list/listTest.ts src/vs/base/browser/ui/list/listTest.ts +20 -5

未找到文件。
--- a/list.html
+++ b/list.html
@@ -11,7 +11,17 @@

 			require(['vs/base/browser/ui/list/listTest'], function (test) {
 				test.setupList(document.getElementById('list'));
-				document.getElementById('list-add').onclick = test.addPersonToList;
+				document.getElementById('list-add').onclick = function () {
+					test.addPersonToList(
+						document.getElementById('list-name').value,
+						document.getElementById('list-index').value
+					);
+				};
+				document.getElementById('list-remove').onclick = function () {
+					test.removePersonFromList(
+						document.getElementById('list-index').value
+					);
+				};
 				document.getElementById('list-addmany').onclick = test.addManyPeopleToList;
 				document.getElementById('list-addmanyreal').onclick = test.addManyRealPeopleToList;
 				document.getElementById('list-addmanyboring').onclick = test.addManyBoringPeopleToList;
@@ -34,7 +44,10 @@
 	<body>
 		<div>
 			<div>
+				<input id="list-name" placeholder="name"></input>
+				<input id="list-index" placeholder="index"></input>
 				<button id="list-add">Add Person</button>
+				<button id="list-remove">Remove Person</button>
 				<button id="list-addmany">Add Many People</button>
 				<button id="list-addmanyreal">Add Many Real People</button>
 				<button id="list-addmanyboring">Add Many Boring People</button>

--- a/src/vs/base/browser/ui/list/listTest.ts
+++ b/src/vs/base/browser/ui/list/listTest.ts
@@ -70,10 +70,25 @@ export function setupList(container: HTMLElement) {
 	list = new List(container, new Delegate(), { person: renderer });
 }

-export function addPersonToList() {
-	const person = generatePerson();
+export function addPersonToList(name, index) {
+	const person = name
+		? { name, height: 24 }
+		: {
+		name: new Array(16).join().replace(/(.|$)/g, function(){return ((Math.random()*36)|0).toString(36);}),
+		height: 24
+	};
+
+	index = Number(index);
+	index = index === NaN ? list.length : Math.min(index, list.length);

-	list.splice(list.length, 0, person);
+	list.splice(index, 0, person);
+}
+
+export function removePersonFromList(index) {
+	index = Number(index);
+	index = index === NaN ? list.length : Math.min(index, list.length - 1);
+
+	list.splice(index, 1);
 }

 export function addManyPeopleToList() {
@@ -129,7 +144,7 @@ export function setupTree(container: HTMLElement) {
 }

 export function addPersonToTree() {
-	treeModel.push(generatePerson());
+	treeModel.unshift(generatePerson());
 	tree.refresh();
 }

@@ -162,6 +177,6 @@ export function addManyBoringPeopleToTree() {
 		people.push(generateBoringPerson());
 	}

-	treeModel.push(...people);
+	treeModel.unshift(...people);
 	tree.refresh();
 }
\ No newline at end of file