fire focus and blur events correctly

jest.setup.tsx

@@ -1,7 +1,7 @@
 import "jest-dom/extend-expect"
 // Get fireEvent from the native testing library
 // because @testing-library/react one switches out mouseEnter and mouseLeave
-import { fireEvent } from "@testing-library/dom"
+import { fireEvent, getByTestId } from "@testing-library/dom"
 import { render as testRender, act } from "@testing-library/react"
 import * as React from "react"
 
@@ -25,6 +25,14 @@ export const mouseUp = (element: Element) =>
     act(() => {
         fireEvent.mouseUp(element)
     })
+export const focus = (element: HTMLElement, testId: string) =>
+    act(() => {
+        getByTestId(element, testId).focus()
+    })
+export const blur = (element: HTMLElement, testId: string) =>
+    act(() => {
+        getByTestId(element, testId).blur()
+    })
 
 export const render = (children: any) => {
     const renderReturn = testRender(