diff --git a/webapp/src/components/viewHeader/__snapshots__/viewHeaderPropertiesMenu.test.tsx.snap b/webapp/src/components/viewHeader/__snapshots__/viewHeaderPropertiesMenu.test.tsx.snap new file mode 100644 index 000000000..64f9468f7 --- /dev/null +++ b/webapp/src/components/viewHeader/__snapshots__/viewHeaderPropertiesMenu.test.tsx.snap @@ -0,0 +1,282 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`components/viewHeader/viewHeaderPropertiesMenu return properties menu 1`] = ` +
+
+ +
+
+
+
+
+
+ Status +
+
+
+
+
+
+
+
+ Property 1 +
+
+
+
+
+
+
+
+ Property 2 +
+
+
+
+
+
+
+
+ Property 3 +
+
+
+
+
+
+
+
+
+
+
+ Cancel +
+
+
+
+
+
+
+
+`; + +exports[`components/viewHeader/viewHeaderPropertiesMenu return properties menu with gallery typeview 1`] = ` +
+
+ +
+
+
+
+
+
+ Title +
+
+
+
+
+
+
+
+ Status +
+
+
+
+
+
+
+
+ Property 1 +
+
+
+
+
+
+
+
+ Property 2 +
+
+
+
+
+
+
+
+ Property 3 +
+
+
+
+
+
+
+
+
+
+
+ Cancel +
+
+
+
+
+
+
+
+`; diff --git a/webapp/src/components/viewHeader/viewHeaderPropertiesMenu.test.tsx b/webapp/src/components/viewHeader/viewHeaderPropertiesMenu.test.tsx new file mode 100644 index 000000000..7a59259a9 --- /dev/null +++ b/webapp/src/components/viewHeader/viewHeaderPropertiesMenu.test.tsx @@ -0,0 +1,65 @@ +// 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 {BoardView} from '../../blocks/boardView' + +import {TestBlockFactory} from '../../test/testBlockFactory' + +import {mockStateStore, wrapIntl} from '../../testUtils' + +import ViewHeaderPropertiesMenu from './viewHeaderPropertiesMenu' + +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( + + + , + ), + ) + const buttonElement = screen.getByRole('button', {name: 'menuwrapper'}) + userEvent.click(buttonElement) + expect(container).toMatchSnapshot() + }) + test('return properties menu with gallery typeview', () => { + activeView.fields.viewType = 'gallery' + const {container} = render( + wrapIntl( + + + , + ), + ) + const buttonElement = screen.getByRole('button', {name: 'menuwrapper'}) + userEvent.click(buttonElement) + expect(container).toMatchSnapshot() + }) +})