mirror of
https://github.com/joinmarket-webui/jam.git
synced 2026-08-18 13:09:10 +02:00
90fa57374b
* test: add basic test for App component * test: add basic test for Wallets component * Debug log only in dev env (spare test environment) * ci: enable tests in GitHub build workflow Co-authored-by: Dennis Reimann <mail@dennisreimann.de>
95 lines
3 KiB
JavaScript
95 lines
3 KiB
JavaScript
import React from 'react'
|
|
import { render, screen } from '@testing-library/react'
|
|
import { act } from 'react-dom/test-utils'
|
|
import user from '@testing-library/user-event'
|
|
|
|
import { AllTheProviders } from '../__util__/AllTheProviders'
|
|
|
|
import App from './App'
|
|
|
|
it('should display Onboarding screen initially', () => {
|
|
act(() => {
|
|
render(<App />, {
|
|
wrapper: AllTheProviders,
|
|
})
|
|
})
|
|
|
|
// Onboarding screen
|
|
expect(screen.getByText('Get started')).toBeInTheDocument()
|
|
expect(screen.getByText('Skip intro')).toBeInTheDocument()
|
|
|
|
// Wallets screen shown after Intro is skipped
|
|
expect(screen.queryByText('Your wallets')).not.toBeInTheDocument()
|
|
|
|
act(() => {
|
|
const skipIntro = screen.getByText('Skip intro')
|
|
user.click(skipIntro)
|
|
})
|
|
|
|
expect(screen.getByText('Your wallets')).toBeInTheDocument()
|
|
})
|
|
|
|
it('should display Wallets screen directly when Onboarding screen has been shown', () => {
|
|
global.__DEV__.addToAppSettings({ showOnboarding: false })
|
|
|
|
act(() => {
|
|
render(<App />, {
|
|
wrapper: AllTheProviders,
|
|
})
|
|
})
|
|
|
|
// Wallets screen
|
|
expect(screen.getByText('Your wallets')).toBeInTheDocument()
|
|
expect(screen.getByText('Create new wallet')).toBeInTheDocument()
|
|
|
|
// footer
|
|
expect(screen.getByText('Docs')).toBeInTheDocument()
|
|
expect(screen.getByText('Features')).toBeInTheDocument()
|
|
expect(screen.getByText('GitHub')).toBeInTheDocument()
|
|
expect(screen.getByText('Twitter')).toBeInTheDocument()
|
|
})
|
|
|
|
it('should display a modal with alpha warning information', () => {
|
|
global.__DEV__.addToAppSettings({ showOnboarding: false })
|
|
|
|
act(() => {
|
|
render(<App />, {
|
|
wrapper: AllTheProviders,
|
|
})
|
|
})
|
|
|
|
expect(screen.getByText('Read this before using.')).toBeInTheDocument()
|
|
expect(
|
|
screen.queryByText(/While JoinMarket is tried and tested, this user interface is not./)
|
|
).not.toBeInTheDocument()
|
|
|
|
act(() => {
|
|
const readThis = screen.getByText('Read this before using.')
|
|
user.click(readThis)
|
|
})
|
|
|
|
expect(screen.getByText(/While JoinMarket is tried and tested, this user interface is not./)).toBeInTheDocument()
|
|
expect(screen.getByText('Fine with me.')).toBeInTheDocument()
|
|
})
|
|
|
|
it('should display a websocket connection indicator', async () => {
|
|
global.__DEV__.addToAppSettings({ showOnboarding: false })
|
|
|
|
act(() => {
|
|
render(<App />, {
|
|
wrapper: AllTheProviders,
|
|
})
|
|
})
|
|
|
|
expect(screen.getByText('•').classList.contains('text-danger')).toBe(true)
|
|
expect(screen.getByText('•').classList.contains('text-success')).toBe(false)
|
|
expect(screen.getByText('Disconnected')).toBeInTheDocument()
|
|
expect(screen.queryByText('Connected')).not.toBeInTheDocument()
|
|
|
|
await global.__DEV__.JM_WEBSOCKET_SERVER_MOCK.connected
|
|
|
|
expect(screen.queryByText('Disconnected')).not.toBeInTheDocument()
|
|
expect(screen.getByText('Connected')).toBeInTheDocument()
|
|
expect(screen.getByText('•').classList.contains('text-success')).toBe(true)
|
|
expect(screen.getByText('•').classList.contains('text-danger')).toBe(false)
|
|
})
|