chore: formatting

Vonage · Dec 10, 2024 · 90b0067 · 90b0067
1 parent 2badc04
commit 90b0067
Show file tree

Hide file tree

Showing 3 changed files with 46 additions and 40 deletions.
diff --git a/libs/components/src/lib/tree-item/tree-item.spec.ts b/libs/components/src/lib/tree-item/tree-item.spec.ts
@@ -160,7 +160,7 @@ describe('vwc-tree-item', () => {
 
 			expect(treeItem1.contains(document.activeElement)).toBeTruthy();
 		});
-	})
+	});
 
 	describe('a11y', () => {
 		it('should pass html a11y test', async () => {

diff --git a/libs/components/src/lib/tree-view/tree-view.spec.ts b/libs/components/src/lib/tree-view/tree-view.spec.ts
@@ -90,7 +90,7 @@ describe('vwc-tree-view', () => {
 				</div>`
 			)) as HTMLDivElement;
 			element = divEle.querySelector(COMPONENT_TAG) as TreeView;
-			const button =  divEle.querySelector('button') as HTMLButtonElement;
+			const button = divEle.querySelector('button') as HTMLButtonElement;
 			await elementUpdated(element);
 
 			element.focus();
@@ -185,7 +185,7 @@ describe('vwc-tree-view', () => {
 		});
 
 		it('should return true if the click comes from a element that is not a tree-item', async () => {
-			expect(element.handleClick({ target: {}} as Event)).toBe(true);
+			expect(element.handleClick({ target: {} } as Event)).toBe(true);
 		});
 	});
 
@@ -223,47 +223,41 @@ describe('vwc-tree-view', () => {
 			);
 			await elementUpdated(element);
 			await elementUpdated(treeItem2);
-			
+
 			expect(treeItem2.contains(document.activeElement)).toBeTruthy();
 		});
 
 		it('should shift focus to the last tree-item when the END key is pressed', async () => {
-			element.dispatchEvent(
-				new KeyboardEvent('keydown', { key: keyEnd })
-			);
+			element.dispatchEvent(new KeyboardEvent('keydown', { key: keyEnd }));
 			await elementUpdated(element);
 			await elementUpdated(treeItem2);
-			
+
 			expect(treeItem2.contains(document.activeElement)).toBeTruthy();
 		});
 
 		it('should shift focus to the previous tree-item when the ArrowUp key is pressed', async () => {
-			element.dispatchEvent(
-				new KeyboardEvent('keydown', { key: keyEnd })
-			);
+			element.dispatchEvent(new KeyboardEvent('keydown', { key: keyEnd }));
 			await elementUpdated(element);
 			await elementUpdated(treeItem2);
 			treeItem2.dispatchEvent(
 				new KeyboardEvent('keydown', { key: keyArrowUp, bubbles: true })
 			);
 			await elementUpdated(element);
 			await elementUpdated(treeItem1);
-			
+
 			expect(treeItem1.contains(document.activeElement)).toBeTruthy();
 		});
 
 		it('should shift focus to the first tree-item when the Home key is pressed', async () => {
-			element.dispatchEvent(
-				new KeyboardEvent('keydown', { key: keyEnd })
-			);
+			element.dispatchEvent(new KeyboardEvent('keydown', { key: keyEnd }));
 			await elementUpdated(element);
 			await elementUpdated(treeItem2);
 			treeItem2.dispatchEvent(
 				new KeyboardEvent('keydown', { key: keyHome, bubbles: true })
 			);
 			await elementUpdated(element);
 			await elementUpdated(treeItem1);
-			
+
 			expect(treeItem1.contains(document.activeElement)).toBeTruthy();
 		});
 
@@ -272,7 +266,7 @@ describe('vwc-tree-view', () => {
 				new KeyboardEvent('keydown', { key: keyArrowRight, bubbles: true })
 			);
 			await elementUpdated(treeItem1);
-			
+
 			expect(treeItem1.getAttribute('aria-expanded')).toEqual('true');
 		});
 
@@ -286,7 +280,7 @@ describe('vwc-tree-view', () => {
 				new KeyboardEvent('keydown', { key: keyArrowRight, bubbles: true })
 			);
 			await elementUpdated(treeItem1_1);
-			
+
 			expect(treeItem1_1.contains(document.activeElement)).toBeTruthy();
 		});
 
@@ -295,7 +289,7 @@ describe('vwc-tree-view', () => {
 				new KeyboardEvent('keydown', { key: keyArrowRight, bubbles: true })
 			);
 			await elementUpdated(treeItem1);
-			
+
 			expect(treeItem1.getAttribute('aria-expanded')).toEqual('true');
 
 			treeItem1.dispatchEvent(
@@ -335,7 +329,12 @@ describe('vwc-tree-view', () => {
 		});
 
 		it('should return true if the key press is not one the trigger an action', async () => {
-			expect(element.handleKeyDown({ key: keyBackspace, bubbles: true } as KeyboardEvent)).toBeTruthy();
+			expect(
+				element.handleKeyDown({
+					key: keyBackspace,
+					bubbles: true,
+				} as KeyboardEvent)
+			).toBeTruthy();
 		});
 
 		it('shouold return true if there are no tree-item supplied', async () => {
@@ -346,7 +345,12 @@ describe('vwc-tree-view', () => {
 			element.focus();
 			await elementUpdated(element);
 
-			expect(element.handleKeyDown({ key: keyArrowDown, bubbles: true } as KeyboardEvent)).toBeTruthy();
+			expect(
+				element.handleKeyDown({
+					key: keyArrowDown,
+					bubbles: true,
+				} as KeyboardEvent)
+			).toBeTruthy();
 		});
 	});
 

diff --git a/libs/components/src/lib/tree-view/tree-view.ts b/libs/components/src/lib/tree-view/tree-view.ts
@@ -14,27 +14,29 @@ import {
 import { isTreeItemElement, TreeItem } from '../tree-item/tree-item.js';
 
 export function getDisplayedNodes(
-    rootNode: HTMLElement,
-    selector: string
+	rootNode: HTMLElement,
+	selector: string
 ): HTMLElement[] | void {
-    if (isHTMLElement(rootNode)) {
-      // get all tree-items
-			const nodes: HTMLElement[] = Array.from(rootNode.querySelectorAll(selector));
-
-			// only include nested items if their parents are expanded
-			const visibleNodes: HTMLElement[] = nodes.filter((node: HTMLElement) => {
-				if (node.parentElement instanceof TreeItem) {
-					if (node.parentElement.getAttribute('aria-expanded') === 'true') return true;
-				} else {
+	if (isHTMLElement(rootNode)) {
+		// get all tree-items
+		const nodes: HTMLElement[] = Array.from(
+			rootNode.querySelectorAll(selector)
+		);
+
+		// only include nested items if their parents are expanded
+		const visibleNodes: HTMLElement[] = nodes.filter((node: HTMLElement) => {
+			if (node.parentElement instanceof TreeItem) {
+				if (node.parentElement.getAttribute('aria-expanded') === 'true')
 					return true;
-				}
-				return false;
-			});
-			return visibleNodes;
-		}
+			} else {
+				return true;
+			}
+			return false;
+		});
+		return visibleNodes;
+	}
 }
 
-
 /**
  * @public
  * @component tree-view
@@ -93,7 +95,7 @@ export class TreeView extends FoundationElement {
 				if (this.currentFocused !== null) {
 					TreeItem.focusItem(this.currentFocused);
 				}
-				
+
 				return;
 			}
 
@@ -145,7 +147,7 @@ export class TreeView extends FoundationElement {
 			return true;
 		}
 
-		if(!e.defaultPrevented) {
+		if (!e.defaultPrevented) {
 			const treeItems: HTMLElement[] | void = this.getVisibleNodes();
 
 			switch (e.key) {
-Original file line number
+Diff line change
@@ Expand Up / @@ -160,7 +160,7 @@ describe('vwc-tree-item', () => { @@
     			expect(treeItem1.contains(document.activeElement)).toBeTruthy();
     		});
-    	})
+    	});
     	describe('a11y', () => {
     		it('should pass html a11y test', async () => {
@@ Expand Down @@