178664ed83
- Switched to pnpm - Updated to typescript 4.9.5 - JSX transforms switched to react-jsx - Use swc for typescript transforms - Remove deprecated dependencies - Cleanup unused types - Some ESM fixes - PostCSS config now lives in package.json - Bump support target TODO: - switch to vite or plain esbuild - jest to vitest / uvu - jquery to cash-dom - pure ESM (lodash-es, etc.) - drop prettier & husky (lint-staged is okay) - drop wasm cli & xterm.js - update bootstrap
66 lines
1.8 KiB
TypeScript
66 lines
1.8 KiB
TypeScript
import { render, fireEvent, waitFor } from '@testing-library/react'
|
|
import { t } from '@/scripts/i18n'
|
|
import * as fetch from '@/scripts/net'
|
|
import NotificationsList, {
|
|
Notification,
|
|
} from '@/views/widgets/NotificationsList'
|
|
|
|
jest.mock('@/scripts/net')
|
|
|
|
beforeEach(() => {
|
|
document.body.innerHTML = ''
|
|
})
|
|
|
|
function createContainer(notifications: Notification[]) {
|
|
const container = document.createElement('div')
|
|
container.dataset.notifications = JSON.stringify(notifications)
|
|
container.dataset.t = 'no unread'
|
|
document.body.appendChild(container)
|
|
}
|
|
|
|
test('should not throw if element does not exist', () => {
|
|
render(<NotificationsList />)
|
|
})
|
|
|
|
test('no unread notifications', () => {
|
|
createContainer([])
|
|
|
|
const { queryByText } = render(<NotificationsList />)
|
|
|
|
expect(queryByText('no unread')).toBeInTheDocument()
|
|
})
|
|
|
|
test('with unread notifications', () => {
|
|
createContainer([{ id: '1', title: 'hi' }])
|
|
|
|
const { queryByText } = render(<NotificationsList />)
|
|
|
|
expect(queryByText('1')).toBeInTheDocument()
|
|
expect(queryByText('hi')).toBeInTheDocument()
|
|
})
|
|
|
|
test('read notification', async () => {
|
|
const time = new Date().toLocaleTimeString()
|
|
const fixture = {
|
|
title: 'hi - title',
|
|
content: 'content here',
|
|
time,
|
|
}
|
|
|
|
createContainer([{ id: '1', title: 'hi' }])
|
|
fetch.post.mockResolvedValue(fixture)
|
|
|
|
const { getByText, queryByText } = render(<NotificationsList />)
|
|
|
|
fireEvent.click(getByText('hi'))
|
|
await waitFor(() => expect(fetch.post).toBeCalled())
|
|
|
|
expect(queryByText(fixture.title)).toBeInTheDocument()
|
|
expect(queryByText(fixture.content)).toBeInTheDocument()
|
|
expect(queryByText(fixture.time)).toBeInTheDocument()
|
|
expect(queryByText('no unread')).toBeInTheDocument()
|
|
expect(queryByText('1')).not.toBeInTheDocument()
|
|
|
|
fireEvent.click(getByText(t('general.confirm')))
|
|
})
|