From 1d2540a4bd00e2d5d59fecf1104a42443f434bd4 Mon Sep 17 00:00:00 2001
From: konnorrogers <konnor5456@gmail.com>
Date: Tue, 22 Aug 2023 17:52:39 -0400
Subject: [PATCH] prettier

---
 src/internal/tabbable.test.ts | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/src/internal/tabbable.test.ts b/src/internal/tabbable.test.ts
index 824f9d1ef..c86de3e69 100644
--- a/src/internal/tabbable.test.ts
+++ b/src/internal/tabbable.test.ts
@@ -4,7 +4,6 @@ import '../../dist/shoelace.js';
 import { activeElements } from './active-elements.js';
 import { html } from 'lit';
 import { sendKeys } from '@web/test-runner-commands';
-import type { SlDrawer } from '../../dist/shoelace.js';
 
 async function holdShiftKey(callback: () => Promise<void>) {
   await sendKeys({ down: 'Shift' });
@@ -63,15 +62,23 @@ it('Should allow tabbing to slotted elements', async () => {
     </tab-test-1>
   `);
 
-  const drawer = el.shadowRoot!.querySelector('sl-drawer') as unknown as SlDrawer;
+  const drawer = el.shadowRoot?.querySelector('sl-drawer');
+
+  if (drawer === null || drawer === undefined) throw Error('Could not find drawer inside of the test element');
 
   await drawer.show();
 
   await elementUpdated(drawer);
 
-  const focusZero = drawer.shadowRoot!.querySelector("[role='dialog']");
+  const focusZero = drawer.shadowRoot?.querySelector("[role='dialog']");
+
+  if (focusZero === null || focusZero === undefined) throw Error('Could not find dialog panel inside <sl-drawer>');
+
   const focusOne = el.querySelector('#focus-1');
-  const focusTwo = drawer.shadowRoot!.querySelector("[part~='close-button']");
+  const focusTwo = drawer.shadowRoot?.querySelector("[part~='close-button']");
+
+  if (focusTwo === null || focusTwo === undefined) throw Error('Could not find close button inside <sl-drawer>');
+
   const focusThree = el.querySelector('#focus-3');
   const focusFour = el.querySelector('#focus-4');
   const focusFive = el.querySelector('#focus-5');