migrate tests in organisms A and B folders

app/src/molecules/PythonLabwareOffsetSnippet/__tests__/createSnippet.test.ts

@@ -1,6 +1,6 @@
 import { describe, it, expect } from 'vitest'
 import '@testing-library/jest-dom/vitest'
-import { transfer_settings } from '@opentrons/shared-data/protocol/fixtures/6'
+import { transfer_settings } from '@opentrons/shared-data'
 import { ModuleModel, CompletedProtocolAnalysis } from '@opentrons/shared-data'
 import { createSnippet } from '../createSnippet'
 

app/src/organisms/AddCustomLabwareSlideout/__tests__/AddCustomLabwareSlideout.test.tsx

@@ -1,23 +1,20 @@
 import * as React from 'react'
 import { MemoryRouter } from 'react-router-dom'
-import { fireEvent } from '@testing-library/react'
-import { renderWithProviders } from '@opentrons/components'
+import { describe, it, expect, vi, beforeEach } from 'vitest'
+import { fireEvent, screen } from '@testing-library/react'
 import { i18n } from '../../../i18n'
 import {
   useTrackEvent,
   ANALYTICS_ADD_CUSTOM_LABWARE,
 } from '../../../redux/analytics'
+import { renderWithProviders } from '../../../__testing-utils__'
 import { AddCustomLabwareSlideout } from '..'
 
-jest.mock('../../../redux/custom-labware')
-jest.mock('../../../pages/Labware/helpers/getAllDefs')
-jest.mock('../../../redux/analytics')
+vi.mock('../../../redux/custom-labware')
+vi.mock('../../../pages/Labware/helpers/getAllDefs')
+vi.mock('../../../redux/analytics')
 
-const mockUseTrackEvent = useTrackEvent as jest.MockedFunction<
-  typeof useTrackEvent
->
-
-let mockTrackEvent: jest.Mock
+let mockTrackEvent: any
 
 const render = (
   props: React.ComponentProps<typeof AddCustomLabwareSlideout>
@@ -35,18 +32,18 @@ const render = (
 describe('AddCustomLabwareSlideout', () => {
   const props: React.ComponentProps<typeof AddCustomLabwareSlideout> = {
     isExpanded: true,
-    onCloseClick: jest.fn(() => null),
+    onCloseClick: vi.fn(() => null),
   }
   beforeEach(() => {
-    mockTrackEvent = jest.fn()
-    mockUseTrackEvent.mockReturnValue(mockTrackEvent)
+    mockTrackEvent = vi.fn()
+    vi.mocked(useTrackEvent).mockReturnValue(mockTrackEvent)
   })
 
   it('renders correct title and labware cards and clicking on button triggers analytics event', () => {
-    const [{ getByText, getByRole }] = render(props)
-    getByText('Import a Custom Labware Definition')
-    getByText('Or choose a file from your computer to upload.')
-    const btn = getByRole('button', { name: 'Upload' })
+    render(props)
+    screen.getByText('Import a Custom Labware Definition')
+    screen.getByText('Or choose a file from your computer to upload.')
+    const btn = screen.getByRole('button', { name: 'Upload' })
     fireEvent.click(btn)
     expect(mockTrackEvent).toHaveBeenCalledWith({
       name: ANALYTICS_ADD_CUSTOM_LABWARE,
@@ -55,7 +52,7 @@ describe('AddCustomLabwareSlideout', () => {
   })
 
   it('renders drag and drop section', () => {
-    const [{ getByRole }] = render(props)
-    getByRole('button', { name: 'browse' })
+    render(props)
+    screen.getByRole('button', { name: 'browse' })
   })
 })

app/src/organisms/AdvancedSettings/__tests__/AdditionalCustomLabwareSourceFolder.test.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react'
+import { describe, it, expect, vi, beforeEach } from 'vitest'
 import { fireEvent, screen } from '@testing-library/react'
-import { renderWithProviders } from '@opentrons/components'
 import { i18n } from '../../../i18n'
 import { getCustomLabwareDirectory } from '../../../redux/custom-labware'
 import {
@@ -9,33 +9,29 @@ import {
 } from '../../../redux/analytics'
 
 import { AdditionalCustomLabwareSourceFolder } from '../AdditionalCustomLabwareSourceFolder'
+import { renderWithProviders } from '../../../__testing-utils__'
 
-jest.mock('../../../redux/custom-labware')
-jest.mock('../../../redux/analytics')
+vi.mock('../../../redux/custom-labware')
+vi.mock('../../../redux/analytics')
 
 const render = () => {
   return renderWithProviders(<AdditionalCustomLabwareSourceFolder />, {
     i18nInstance: i18n,
   })
 }
 
-const mockTrackEvent = jest.fn()
-
-const mockGetCustomLabwarePath = getCustomLabwareDirectory as jest.MockedFunction<
-  typeof getCustomLabwareDirectory
->
-const mockUseTrackEvent = useTrackEvent as jest.MockedFunction<
-  typeof useTrackEvent
->
+const mockTrackEvent = vi.fn()
 
 describe('AdditionalCustomLabwareSourceFolder', () => {
   beforeEach(() => {
-    mockUseTrackEvent.mockReturnValue(mockTrackEvent)
-    mockGetCustomLabwarePath.mockReturnValue('')
+    vi.mocked(useTrackEvent).mockReturnValue(mockTrackEvent)
+    vi.mocked(getCustomLabwareDirectory).mockReturnValue('')
   })
 
   it('renders the custom labware section with source folder selected', () => {
-    mockGetCustomLabwarePath.mockReturnValue('/mock/custom-labware-path')
+    vi.mocked(getCustomLabwareDirectory).mockReturnValue(
+      '/mock/custom-labware-path'
+    )
     render()
     screen.getByText(
       'If you want to specify a folder to manually manage Custom Labware files, you can add the directory here.'

app/src/organisms/AdvancedSettings/__tests__/ClearUnavailableRobots.test.tsx

@@ -1,10 +1,7 @@
 import * as React from 'react'
-import { screen, fireEvent } from '@testing-library/react'
-
-import {
-  renderWithProviders,
-  useConditionalConfirm,
-} from '@opentrons/components'
+import { screen, fireEvent, waitFor } from '@testing-library/react'
+import { describe, it, expect, vi, beforeEach } from 'vitest'
+import { useConditionalConfirm } from '@opentrons/components'
 import { i18n } from '../../../i18n'
 import {
   getReachableRobots,
@@ -14,43 +11,44 @@ import {
   mockReachableRobot,
   mockUnreachableRobot,
 } from '../../../redux/discovery/__fixtures__'
+import { renderWithProviders } from '../../../__testing-utils__'
 import { ClearUnavailableRobots } from '../ClearUnavailableRobots'
+import type * as OpentronsComponents from '@opentrons/components'
+
+const mockConfirm = vi.fn()
+const mockCancel = vi.fn()
 
-jest.mock('@opentrons/components/src/hooks')
-jest.mock('../../../redux/discovery')
+vi.mock('@opentrons/components', async importOriginal => {
+  const actual = await importOriginal<typeof OpentronsComponents>()
+  return {
+    ...actual,
+    useConditionalConfirm: vi.fn(() => ({
+      confirm: mockConfirm,
+      showConfirmation: true,
+      cancel: mockCancel,
+    })),
+  }
+})
 
-const mockGetUnreachableRobots = getUnreachableRobots as jest.MockedFunction<
-  typeof getUnreachableRobots
->
-const mockGetReachableRobots = getReachableRobots as jest.MockedFunction<
-  typeof getReachableRobots
->
-const mockUseConditionalConfirm = useConditionalConfirm as jest.MockedFunction<
-  typeof useConditionalConfirm
->
+vi.mock('../../../redux/discovery')
 
 const render = () => {
   return renderWithProviders(<ClearUnavailableRobots />, {
     i18nInstance: i18n,
   })
 }
 
-const mockConfirm = jest.fn()
-const mockCancel = jest.fn()
-
 describe('ClearUnavailableRobots', () => {
   beforeEach(() => {
-    mockGetUnreachableRobots.mockReturnValue([mockUnreachableRobot])
-    mockGetReachableRobots.mockReturnValue([mockReachableRobot])
-    mockUseConditionalConfirm.mockReturnValue({
+    vi.mocked(getUnreachableRobots).mockReturnValue([mockUnreachableRobot])
+    vi.mocked(getReachableRobots).mockReturnValue([mockReachableRobot])
+    vi.mocked(useConditionalConfirm).mockReturnValue({
       confirm: mockConfirm,
       showConfirmation: true,
       cancel: mockCancel,
     })
   })
 
-  afterEach(() => {})
-
   it('should render text and button', () => {
     render()
     screen.getByText('Clear Unavailable Robots')
@@ -69,7 +67,8 @@ describe('ClearUnavailableRobots', () => {
         name: 'Clear unavailable robots list',
       })
     )
-    screen.getByText('Clear unavailable robots?')
+
+    screen.getByText('Clear unavailable robots')
     screen.getByText(
       'Clearing the list of unavailable robots on the Devices page cannot be undone.'
     )

app/src/organisms/AdvancedSettings/__tests__/EnableDevTools.test.tsx

@@ -1,20 +1,13 @@
 import * as React from 'react'
 import { screen, fireEvent } from '@testing-library/react'
+import { describe, it, expect, vi, beforeEach } from 'vitest'
 
-import { renderWithProviders } from '@opentrons/components'
 import { i18n } from '../../../i18n'
-
+import { renderWithProviders } from '../../../__testing-utils__'
 import { getDevtoolsEnabled, toggleDevtools } from '../../../redux/config'
 import { EnableDevTools } from '../EnableDevTools'
 
-jest.mock('../../../redux/config')
-
-const mockGetDevtoolsEnabled = getDevtoolsEnabled as jest.MockedFunction<
-  typeof getDevtoolsEnabled
->
-const mockToggleDevtools = toggleDevtools as jest.MockedFunction<
-  typeof toggleDevtools
->
+vi.mock('../../../redux/config')
 
 const render = () => {
   return renderWithProviders(<EnableDevTools />, {
@@ -24,11 +17,7 @@ const render = () => {
 
 describe('EnableDevTools', () => {
   beforeEach(() => {
-    mockGetDevtoolsEnabled.mockReturnValue(true)
-  })
-
-  afterEach(() => {
-    jest.clearAllMocks()
+    vi.mocked(getDevtoolsEnabled).mockReturnValue(true)
   })
 
   it('should render text and toggle button', () => {
@@ -46,6 +35,6 @@ describe('EnableDevTools', () => {
       name: 'enable_dev_tools',
     })
     fireEvent.click(toggleButton)
-    expect(mockToggleDevtools).toHaveBeenCalled()
+    expect(vi.mocked(toggleDevtools)).toHaveBeenCalled()
   })
 })

app/src/organisms/AdvancedSettings/__tests__/OT2AdvancedSettings.test.tsx

@@ -1,30 +1,19 @@
 import * as React from 'react'
 import { screen, fireEvent } from '@testing-library/react'
+import { describe, it, expect, vi, beforeEach } from 'vitest'
 
-import { renderWithProviders } from '@opentrons/components'
 import { i18n } from '../../../i18n'
 
 import {
   resetUseTrashSurfaceForTipCal,
   setUseTrashSurfaceForTipCal,
 } from '../../../redux/calibration'
 import { getUseTrashSurfaceForTipCal } from '../../../redux/config'
+import { renderWithProviders } from '../../../__testing-utils__'
 import { OT2AdvancedSettings } from '../OT2AdvancedSettings'
 
-jest.mock('../../../redux/calibration')
-jest.mock('../../../redux/config')
-
-const mockResetUseTrashSurfaceForTipCal = resetUseTrashSurfaceForTipCal as jest.MockedFunction<
-  typeof resetUseTrashSurfaceForTipCal
->
-
-const mockSetUseTrashSurfaceForTipCal = setUseTrashSurfaceForTipCal as jest.MockedFunction<
-  typeof setUseTrashSurfaceForTipCal
->
-
-const mockGetUseTrashSurfaceForTipCal = getUseTrashSurfaceForTipCal as jest.MockedFunction<
-  typeof getUseTrashSurfaceForTipCal
->
+vi.mock('../../../redux/calibration')
+vi.mock('../../../redux/config')
 
 const render = () => {
   return renderWithProviders(<OT2AdvancedSettings />, {
@@ -34,11 +23,7 @@ const render = () => {
 
 describe('OT2AdvancedSettings', () => {
   beforeEach(() => {
-    mockGetUseTrashSurfaceForTipCal.mockReturnValue(true)
-  })
-
-  afterEach(() => {
-    jest.clearAllMocks()
+    vi.mocked(getUseTrashSurfaceForTipCal).mockReturnValue(true)
   })
 
   it('should render text and toggle button', () => {
@@ -60,17 +45,17 @@ describe('OT2AdvancedSettings', () => {
       name: 'Always use calibration block to calibrate',
     })
     fireEvent.click(radioButton)
-    expect(mockSetUseTrashSurfaceForTipCal).toHaveBeenCalledWith(false)
+    expect(vi.mocked(setUseTrashSurfaceForTipCal)).toHaveBeenCalledWith(false)
   })
 
   it('should call mock setUseTrashSurfaceForTipCal with true when selecting always trash', () => {
-    mockGetUseTrashSurfaceForTipCal.mockReturnValue(false)
+    vi.mocked(getUseTrashSurfaceForTipCal).mockReturnValue(false)
     render()
     const radioButton = screen.getByRole('radio', {
       name: 'Always use trash bin to calibrate',
     })
     fireEvent.click(radioButton)
-    expect(mockSetUseTrashSurfaceForTipCal).toHaveBeenCalledWith(true)
+    expect(vi.mocked(setUseTrashSurfaceForTipCal)).toHaveBeenCalledWith(true)
   })
 
   it('should call mock resetUseTrashSurfaceForTipCal when selecting always prompt', () => {
@@ -79,6 +64,6 @@ describe('OT2AdvancedSettings', () => {
       name: 'Always show the prompt to choose calibration block or trash bin',
     })
     fireEvent.click(radioButton)
-    expect(mockResetUseTrashSurfaceForTipCal).toHaveBeenCalled()
+    expect(vi.mocked(resetUseTrashSurfaceForTipCal)).toHaveBeenCalled()
   })
 })