Spaces:
Sleeping
Sleeping
File size: 4,281 Bytes
13555f3 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 | // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
// See LICENSE.txt for license information.
import React from 'react'
import {render, screen} from '@testing-library/react'
import {Provider as ReduxProvider} from 'react-redux'
import '@testing-library/jest-dom'
import userEvent from '@testing-library/user-event'
import {mocked} from 'jest-mock'
import {BoardView} from '../../blocks/boardView'
import {TestBlockFactory} from '../../test/testBlockFactory'
import mutator from '../../mutator'
import {mockStateStore, wrapIntl} from '../../testUtils'
import {Constants} from '../../constants'
import ViewHeaderPropertiesMenu from './viewHeaderPropertiesMenu'
jest.mock('../../mutator')
const mockedMutator = mocked(mutator, true)
const board = TestBlockFactory.createBoard()
let activeView: BoardView
describe('components/viewHeader/viewHeaderPropertiesMenu', () => {
const state = {
users: {
me: {
id: 'user-id-1',
username: 'username_1'},
},
}
const store = mockStateStore([], state)
beforeEach(() => {
jest.clearAllMocks()
activeView = TestBlockFactory.createBoardView(board)
})
test('return properties menu', () => {
const {container} = render(
wrapIntl(
<ReduxProvider store={store}>
<ViewHeaderPropertiesMenu
activeView={activeView}
properties={board.cardProperties}
/>
</ReduxProvider>,
),
)
const buttonElement = screen.getByRole('button', {name: 'Properties menu'})
userEvent.click(buttonElement)
expect(container).toMatchSnapshot()
})
test('return properties menu with gallery typeview', () => {
activeView.fields.viewType = 'gallery'
const {container} = render(
wrapIntl(
<ReduxProvider store={store}>
<ViewHeaderPropertiesMenu
activeView={activeView}
properties={board.cardProperties}
/>
</ReduxProvider>,
),
)
const buttonElement = screen.getByRole('button', {name: 'Properties menu'})
userEvent.click(buttonElement)
expect(container).toMatchSnapshot()
})
test('show menu and verify the call for showing card badges', () => {
render(
wrapIntl(
<ReduxProvider store={store}>
<ViewHeaderPropertiesMenu
activeView={activeView}
properties={board.cardProperties}
/>
</ReduxProvider>,
),
)
const menuButton = screen.getByRole('button', {name: 'Properties menu'})
userEvent.click(menuButton)
const badgesButton = screen.getByRole('button', {name: 'Comments and description'})
userEvent.click(badgesButton)
expect(mockedMutator.changeViewVisibleProperties).toHaveBeenCalledWith(
activeView.boardId,
activeView.id,
activeView.fields.visiblePropertyIds,
[...activeView.fields.visiblePropertyIds, Constants.badgesColumnId],
)
})
test('show menu and verify that it is not closed after clicking on the item', () => {
render(
wrapIntl(
<ReduxProvider store={store}>
<ViewHeaderPropertiesMenu
activeView={activeView}
properties={board.cardProperties}
/>
</ReduxProvider>,
),
)
const menuButton = screen.getByRole('button', {name: 'Properties menu'})
userEvent.click(menuButton)
const property1Button = screen.getByRole('button', {name: 'Property 1'})
userEvent.click(property1Button)
expect(property1Button).toBeInTheDocument()
const property2Button = screen.getByRole('button', {name: 'Property 2'})
userEvent.click(property2Button)
expect(property2Button).toBeInTheDocument()
expect(mockedMutator.changeViewVisibleProperties).toHaveBeenCalledTimes(2)
})
})
|