Skip to content

Commit 0dd6491

Browse files
authored
1 parent 0947a05 commit 0dd6491

File tree

2 files changed

+61
-5
lines changed

2 files changed

+61
-5
lines changed

src/vs/base/browser/ui/tree/asyncDataTree.ts

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -954,6 +954,7 @@ export class AsyncDataTree<TInput, T, TFilterData = void> implements IDisposable
954954

955955
asyncDataTreeNode.element = element;
956956
asyncDataTreeNode.hasChildren = hasChildren;
957+
asyncDataTreeNode.collapsedByDefault = this.collapseByDefault?.(element);
957958

958959
if (recursive) {
959960
if (result.collapsed) {
@@ -963,8 +964,7 @@ export class AsyncDataTree<TInput, T, TFilterData = void> implements IDisposable
963964
} else {
964965
childrenToRefresh.push(asyncDataTreeNode);
965966
}
966-
} else if (hasChildren && this.collapseByDefault && !this.collapseByDefault(element)) {
967-
asyncDataTreeNode.collapsedByDefault = false;
967+
} else if (hasChildren && !asyncDataTreeNode.collapsedByDefault) {
968968
childrenToRefresh.push(asyncDataTreeNode);
969969
}
970970

src/vs/base/test/browser/ui/tree/asyncDataTree.test.ts

Lines changed: 59 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -5,8 +5,10 @@
55

66
import * as assert from 'assert';
77
import { IIdentityProvider, IListVirtualDelegate } from 'vs/base/browser/ui/list/list';
8-
import { AsyncDataTree } from 'vs/base/browser/ui/tree/asyncDataTree';
9-
import { IAsyncDataSource, ITreeNode, ITreeRenderer } from 'vs/base/browser/ui/tree/tree';
8+
import { AsyncDataTree, CompressibleAsyncDataTree, ITreeCompressionDelegate } from 'vs/base/browser/ui/tree/asyncDataTree';
9+
import { ICompressedTreeNode } from 'vs/base/browser/ui/tree/compressedObjectTreeModel';
10+
import { ICompressibleTreeRenderer } from 'vs/base/browser/ui/tree/objectTree';
11+
import { IAsyncDataSource, ITreeNode } from 'vs/base/browser/ui/tree/tree';
1012
import { timeout } from 'vs/base/common/async';
1113
import { Iterable } from 'vs/base/common/iterator';
1214
import { ensureNoDisposablesAreLeakedInTestSuite } from 'vs/base/test/common/utils';
@@ -37,7 +39,7 @@ function find(element: Element, id: string): Element | undefined {
3739
return undefined;
3840
}
3941

40-
class Renderer implements ITreeRenderer<Element, void, HTMLElement> {
42+
class Renderer implements ICompressibleTreeRenderer<Element, void, HTMLElement> {
4143
readonly templateId = 'default';
4244
renderTemplate(container: HTMLElement): HTMLElement {
4345
return container;
@@ -48,6 +50,15 @@ class Renderer implements ITreeRenderer<Element, void, HTMLElement> {
4850
disposeTemplate(templateData: HTMLElement): void {
4951
// noop
5052
}
53+
renderCompressedElements(node: ITreeNode<ICompressedTreeNode<Element>, void>, index: number, templateData: HTMLElement, height: number | undefined): void {
54+
const result: string[] = [];
55+
56+
for (const element of node.element.elements) {
57+
result.push(element.id + (element.suffix || ''));
58+
}
59+
60+
templateData.textContent = result.join('/');
61+
}
5162
}
5263

5364
class IdentityProvider implements IIdentityProvider<Element> {
@@ -495,4 +506,49 @@ suite('AsyncDataTree', function () {
495506
assert(tree.isCollapsible(a), 'a is still collapsible');
496507
assert(!tree.isCollapsed(a), 'a is expanded');
497508
});
509+
510+
test('issue #199441', async () => {
511+
const container = document.createElement('div');
512+
513+
const dataSource = new class implements IAsyncDataSource<Element, Element> {
514+
hasChildren(element: Element): boolean {
515+
return !!element.children && element.children.length > 0;
516+
}
517+
async getChildren(element: Element) {
518+
return element.children ?? Iterable.empty();
519+
}
520+
};
521+
522+
const compressionDelegate = new class implements ITreeCompressionDelegate<Element> {
523+
isIncompressible(element: Element): boolean {
524+
return !dataSource.hasChildren(element);
525+
}
526+
};
527+
528+
const model = new Model({
529+
id: 'root',
530+
children: [{
531+
id: 'a', children: [{
532+
id: 'b',
533+
children: [{ id: 'b.txt' }]
534+
}]
535+
}]
536+
});
537+
538+
const collapseByDefault = (element: Element) => false;
539+
540+
const tree = store.add(new CompressibleAsyncDataTree<Element, Element>('test', container, new VirtualDelegate(), compressionDelegate, [new Renderer()], dataSource, { identityProvider: new IdentityProvider(), collapseByDefault }));
541+
tree.layout(200);
542+
543+
await tree.setInput(model.root);
544+
assert.deepStrictEqual(Array.from(container.querySelectorAll('.monaco-list-row')).map(e => e.textContent), ['a/b', 'b.txt']);
545+
546+
model.get('a').children!.push({
547+
id: 'c',
548+
children: [{ id: 'c.txt' }]
549+
});
550+
551+
await tree.updateChildren(model.root, true);
552+
assert.deepStrictEqual(Array.from(container.querySelectorAll('.monaco-list-row')).map(e => e.textContent), ['a', 'b', 'b.txt', 'c', 'c.txt']);
553+
});
498554
});

0 commit comments

Comments
 (0)