Fix code coverage

src/components/Checkbox.spec.tsx

@@ -24,4 +24,10 @@ describe('Checkbox', () => {
     ).toJSON();
     expect(tree).toMatchSnapshot();
   });
+  it('handles disabled state', () => {
+    const tree = renderer.create(
+      <Checkbox disabled>Click Me</Checkbox>
+    ).toJSON();
+    expect(tree).toMatchSnapshot();
+  });
 });

src/components/SidebarNav.spec.tsx

@@ -170,7 +170,7 @@ describe("SidebarNav", () => {
   });
 
   describe("SidebarNavBase", () => {
-    it("outside clicks don't set nav to collapsed if the ref is null", async () => {
+    it("outside clicks don't set nav to collapsed if the ref is null", () => {
       const setNavCollapsedFn = jest.fn();
       render(
         <SidebarNavBase
@@ -179,12 +179,13 @@ describe("SidebarNav", () => {
           setNavIsCollapsed={setNavCollapsedFn}
         >
           Content
-        </SidebarNavBase>,
+        </SidebarNavBase>
       );
       // setNavIsCollapsed fires on mount
       expect(setNavCollapsedFn).toHaveBeenCalledTimes(1);
       setNavCollapsedFn.mockReset();
-      fireEvent.mouseDown(document);
+
+      fireEvent.click(document);
 
       expect(setNavCollapsedFn).not.toHaveBeenCalled();
 
@@ -198,11 +199,11 @@ describe("SidebarNav", () => {
           sidebarNavRef={{ current: null }}
         >
           Content
-        </SidebarNavBase>,
+        </SidebarNavBase>
       );
 
       setNavCollapsedFn.mockReset();
-      fireEvent.mouseDown(document);
+      fireEvent.click(document);
 
       expect(setNavCollapsedFn).not.toHaveBeenCalled();
     });

src/components/SidebarNav/index.tsx

@@ -5,6 +5,7 @@ import { LeftArrow } from "../svgs/LeftArrow";
 import { RightArrow } from "../svgs/RightArrow";
 import { FocusScope } from "react-aria";
 import { BodyPortal } from "../BodyPortal";
+
 import {
   NavBody,
   NavFooter,
@@ -64,7 +65,7 @@ export const SidebarNavBase = ({
         isMobile &&
         !navIsCollapsed &&
         sidebarNavRef?.current &&
-        !sidebarNavRef?.current.contains(event.target)
+        !sidebarNavRef.current.contains(event.target)
       ) {
         setNavIsCollapsed(true);
       }
@@ -95,7 +96,7 @@ export const SidebarNavBase = ({
 
   React.useEffect(() => {
     if (navAnimation === "idle") {
-      toggleButtonRef.current?.focus();
+      (toggleButtonRef.current as HTMLButtonElement).focus();
     }
   }, [navAnimation]);
 

src/components/__snapshots__/Checkbox.spec.tsx.snap

@@ -13,6 +13,18 @@ exports[`Checkbox allows setting props on label 1`] = `
 </label>
 `;
 
+exports[`Checkbox handles disabled state 1`] = `
+<label
+  className="sc-bczRLJ hizTBt"
+>
+  <input
+    className="sc-gsnTZi cZFRiM"
+    type="checkbox"
+  />
+  Click Me
+</label>
+`;
+
 exports[`Checkbox handles options 1`] = `
 <label
   className="sc-bczRLJ brUlbM"