Add test

Author: Alexia-Claudia-Micu

packages/web-components/fast-foundation/src/toolbar/toolbar.spec.ts

@@ -259,4 +259,56 @@ describe("Toolbar", () => {
 
     await disconnect();
   });
+
+  it("should handle focusin when focusableElements becomes undefined", async () => {
+    const { element, connect, disconnect, document, startButton } = await setup();
+
+    await connect();
+
+    const tempButton = document.createElement('button');
+    document.body.appendChild(tempButton);
+    tempButton.focus();
+    await DOM.nextUpdate();
+
+    expect(document.activeElement).to.equal(tempButton);
+
+    Reflect.set(element as object, "focusableElements", undefined);
+    await DOM.nextUpdate();
+
+    startButton.focus();
+    await DOM.nextUpdate();
+
+    expect(document.activeElement).to.equal(startButton);
+
+    tempButton.remove();
+    await disconnect();
+  });
+
+  it("should handle keydown when focusableElements becomes undefined", async () => {
+    const { element, connect, disconnect, document, startButton } = await setup();
+
+    await connect();
+
+    const tempButton = document.createElement("button");
+    document.body.appendChild(tempButton);
+    tempButton.focus();
+    await DOM.nextUpdate();
+
+    expect(document.activeElement).to.equal(tempButton);
+
+    startButton.focus();
+    await DOM.nextUpdate();
+
+    Reflect.set(element as object, "reduceFocusableElements", () => undefined);
+    Reflect.set(element as object, "focusableElements", undefined);
+    await DOM.nextUpdate();
+
+    pressRightArrowKey(element);
+    await DOM.nextUpdate();
+
+    expect(document.activeElement).to.equal(startButton);
+
+    tempButton.remove();
+    await disconnect();
+  });
 });

packages/web-components/fast-foundation/src/toolbar/toolbar.ts

@@ -157,9 +157,6 @@ export class Toolbar extends FoundationElement {
     public connectedCallback() {
         super.connectedCallback();
         this.direction = getDirection(this);
-        if (!this.slottedItems?.length && !this.childItems?.length) {
-            this.reduceFocusableElements();
-        }
     }
 
     /**
@@ -225,7 +222,7 @@ export class Toolbar extends FoundationElement {
     protected get allSlottedItems(): (HTMLElement | Node)[] {
         return [
             ...this.start.assignedElements(),
-            ...(this.slottedItems ?? []),
+            ...this.slottedItems,
             ...this.end.assignedElements(),
         ];
     }