8ef31a0be1
* Convert commandBarMachine to standalone actor * Switch all uses of CommandBarProvider pattern to use actor and selector snapshots directly
36 lines
1.0 KiB
TypeScript
36 lines
1.0 KiB
TypeScript
import { fireEvent, render, screen } from '@testing-library/react'
|
|
import { BrowserRouter } from 'react-router-dom'
|
|
import { SettingsAuthProviderJest } from './SettingsAuthProvider'
|
|
import {
|
|
NETWORK_HEALTH_TEXT,
|
|
NetworkHealthIndicator,
|
|
} from './NetworkHealthIndicator'
|
|
import { NetworkHealthState } from 'hooks/useNetworkStatus'
|
|
|
|
function TestWrap({ children }: { children: React.ReactNode }) {
|
|
// wrap in router and xState context
|
|
return (
|
|
<BrowserRouter>
|
|
<SettingsAuthProviderJest>{children}</SettingsAuthProviderJest>
|
|
</BrowserRouter>
|
|
)
|
|
}
|
|
|
|
// Our Playwright tests for this are much more comprehensive.
|
|
describe('NetworkHealthIndicator tests', () => {
|
|
test('Renders the network indicator', () => {
|
|
render(
|
|
<TestWrap>
|
|
<NetworkHealthIndicator />
|
|
</TestWrap>
|
|
)
|
|
|
|
fireEvent.click(screen.getByTestId('network-toggle'))
|
|
|
|
// Starts as disconnected
|
|
expect(screen.getByTestId('network')).toHaveTextContent(
|
|
NETWORK_HEALTH_TEXT[NetworkHealthState.Disconnected]
|
|
)
|
|
})
|
|
})
|