self-hosted/focalboard
1
0
Fork 0
mirror of https://github.com/mattermost/focalboard.git synced 2025-07-15 23:54:29 +02:00
Code Issues Releases Activity

Merge pull request #135 from renjithgr/main

Browse Source 
[GH-132] Add unit tests for propertyMenu component.
This commit is contained in:
Jesús Espino
2021-03-20 09:32:00 +01:00
committed by GitHub
parent 7de0f90bde ddc357ed35
commit 9d7e8b0fff
1 changed files with 68 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

85
webapp/src/widgets/propertyMenu.test.tsx
View File

@ -2,12 +2,14 @@
// See LICENSE.txt for license information.
import React from 'react'
import {render} from '@testing-library/react'
import {fireEvent, render} from '@testing-library/react'
import '@testing-library/jest-dom'
import {IntlProvider} from 'react-intl'
import PropertyMenu from './propertyMenu'
const wrapIntl = (children: any) => <IntlProvider locale='en'>{children}</IntlProvider>
describe('widgets/PropertyMenu', () => {
beforeEach(() => {
// Quick fix to disregard console error when unmounting a component
@ -16,24 +18,73 @@ describe('widgets/PropertyMenu', () => {
})
test('should display the type of property', () => {
const rootPortalDiv = document.createElement('div')
rootPortalDiv.id = 'root-portal'
const callback = jest.fn()
const {getByText} = render(
<IntlProvider locale='en'>
<PropertyMenu
propertyId={'id'}
propertyName={'email of a person'}
propertyType={'email'}
onTypeChanged={callback}
onNameChanged={callback}
onDelete={callback}
/>
</IntlProvider>,
{container: document.body.appendChild(rootPortalDiv)},
const component = wrapIntl(
<PropertyMenu
propertyId={'id'}
propertyName={'email of a person'}
propertyType={'email'}
onTypeChanged={callback}
onNameChanged={callback}
onDelete={callback}
/>,
)
const {getByText} = render(component)
expect(getByText('Type: Email')).toBeVisible()
})
test('handles delete event', () => {
const callback = jest.fn()
const component = wrapIntl(
<PropertyMenu
propertyId={'id'}
propertyName={'email of a person'}
propertyType={'email'}
onTypeChanged={callback}
onNameChanged={callback}
onDelete={callback}
/>,
)
const {getByText} = render(component)
fireEvent.click(getByText(/delete/i))
expect(callback).toHaveBeenCalledWith('id')
})
test('handles name change event', () => {
const callback = jest.fn()
const component = wrapIntl(
<PropertyMenu
propertyId={'id'}
propertyName={'test-property'}
propertyType={'text'}
onTypeChanged={callback}
onNameChanged={callback}
onDelete={callback}
/>,
)
const {getByDisplayValue} = render(component)
const input = getByDisplayValue(/test-property/i)
fireEvent.change(input, {target: {value: 'changed name'}})
fireEvent.blur(input)
expect(callback).toHaveBeenCalledWith('changed name')
})
test('handles type change event', () => {
const callback = jest.fn()
const component = wrapIntl(
<PropertyMenu
propertyId={'id'}
propertyName={'test-property'}
propertyType={'text'}
onTypeChanged={callback}
onNameChanged={callback}
onDelete={callback}
/>,
)
const {getByText} = render(component)
const menuOpen = getByText(/Type: Text/i)
fireEvent.click(menuOpen)
fireEvent.click(getByText('Select'))
expect(callback).toHaveBeenCalledWith('select')
})
})