diff --git a/webapp/src/components/__snapshots__/shareBoardComponent.test.tsx.snap b/webapp/src/components/__snapshots__/shareBoardComponent.test.tsx.snap new file mode 100644 index 000000000..3e206da69 --- /dev/null +++ b/webapp/src/components/__snapshots__/shareBoardComponent.test.tsx.snap @@ -0,0 +1,468 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`src/components/shareBoardComponent return shareBoardComponent and click Copy link 1`] = ` +
+
+
+ +
+
+
+
+ Anyone with the link can view this board and all cards in it. +
+
+
+
+
+
+ + http://localhost/plugins/focalboard/workspace/1/shared/1/1?r=oneToken + + +
+
+ +
+
+
+
+`; + +exports[`src/components/shareBoardComponent return shareBoardComponent and click Regenerate token 1`] = ` +
+
+
+ +
+
+
+
+ Anyone with the link can view this board and all cards in it. +
+
+
+
+
+
+ + http://localhost/plugins/focalboard/workspace/1/shared/1/1?r=oneToken + + +
+
+ +
+
+
+
+`; + +exports[`src/components/shareBoardComponent return shareBoardComponent and click Switch 1`] = ` +
+
+
+ +
+
+
+
+ Anyone with the link can view this board and all cards in it. +
+
+
+
+
+
+ + http://localhost/plugins/focalboard/workspace/1/shared/1/1?r=oneToken + + +
+
+ +
+
+
+
+`; + +exports[`src/components/shareBoardComponent return shareBoardComponent and click Switch without sharing 1`] = ` +
+
+
+ +
+
+
+
+ Anyone with the link can view this board and all cards in it. +
+
+
+
+
+
+ + http://localhost/plugins/focalboard/workspace/1/shared/1/1?r=aToken + + +
+
+ +
+
+
+
+`; + +exports[`src/components/shareBoardComponent should match snapshot 1`] = ` +
+
+
+ +
+
+
+
+ Publish and share this board with anyone who has the link +
+
+
+
+
+
+
+
+`; + +exports[`src/components/shareBoardComponent should match snapshot with sharing 1`] = ` +
+
+
+ +
+
+
+
+ Anyone with the link can view this board and all cards in it. +
+
+
+
+
+
+ + http://localhost/plugins/focalboard/workspace/1/shared/1/1?r=oneToken + + +
+
+ +
+
+
+
+`; + +exports[`src/components/shareBoardComponent should match snapshot with sharing and without workspaceId 1`] = ` +
+
+
+ +
+
+
+
+ Anyone with the link can view this board and all cards in it. +
+
+
+
+
+
+ + http://localhost/shared/1/1?r=oneToken + + +
+
+ +
+
+
+
+`; diff --git a/webapp/src/components/shareBoardComponent.test.tsx b/webapp/src/components/shareBoardComponent.test.tsx new file mode 100644 index 000000000..8233ecdb4 --- /dev/null +++ b/webapp/src/components/shareBoardComponent.test.tsx @@ -0,0 +1,218 @@ +// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved. +// See LICENSE.txt for license information. +import {act, render, screen} from '@testing-library/react' +import userEvent from '@testing-library/user-event' + +import React from 'react' +import {MemoryRouter} from 'react-router' +import {mocked} from 'ts-jest/utils' + +import {ISharing} from '../blocks/sharing' +import {TestBlockFactory} from '../test/testBlockFactory' +import {wrapDNDIntl} from '../testUtils' +import client from '../octoClient' +import {Utils} from '../utils' + +import ShareBoardComponent from './shareBoardComponent' + +jest.useFakeTimers() + +const boardId = '1' +const workspaceId: string|undefined = boardId +const viewId = boardId + +jest.mock('../octoClient') +jest.mock('../utils') +const mockedOctoClient = mocked(client, true) +const mockedUtils = mocked(Utils, true) +let params = {} +jest.mock('react-router', () => { + const originalModule = jest.requireActual('react-router') + + return { + ...originalModule, + useRouteMatch: jest.fn(() => { + return { + url: 'http://localhost/', + path: '/', + params, + isExact: true, + } + }), + } +}) +const board = TestBlockFactory.createBoard() +board.id = boardId + +describe('src/components/shareBoardComponent', () => { + beforeEach(() => { + jest.clearAllMocks() + params = { + boardId, + viewId, + workspaceId, + } + }) + test('should match snapshot', async () => { + mockedOctoClient.getSharing.mockResolvedValue(undefined) + let container + await act(async () => { + const result = render(wrapDNDIntl( + ), {wrapper: MemoryRouter}) + container = result.container + }) + expect(container).toMatchSnapshot() + }) + test('should match snapshot with sharing', async () => { + const sharing:ISharing = { + id: boardId, + enabled: true, + token: 'oneToken', + } + mockedOctoClient.getSharing.mockResolvedValue(sharing) + let container + await act(async () => { + const result = render(wrapDNDIntl( + ), {wrapper: MemoryRouter}) + container = result.container + }) + expect(container).toMatchSnapshot() + }) + test('should match snapshot with sharing and without workspaceId', async () => { + const sharing:ISharing = { + id: boardId, + enabled: true, + token: 'oneToken', + } + params = { + boardId, + viewId, + } + mockedOctoClient.getSharing.mockResolvedValue(sharing) + let container + await act(async () => { + const result = render(wrapDNDIntl( + ), {wrapper: MemoryRouter}) + container = result.container + }) + expect(container).toMatchSnapshot() + }) + test('return shareBoardComponent and click Copy link', async () => { + const sharing:ISharing = { + id: boardId, + enabled: true, + token: 'oneToken', + } + mockedOctoClient.getSharing.mockResolvedValue(sharing) + let container: Element | undefined + await act(async () => { + const result = render(wrapDNDIntl( + ), {wrapper: MemoryRouter}) + container = result.container + }) + const copyLinkElement = screen.getByRole('button', {name: 'Copy link'}) + expect(copyLinkElement).toBeDefined() + userEvent.click(copyLinkElement) + expect(mockedUtils.copyTextToClipboard).toBeCalledTimes(1) + expect(container).toMatchSnapshot() + }) + test('return shareBoardComponent and click Regenerate token', async () => { + window.confirm = jest.fn(() => { + return true + }) + const sharing:ISharing = { + id: boardId, + enabled: true, + token: 'oneToken', + } + mockedOctoClient.getSharing.mockResolvedValue(sharing) + let container: Element | undefined + await act(async () => { + const result = render(wrapDNDIntl( + ), {wrapper: MemoryRouter}) + container = result.container + }) + sharing.token = 'anotherToken' + mockedUtils.createGuid.mockReturnValue('anotherToken') + mockedOctoClient.getSharing.mockResolvedValue(sharing) + mockedOctoClient.setSharing.mockResolvedValue(true) + const regenerateTokenElement = screen.getByRole('button', {name: 'Regenerate token'}) + expect(regenerateTokenElement).toBeDefined() + userEvent.click(regenerateTokenElement) + await act(async () => { + jest.runOnlyPendingTimers() + }) + expect(mockedOctoClient.setSharing).toBeCalledTimes(1) + expect(container).toMatchSnapshot() + }) + test('return shareBoardComponent and click Switch', async () => { + const sharing:ISharing = { + id: boardId, + enabled: true, + token: 'oneToken', + } + mockedOctoClient.getSharing.mockResolvedValue(sharing) + let container: Element | undefined + await act(async () => { + const result = render(wrapDNDIntl( + ), {wrapper: MemoryRouter}) + container = result.container + }) + const switchElement = container?.querySelector('.Switch') + expect(switchElement).toBeDefined() + userEvent.click(switchElement!) + expect(mockedOctoClient.setSharing).toBeCalledTimes(1) + expect(mockedOctoClient.getSharing).toBeCalledTimes(1) + expect(container).toMatchSnapshot() + }) + test('return shareBoardComponent and click Switch without sharing', async () => { + mockedOctoClient.getSharing.mockResolvedValue(undefined) + mockedUtils.createGuid.mockReturnValue('aToken') + let container: Element | undefined + await act(async () => { + const result = render(wrapDNDIntl( + ), {wrapper: MemoryRouter}) + container = result.container + mockedOctoClient.getSharing.mockResolvedValue({ + id: boardId, + enabled: true, + token: 'aToken', + }) + const switchElement = container?.querySelector('.Switch') + expect(switchElement).toBeDefined() + userEvent.click(switchElement!) + jest.runOnlyPendingTimers() + result.rerender(wrapDNDIntl( + )) + }) + + expect(mockedOctoClient.setSharing).toBeCalledTimes(1) + expect(mockedOctoClient.getSharing).toBeCalledTimes(2) + expect(mockedUtils.createGuid).toBeCalledTimes(1) + expect(container).toMatchSnapshot() + }) +})