chore[GH-#836]: Add unit tests for shareBoardComponent (#1810)
This commit is contained in:
Julien Fabre
GitHub
parent
470be213ec
commit
941a47aead
2 changed files with 686 additions and 0 deletions
|
|
@ -0,0 +1,468 @@
|
||||||
|
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||||
|
|
||||||
|
exports[`src/components/shareBoardComponent return shareBoardComponent and click Copy link 1`] = `
|
||||||
|
<div>
|
||||||
|
<div
|
||||||
|
class="Modal bottom"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="toolbar hideOnWidescreen"
|
||||||
|
>
|
||||||
|
<button
|
||||||
|
aria-label="Close"
|
||||||
|
class="Button IconButton"
|
||||||
|
title="Close"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
<i
|
||||||
|
class="CompassIcon icon-close CloseIcon"
|
||||||
|
/>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="ShareBoardComponent"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="row"
|
||||||
|
>
|
||||||
|
<div>
|
||||||
|
Anyone with the link can view this board and all cards in it.
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="Switch on"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="octo-switch-inner"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="row"
|
||||||
|
>
|
||||||
|
<a
|
||||||
|
class="shareUrl"
|
||||||
|
href="http://localhost/plugins/focalboard/workspace/1/shared/1/1?r=oneToken"
|
||||||
|
rel="noreferrer"
|
||||||
|
target="_blank"
|
||||||
|
>
|
||||||
|
http://localhost/plugins/focalboard/workspace/1/shared/1/1?r=oneToken
|
||||||
|
</a>
|
||||||
|
<button
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
<span>
|
||||||
|
Copied!
|
||||||
|
</span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="row"
|
||||||
|
>
|
||||||
|
<button
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
<span>
|
||||||
|
Regenerate token
|
||||||
|
</span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
`;
|
||||||
|
|
||||||
|
exports[`src/components/shareBoardComponent return shareBoardComponent and click Regenerate token 1`] = `
|
||||||
|
<div>
|
||||||
|
<div
|
||||||
|
class="Modal bottom"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="toolbar hideOnWidescreen"
|
||||||
|
>
|
||||||
|
<button
|
||||||
|
aria-label="Close"
|
||||||
|
class="Button IconButton"
|
||||||
|
title="Close"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
<i
|
||||||
|
class="CompassIcon icon-close CloseIcon"
|
||||||
|
/>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="ShareBoardComponent"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="row"
|
||||||
|
>
|
||||||
|
<div>
|
||||||
|
Anyone with the link can view this board and all cards in it.
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="Switch on"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="octo-switch-inner"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="row"
|
||||||
|
>
|
||||||
|
<a
|
||||||
|
class="shareUrl"
|
||||||
|
href="http://localhost/plugins/focalboard/workspace/1/shared/1/1?r=oneToken"
|
||||||
|
rel="noreferrer"
|
||||||
|
target="_blank"
|
||||||
|
>
|
||||||
|
http://localhost/plugins/focalboard/workspace/1/shared/1/1?r=oneToken
|
||||||
|
</a>
|
||||||
|
<button
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
<span>
|
||||||
|
Copy link
|
||||||
|
</span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="row"
|
||||||
|
>
|
||||||
|
<button
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
<span>
|
||||||
|
Regenerate token
|
||||||
|
</span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
`;
|
||||||
|
|
||||||
|
exports[`src/components/shareBoardComponent return shareBoardComponent and click Switch 1`] = `
|
||||||
|
<div>
|
||||||
|
<div
|
||||||
|
class="Modal bottom"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="toolbar hideOnWidescreen"
|
||||||
|
>
|
||||||
|
<button
|
||||||
|
aria-label="Close"
|
||||||
|
class="Button IconButton"
|
||||||
|
title="Close"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
<i
|
||||||
|
class="CompassIcon icon-close CloseIcon"
|
||||||
|
/>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="ShareBoardComponent"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="row"
|
||||||
|
>
|
||||||
|
<div>
|
||||||
|
Anyone with the link can view this board and all cards in it.
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="Switch on"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="octo-switch-inner"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="row"
|
||||||
|
>
|
||||||
|
<a
|
||||||
|
class="shareUrl"
|
||||||
|
href="http://localhost/plugins/focalboard/workspace/1/shared/1/1?r=oneToken"
|
||||||
|
rel="noreferrer"
|
||||||
|
target="_blank"
|
||||||
|
>
|
||||||
|
http://localhost/plugins/focalboard/workspace/1/shared/1/1?r=oneToken
|
||||||
|
</a>
|
||||||
|
<button
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
<span>
|
||||||
|
Copy link
|
||||||
|
</span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="row"
|
||||||
|
>
|
||||||
|
<button
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
<span>
|
||||||
|
Regenerate token
|
||||||
|
</span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
`;
|
||||||
|
|
||||||
|
exports[`src/components/shareBoardComponent return shareBoardComponent and click Switch without sharing 1`] = `
|
||||||
|
<div>
|
||||||
|
<div
|
||||||
|
class="Modal bottom"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="toolbar hideOnWidescreen"
|
||||||
|
>
|
||||||
|
<button
|
||||||
|
aria-label="Close"
|
||||||
|
class="Button IconButton"
|
||||||
|
title="Close"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
<i
|
||||||
|
class="CompassIcon icon-close CloseIcon"
|
||||||
|
/>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="ShareBoardComponent"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="row"
|
||||||
|
>
|
||||||
|
<div>
|
||||||
|
Anyone with the link can view this board and all cards in it.
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="Switch on"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="octo-switch-inner"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="row"
|
||||||
|
>
|
||||||
|
<a
|
||||||
|
class="shareUrl"
|
||||||
|
href="http://localhost/plugins/focalboard/workspace/1/shared/1/1?r=aToken"
|
||||||
|
rel="noreferrer"
|
||||||
|
target="_blank"
|
||||||
|
>
|
||||||
|
http://localhost/plugins/focalboard/workspace/1/shared/1/1?r=aToken
|
||||||
|
</a>
|
||||||
|
<button
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
<span>
|
||||||
|
Copy link
|
||||||
|
</span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="row"
|
||||||
|
>
|
||||||
|
<button
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
<span>
|
||||||
|
Regenerate token
|
||||||
|
</span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
`;
|
||||||
|
|
||||||
|
exports[`src/components/shareBoardComponent should match snapshot 1`] = `
|
||||||
|
<div>
|
||||||
|
<div
|
||||||
|
class="Modal bottom"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="toolbar hideOnWidescreen"
|
||||||
|
>
|
||||||
|
<button
|
||||||
|
aria-label="Close"
|
||||||
|
class="Button IconButton"
|
||||||
|
title="Close"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
<i
|
||||||
|
class="CompassIcon icon-close CloseIcon"
|
||||||
|
/>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="ShareBoardComponent"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="row"
|
||||||
|
>
|
||||||
|
<div>
|
||||||
|
Publish and share this board with anyone who has the link
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="Switch"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="octo-switch-inner"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
`;
|
||||||
|
|
||||||
|
exports[`src/components/shareBoardComponent should match snapshot with sharing 1`] = `
|
||||||
|
<div>
|
||||||
|
<div
|
||||||
|
class="Modal bottom"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="toolbar hideOnWidescreen"
|
||||||
|
>
|
||||||
|
<button
|
||||||
|
aria-label="Close"
|
||||||
|
class="Button IconButton"
|
||||||
|
title="Close"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
<i
|
||||||
|
class="CompassIcon icon-close CloseIcon"
|
||||||
|
/>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="ShareBoardComponent"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="row"
|
||||||
|
>
|
||||||
|
<div>
|
||||||
|
Anyone with the link can view this board and all cards in it.
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="Switch on"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="octo-switch-inner"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="row"
|
||||||
|
>
|
||||||
|
<a
|
||||||
|
class="shareUrl"
|
||||||
|
href="http://localhost/plugins/focalboard/workspace/1/shared/1/1?r=oneToken"
|
||||||
|
rel="noreferrer"
|
||||||
|
target="_blank"
|
||||||
|
>
|
||||||
|
http://localhost/plugins/focalboard/workspace/1/shared/1/1?r=oneToken
|
||||||
|
</a>
|
||||||
|
<button
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
<span>
|
||||||
|
Copy link
|
||||||
|
</span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="row"
|
||||||
|
>
|
||||||
|
<button
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
<span>
|
||||||
|
Regenerate token
|
||||||
|
</span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
`;
|
||||||
|
|
||||||
|
exports[`src/components/shareBoardComponent should match snapshot with sharing and without workspaceId 1`] = `
|
||||||
|
<div>
|
||||||
|
<div
|
||||||
|
class="Modal bottom"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="toolbar hideOnWidescreen"
|
||||||
|
>
|
||||||
|
<button
|
||||||
|
aria-label="Close"
|
||||||
|
class="Button IconButton"
|
||||||
|
title="Close"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
<i
|
||||||
|
class="CompassIcon icon-close CloseIcon"
|
||||||
|
/>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="ShareBoardComponent"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="row"
|
||||||
|
>
|
||||||
|
<div>
|
||||||
|
Anyone with the link can view this board and all cards in it.
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="Switch on"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="octo-switch-inner"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="row"
|
||||||
|
>
|
||||||
|
<a
|
||||||
|
class="shareUrl"
|
||||||
|
href="http://localhost/shared/1/1?r=oneToken"
|
||||||
|
rel="noreferrer"
|
||||||
|
target="_blank"
|
||||||
|
>
|
||||||
|
http://localhost/shared/1/1?r=oneToken
|
||||||
|
</a>
|
||||||
|
<button
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
<span>
|
||||||
|
Copy link
|
||||||
|
</span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="row"
|
||||||
|
>
|
||||||
|
<button
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
<span>
|
||||||
|
Regenerate token
|
||||||
|
</span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
`;
|
||||||
218
webapp/src/components/shareBoardComponent.test.tsx
Normal file
218
webapp/src/components/shareBoardComponent.test.tsx
Normal file
|
|
@ -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(
|
||||||
|
<ShareBoardComponent
|
||||||
|
boardId={board.id}
|
||||||
|
onClose={jest.fn()}
|
||||||
|
/>), {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(
|
||||||
|
<ShareBoardComponent
|
||||||
|
boardId={board.id}
|
||||||
|
onClose={jest.fn()}
|
||||||
|
/>), {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(
|
||||||
|
<ShareBoardComponent
|
||||||
|
boardId={board.id}
|
||||||
|
onClose={jest.fn()}
|
||||||
|
/>), {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(
|
||||||
|
<ShareBoardComponent
|
||||||
|
boardId={board.id}
|
||||||
|
onClose={jest.fn()}
|
||||||
|
/>), {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(
|
||||||
|
<ShareBoardComponent
|
||||||
|
boardId={board.id}
|
||||||
|
onClose={jest.fn()}
|
||||||
|
/>), {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(
|
||||||
|
<ShareBoardComponent
|
||||||
|
boardId={board.id}
|
||||||
|
onClose={jest.fn()}
|
||||||
|
/>), {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(
|
||||||
|
<ShareBoardComponent
|
||||||
|
boardId={board.id}
|
||||||
|
onClose={jest.fn()}
|
||||||
|
/>), {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(
|
||||||
|
<ShareBoardComponent
|
||||||
|
boardId={board.id}
|
||||||
|
onClose={jest.fn()}
|
||||||
|
/>))
|
||||||
|
})
|
||||||
|
|
||||||
|
expect(mockedOctoClient.setSharing).toBeCalledTimes(1)
|
||||||
|
expect(mockedOctoClient.getSharing).toBeCalledTimes(2)
|
||||||
|
expect(mockedUtils.createGuid).toBeCalledTimes(1)
|
||||||
|
expect(container).toMatchSnapshot()
|
||||||
|
})
|
||||||
|
})
|
||||||
Loading…
Reference in a new issue