notificationBox.test.tsx
TLDR
This file is a test file for the NotificationBox
component. It contains a series of tests that check if the NotificationBox
component matches the expected snapshots.
Methods
This file does not contain any methods.
Classes
This file does not contain any classes.
// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
// See LICENSE.txt for license information.
import React from 'react'
import {render} from '@testing-library/react'
import '@testing-library/jest-dom'
import {wrapIntl} from '../../testUtils'
import NotificationBox from './notificationBox'
describe('widgets/NotificationBox', () => {
beforeEach(() => {
// Quick fix to disregard console error when unmounting a component
console.error = jest.fn()
document.execCommand = jest.fn()
})
test('should match snapshot without icon and close', () => {
const component = wrapIntl(
<NotificationBox
title='title'
>
{'CONTENT'}
</NotificationBox>,
)
const {container} = render(component)
expect(container).toMatchSnapshot()
})
test('should match snapshot with icon', () => {
const component = wrapIntl(
<NotificationBox
title='title'
icon='ICON'
>
{'CONTENT'}
</NotificationBox>,
)
const {container} = render(component)
expect(container).toMatchSnapshot()
})
test('should match snapshot with close without tooltip', () => {
const component = wrapIntl(
<NotificationBox
title='title'
onClose={() => null}
>
{'CONTENT'}
</NotificationBox>,
)
const {container} = render(component)
expect(container).toMatchSnapshot()
})
test('should match snapshot with close with tooltip', () => {
const component = wrapIntl(
<NotificationBox
title='title'
onClose={() => null}
closeTooltip='tooltip'
>
{'CONTENT'}
</NotificationBox>,
)
const {container} = render(component)
expect(container).toMatchSnapshot()
})
test('should match snapshot with icon and close with tooltip', () => {
const component = wrapIntl(
<NotificationBox
title='title'
icon='ICON'
onClose={() => null}
closeTooltip='tooltip'
>
{'CONTENT'}
</NotificationBox>,
)
const {container} = render(component)
expect(container).toMatchSnapshot()
})
})