mirror of
https://github.com/mattermost/focalboard.git
synced 2025-03-29 21:01:01 +02:00
3f451d568b
* Adding the "contact admin" link (#3229) * Allowing to contact admin to upgrade from the card limit notification box * Adding the styles * Improving the interface * i18n changes * Fixing linter errors * Using the right notificationBox * Fixing tests * Fixing tests Co-authored-by: Mattermod <mattermod@users.noreply.github.com>
667 lines
24 KiB
TypeScript
667 lines
24 KiB
TypeScript
// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
|
|
// See LICENSE.txt for license information.
|
|
import {fireEvent, render, screen, within, act} from '@testing-library/react'
|
|
import userEvent from '@testing-library/user-event'
|
|
import React from 'react'
|
|
import {mocked} from 'jest-mock'
|
|
import {Provider as ReduxProvider} from 'react-redux'
|
|
|
|
import {mockDOM, mockStateStore, wrapDNDIntl} from '../testUtils'
|
|
import {TestBlockFactory} from '../test/testBlockFactory'
|
|
import {IPropertyTemplate} from '../blocks/board'
|
|
import {Utils} from '../utils'
|
|
import Mutator from '../mutator'
|
|
import {Constants} from '../constants'
|
|
|
|
import CenterPanel from './centerPanel'
|
|
Object.defineProperty(Constants, 'versionString', {value: '1.0.0'})
|
|
jest.mock('react-router-dom', () => {
|
|
const originalModule = jest.requireActual('react-router-dom')
|
|
|
|
return {
|
|
...originalModule,
|
|
useRouteMatch: jest.fn(() => {
|
|
return {url: '/board/view'}
|
|
}),
|
|
}
|
|
})
|
|
jest.mock('../utils')
|
|
jest.mock('../mutator')
|
|
jest.mock('../telemetry/telemetryClient')
|
|
jest.mock('draft-js/lib/generateRandomKey', () => () => '123')
|
|
const mockedUtils = mocked(Utils, true)
|
|
const mockedMutator = mocked(Mutator, true)
|
|
mockedUtils.createGuid.mockReturnValue('test-id')
|
|
mockedUtils.generateClassName = jest.requireActual('../utils').Utils.generateClassName
|
|
describe('components/centerPanel', () => {
|
|
const board = TestBlockFactory.createBoard()
|
|
board.id = '1'
|
|
board.teamId = 'team-id'
|
|
const activeView = TestBlockFactory.createBoardView(board)
|
|
activeView.id = '1'
|
|
const card1 = TestBlockFactory.createCard(board)
|
|
card1.id = '1'
|
|
card1.title = 'card1'
|
|
card1.fields.isTemplate = true
|
|
card1.fields.properties = {id: 'property_value_id_1'}
|
|
const card2 = TestBlockFactory.createCard(board)
|
|
card2.id = '2'
|
|
card2.title = 'card2'
|
|
card2.fields.properties = {id: 'property_value_id_1'}
|
|
const comment1 = TestBlockFactory.createComment(card1)
|
|
comment1.id = '1'
|
|
const comment2 = TestBlockFactory.createComment(card2)
|
|
comment2.id = '2'
|
|
const groupProperty: IPropertyTemplate = {
|
|
id: 'id',
|
|
name: 'name',
|
|
type: 'text',
|
|
options: [
|
|
{
|
|
color: 'propColorOrange',
|
|
id: 'property_value_id_1',
|
|
value: 'Q1',
|
|
},
|
|
{
|
|
color: 'propColorBlue',
|
|
id: 'property_value_id_2',
|
|
value: 'Q2',
|
|
},
|
|
],
|
|
}
|
|
const state = {
|
|
clientConfig: {
|
|
value: {
|
|
featureFlags: {
|
|
subscriptions: true,
|
|
},
|
|
},
|
|
},
|
|
searchText: '',
|
|
users: {
|
|
me: {
|
|
id: 'user_id_1',
|
|
props: {
|
|
focalboard_onboardingTourStarted: false,
|
|
},
|
|
},
|
|
workspaceUsers: [
|
|
{username: 'username_1'},
|
|
],
|
|
boardUsers: [
|
|
{username: 'username_1'},
|
|
],
|
|
blockSubscriptions: [],
|
|
},
|
|
teams: {
|
|
current: {id: 'team-id'},
|
|
},
|
|
boards: {
|
|
current: board.id,
|
|
boards: {
|
|
[board.id]: board,
|
|
},
|
|
templates: [],
|
|
myBoardMemberships: {
|
|
[board.id]: {userId: 'user_id_1', schemeAdmin: true},
|
|
},
|
|
},
|
|
limits: {
|
|
limits: {
|
|
cards: 0,
|
|
used_cards: 0,
|
|
card_limit_timestamp: 0,
|
|
views: 0,
|
|
},
|
|
},
|
|
cards: {
|
|
templates: [card1, card2],
|
|
cards: [card1, card2],
|
|
current: card1.id,
|
|
},
|
|
views: {
|
|
views: {
|
|
boardView: activeView,
|
|
},
|
|
current: 'boardView',
|
|
},
|
|
contents: {
|
|
contents: [],
|
|
contentsByCard: {},
|
|
},
|
|
comments: {
|
|
comments: [comment1, comment2],
|
|
commentsByCard: {
|
|
[card1.id]: [comment1],
|
|
[card2.id]: [comment2],
|
|
},
|
|
},
|
|
imits: {
|
|
limits: {
|
|
views: 0,
|
|
},
|
|
},
|
|
}
|
|
const store = mockStateStore([], state)
|
|
beforeAll(() => {
|
|
mockDOM()
|
|
console.error = jest.fn()
|
|
})
|
|
beforeEach(() => {
|
|
activeView.fields.viewType = 'board'
|
|
jest.clearAllMocks()
|
|
})
|
|
test('should match snapshot for Kanban, not shared', () => {
|
|
const {container} = render(wrapDNDIntl(
|
|
<ReduxProvider store={store}>
|
|
<CenterPanel
|
|
cards={[card1]}
|
|
views={[activeView]}
|
|
board={board}
|
|
activeView={activeView}
|
|
readonly={false}
|
|
showCard={jest.fn()}
|
|
groupByProperty={groupProperty}
|
|
shownCardId={card1.id}
|
|
hiddenCardsCount={0}
|
|
/>
|
|
</ReduxProvider>,
|
|
))
|
|
expect(container).toMatchSnapshot()
|
|
})
|
|
test('should match snapshot for Kanban', () => {
|
|
const {container} = render(wrapDNDIntl(
|
|
<ReduxProvider store={store}>
|
|
<CenterPanel
|
|
cards={[card1]}
|
|
views={[activeView]}
|
|
board={board}
|
|
activeView={activeView}
|
|
readonly={false}
|
|
showCard={jest.fn()}
|
|
groupByProperty={groupProperty}
|
|
shownCardId={card1.id}
|
|
hiddenCardsCount={0}
|
|
/>
|
|
</ReduxProvider>,
|
|
))
|
|
expect(container).toMatchSnapshot()
|
|
})
|
|
test('should match snapshot for Gallery', () => {
|
|
activeView.fields.viewType = 'gallery'
|
|
const {container} = render(wrapDNDIntl(
|
|
<ReduxProvider store={store}>
|
|
<CenterPanel
|
|
cards={[card1]}
|
|
views={[activeView]}
|
|
board={board}
|
|
activeView={activeView}
|
|
readonly={false}
|
|
showCard={jest.fn()}
|
|
groupByProperty={groupProperty}
|
|
shownCardId={card1.id}
|
|
hiddenCardsCount={0}
|
|
/>
|
|
</ReduxProvider>,
|
|
))
|
|
expect(container).toMatchSnapshot()
|
|
})
|
|
test('should match snapshot for Table', () => {
|
|
activeView.fields.viewType = 'table'
|
|
const {container} = render(wrapDNDIntl(
|
|
<ReduxProvider store={store}>
|
|
<CenterPanel
|
|
cards={[card1]}
|
|
views={[activeView]}
|
|
board={board}
|
|
activeView={activeView}
|
|
readonly={false}
|
|
showCard={jest.fn()}
|
|
groupByProperty={groupProperty}
|
|
shownCardId={card1.id}
|
|
hiddenCardsCount={0}
|
|
/>
|
|
</ReduxProvider>,
|
|
))
|
|
expect(container).toMatchSnapshot()
|
|
})
|
|
describe('return centerPanel and', () => {
|
|
test('select one card and click background', () => {
|
|
activeView.fields.viewType = 'table'
|
|
const {container} = render(wrapDNDIntl(
|
|
<ReduxProvider store={store}>
|
|
<CenterPanel
|
|
cards={[card1, card2]}
|
|
views={[activeView]}
|
|
board={board}
|
|
activeView={activeView}
|
|
readonly={false}
|
|
showCard={jest.fn()}
|
|
groupByProperty={groupProperty}
|
|
shownCardId={card1.id}
|
|
hiddenCardsCount={0}
|
|
/>
|
|
</ReduxProvider>,
|
|
))
|
|
|
|
//select card
|
|
const cardElement = screen.getByRole('textbox', {name: 'card1'})
|
|
expect(cardElement).not.toBeNull()
|
|
userEvent.click(cardElement, {shiftKey: true})
|
|
expect(container).toMatchSnapshot()
|
|
|
|
//background
|
|
const boardElement = container.querySelector('.BoardComponent')
|
|
expect(boardElement).not.toBeNull()
|
|
userEvent.click(boardElement!)
|
|
expect(container).toMatchSnapshot()
|
|
})
|
|
|
|
test('press touch 1 with readonly', () => {
|
|
activeView.fields.viewType = 'table'
|
|
const {container, baseElement} = render(wrapDNDIntl(
|
|
<ReduxProvider store={store}>
|
|
<CenterPanel
|
|
cards={[card1, card2]}
|
|
views={[activeView]}
|
|
board={board}
|
|
activeView={activeView}
|
|
readonly={true}
|
|
showCard={jest.fn()}
|
|
groupByProperty={groupProperty}
|
|
shownCardId={card1.id}
|
|
hiddenCardsCount={0}
|
|
/>
|
|
</ReduxProvider>,
|
|
))
|
|
|
|
//touch '1'
|
|
fireEvent.keyDown(baseElement, {keyCode: 49})
|
|
expect(container).toMatchSnapshot()
|
|
})
|
|
|
|
test('press touch esc for one card selected', () => {
|
|
activeView.fields.viewType = 'table'
|
|
const {container, baseElement} = render(wrapDNDIntl(
|
|
<ReduxProvider store={store}>
|
|
<CenterPanel
|
|
cards={[card1, card2]}
|
|
views={[activeView]}
|
|
board={board}
|
|
activeView={activeView}
|
|
readonly={false}
|
|
showCard={jest.fn()}
|
|
groupByProperty={groupProperty}
|
|
shownCardId={card1.id}
|
|
hiddenCardsCount={0}
|
|
/>
|
|
</ReduxProvider>,
|
|
))
|
|
|
|
act(() => {
|
|
const cardElement = screen.getByRole('textbox', {name: 'card1'})
|
|
expect(cardElement.parentNode).not.toBeNull()
|
|
userEvent.click(cardElement as HTMLElement, {shiftKey: true})
|
|
})
|
|
expect(container).toMatchSnapshot()
|
|
|
|
//escape
|
|
fireEvent.keyDown(baseElement, {keyCode: 27})
|
|
expect(container).toMatchSnapshot()
|
|
})
|
|
test('press touch esc for two cards selected', async () => {
|
|
activeView.fields.viewType = 'table'
|
|
const {container, baseElement} = render(wrapDNDIntl(
|
|
<ReduxProvider store={store}>
|
|
<CenterPanel
|
|
cards={[card1, card2]}
|
|
views={[activeView]}
|
|
board={board}
|
|
activeView={activeView}
|
|
readonly={false}
|
|
showCard={jest.fn()}
|
|
groupByProperty={groupProperty}
|
|
shownCardId={card1.id}
|
|
hiddenCardsCount={0}
|
|
/>
|
|
</ReduxProvider>,
|
|
))
|
|
|
|
act(() => {
|
|
//select card1
|
|
const card1Element = screen.getByRole('textbox', {name: 'card1'})
|
|
expect(card1Element).not.toBeNull()
|
|
userEvent.click(card1Element, {shiftKey: true})
|
|
})
|
|
expect(container).toMatchSnapshot()
|
|
|
|
act(() => {
|
|
//select card2
|
|
const card2Element = screen.getByRole('textbox', {name: 'card2'})
|
|
expect(card2Element).not.toBeNull()
|
|
userEvent.click(card2Element, {shiftKey: true, ctrlKey: true})
|
|
})
|
|
expect(container).toMatchSnapshot()
|
|
|
|
//escape
|
|
fireEvent.keyDown(baseElement, {keyCode: 27})
|
|
expect(container).toMatchSnapshot()
|
|
})
|
|
test('press touch del for one card selected', () => {
|
|
activeView.fields.viewType = 'table'
|
|
const {container, baseElement} = render(wrapDNDIntl(
|
|
<ReduxProvider store={store}>
|
|
<CenterPanel
|
|
cards={[card1, card2]}
|
|
views={[activeView]}
|
|
board={board}
|
|
activeView={activeView}
|
|
readonly={false}
|
|
showCard={jest.fn()}
|
|
groupByProperty={groupProperty}
|
|
shownCardId={card1.id}
|
|
hiddenCardsCount={0}
|
|
/>
|
|
</ReduxProvider>,
|
|
))
|
|
act(() => {
|
|
const cardElement = screen.getByRole('textbox', {name: 'card1'})
|
|
expect(cardElement).not.toBeNull()
|
|
userEvent.click(cardElement, {shiftKey: true})
|
|
})
|
|
expect(container).toMatchSnapshot()
|
|
|
|
//delete
|
|
fireEvent.keyDown(baseElement, {keyCode: 8})
|
|
expect(mockedMutator.performAsUndoGroup).toBeCalledTimes(1)
|
|
})
|
|
test('press touch ctrl+d for one card selected', () => {
|
|
activeView.fields.viewType = 'table'
|
|
const {container, baseElement} = render(wrapDNDIntl(
|
|
<ReduxProvider store={store}>
|
|
<CenterPanel
|
|
cards={[card1, card2]}
|
|
views={[activeView]}
|
|
board={board}
|
|
activeView={activeView}
|
|
readonly={false}
|
|
showCard={jest.fn()}
|
|
groupByProperty={groupProperty}
|
|
shownCardId={card1.id}
|
|
hiddenCardsCount={0}
|
|
/>
|
|
</ReduxProvider>,
|
|
))
|
|
act(() => {
|
|
const cardElement = screen.getByRole('textbox', {name: 'card1'})
|
|
expect(cardElement).not.toBeNull()
|
|
userEvent.click(cardElement, {shiftKey: true})
|
|
})
|
|
expect(container).toMatchSnapshot()
|
|
|
|
//ctrl+d
|
|
fireEvent.keyDown(baseElement, {ctrlKey: true, keyCode: 68})
|
|
expect(mockedMutator.performAsUndoGroup).toBeCalledTimes(1)
|
|
})
|
|
test('click on card to show card', () => {
|
|
activeView.fields.viewType = 'board'
|
|
const mockedShowCard = jest.fn()
|
|
const {container} = render(wrapDNDIntl(
|
|
<ReduxProvider store={store}>
|
|
<CenterPanel
|
|
cards={[card1, card2]}
|
|
views={[activeView]}
|
|
board={board}
|
|
activeView={activeView}
|
|
readonly={false}
|
|
showCard={mockedShowCard}
|
|
groupByProperty={groupProperty}
|
|
shownCardId={card1.id}
|
|
hiddenCardsCount={0}
|
|
/>
|
|
</ReduxProvider>,
|
|
))
|
|
|
|
const kanbanCardElements = container.querySelectorAll('.KanbanCard')
|
|
expect(kanbanCardElements).not.toBeNull()
|
|
const kanbanCardElement = kanbanCardElements[0]
|
|
userEvent.click(kanbanCardElement)
|
|
expect(container).toMatchSnapshot()
|
|
expect(mockedShowCard).toBeCalledWith(card1.id)
|
|
})
|
|
test('click on new card to add card', () => {
|
|
activeView.fields.viewType = 'table'
|
|
const {container} = render(wrapDNDIntl(
|
|
<ReduxProvider store={store}>
|
|
<CenterPanel
|
|
cards={[card1, card2]}
|
|
views={[activeView]}
|
|
board={board}
|
|
activeView={activeView}
|
|
readonly={false}
|
|
showCard={jest.fn()}
|
|
groupByProperty={groupProperty}
|
|
shownCardId={card1.id}
|
|
hiddenCardsCount={0}
|
|
/>
|
|
</ReduxProvider>,
|
|
))
|
|
const buttonWithMenuElement = container.querySelector('.ButtonWithMenu')
|
|
expect(buttonWithMenuElement).not.toBeNull()
|
|
userEvent.click(buttonWithMenuElement!)
|
|
expect(mockedMutator.performAsUndoGroup).toBeCalledTimes(1)
|
|
})
|
|
test('click on new card to add card template', () => {
|
|
activeView.fields.viewType = 'table'
|
|
const {container} = render(wrapDNDIntl(
|
|
<ReduxProvider store={store}>
|
|
<CenterPanel
|
|
cards={[card1, card2]}
|
|
views={[activeView]}
|
|
board={board}
|
|
activeView={activeView}
|
|
readonly={false}
|
|
showCard={jest.fn()}
|
|
groupByProperty={groupProperty}
|
|
shownCardId={card1.id}
|
|
hiddenCardsCount={0}
|
|
/>
|
|
</ReduxProvider>,
|
|
))
|
|
const elementMenuWrapper = container.querySelector('.ButtonWithMenu > div.MenuWrapper')
|
|
expect(elementMenuWrapper).not.toBeNull()
|
|
userEvent.click(elementMenuWrapper!)
|
|
const buttonNewTemplate = within(elementMenuWrapper!.parentElement!).getByRole('button', {name: 'New template'})
|
|
userEvent.click(buttonNewTemplate)
|
|
expect(mockedMutator.insertBlock).toBeCalledTimes(1)
|
|
})
|
|
|
|
test('click on new card to add card from template', () => {
|
|
activeView.fields.viewType = 'table'
|
|
activeView.fields.defaultTemplateId = '1'
|
|
const {container} = render(wrapDNDIntl(
|
|
<ReduxProvider store={store}>
|
|
<CenterPanel
|
|
cards={[card1, card2]}
|
|
views={[activeView]}
|
|
board={board}
|
|
activeView={activeView}
|
|
readonly={false}
|
|
showCard={jest.fn()}
|
|
groupByProperty={groupProperty}
|
|
shownCardId={card1.id}
|
|
hiddenCardsCount={0}
|
|
/>
|
|
</ReduxProvider>,
|
|
))
|
|
const elementMenuWrapper = container.querySelector('.ButtonWithMenu > div.MenuWrapper')
|
|
expect(elementMenuWrapper).not.toBeNull()
|
|
userEvent.click(elementMenuWrapper!)
|
|
const elementCard1 = within(elementMenuWrapper!.parentElement!).getByRole('button', {name: 'card1'})
|
|
expect(elementCard1).not.toBeNull()
|
|
userEvent.click(elementCard1)
|
|
expect(mockedMutator.performAsUndoGroup).toBeCalledTimes(1)
|
|
})
|
|
|
|
test('click on new card to edit template', () => {
|
|
activeView.fields.viewType = 'table'
|
|
activeView.fields.defaultTemplateId = '1'
|
|
const {container} = render(wrapDNDIntl(
|
|
<ReduxProvider store={store}>
|
|
<CenterPanel
|
|
cards={[card1, card2]}
|
|
views={[activeView]}
|
|
board={board}
|
|
activeView={activeView}
|
|
readonly={false}
|
|
showCard={jest.fn()}
|
|
groupByProperty={groupProperty}
|
|
shownCardId={card1.id}
|
|
hiddenCardsCount={0}
|
|
/>
|
|
</ReduxProvider>,
|
|
))
|
|
const elementMenuWrapper = container.querySelector('.ButtonWithMenu > div.MenuWrapper')
|
|
expect(elementMenuWrapper).not.toBeNull()
|
|
userEvent.click(elementMenuWrapper!)
|
|
const elementCard1 = within(elementMenuWrapper!.parentElement!).getByRole('button', {name: 'card1'})
|
|
expect(elementCard1).not.toBeNull()
|
|
const elementMenuWrapperCard1 = within(elementCard1).getByRole('button', {name: 'menuwrapper'})
|
|
expect(elementMenuWrapperCard1).not.toBeNull()
|
|
userEvent.click(elementMenuWrapperCard1)
|
|
const elementEditMenuTemplate = within(elementMenuWrapperCard1).getByRole('button', {name: 'Edit'})
|
|
expect(elementMenuWrapperCard1).not.toBeNull()
|
|
userEvent.click(elementEditMenuTemplate)
|
|
expect(container).toMatchSnapshot()
|
|
})
|
|
})
|
|
})
|
|
|
|
describe('components/centerPanel', () => {
|
|
const board = TestBlockFactory.createBoard()
|
|
board.id = '1'
|
|
const activeView = TestBlockFactory.createBoardView(board)
|
|
activeView.id = '1'
|
|
const card1 = TestBlockFactory.createCard(board)
|
|
card1.id = '1'
|
|
card1.title = 'card1'
|
|
card1.fields.properties = {id: 'property_value_id_1'}
|
|
card1.limited = true
|
|
const card2 = TestBlockFactory.createCard(board)
|
|
card2.id = '2'
|
|
card2.title = 'card2'
|
|
card2.fields.properties = {id: 'property_value_id_1'}
|
|
card2.limited = true
|
|
const comment1 = TestBlockFactory.createComment(card1)
|
|
comment1.id = '1'
|
|
const comment2 = TestBlockFactory.createComment(card2)
|
|
comment2.id = '2'
|
|
const groupProperty: IPropertyTemplate = {
|
|
id: 'id',
|
|
name: 'name',
|
|
type: 'text',
|
|
options: [
|
|
{
|
|
color: 'propColorOrange',
|
|
id: 'property_value_id_1',
|
|
value: 'Q1',
|
|
},
|
|
{
|
|
color: 'propColorBlue',
|
|
id: 'property_value_id_2',
|
|
value: 'Q2',
|
|
},
|
|
],
|
|
}
|
|
const state = {
|
|
clientConfig: {
|
|
value: {
|
|
featureFlags: {
|
|
subscriptions: true,
|
|
},
|
|
},
|
|
},
|
|
searchText: '',
|
|
users: {
|
|
me: {
|
|
id: 'user_id_1',
|
|
props: {
|
|
focalboard_onboardingTourStarted: false,
|
|
},
|
|
},
|
|
workspaceUsers: [
|
|
{username: 'username_1'},
|
|
],
|
|
boardUsers: [
|
|
{username: 'username_1'},
|
|
],
|
|
blockSubscriptions: [],
|
|
},
|
|
teams: {
|
|
current: {id: 'team-id'},
|
|
},
|
|
boards: {
|
|
current: board.id,
|
|
boards: {
|
|
[board.id]: board,
|
|
},
|
|
templates: [],
|
|
myBoardMemberships: {
|
|
[board.id]: {userId: 'user_id_1', schemeAdmin: true},
|
|
},
|
|
},
|
|
cards: {
|
|
templates: [card1, card2],
|
|
cards: [card1, card2],
|
|
current: card1.id,
|
|
},
|
|
views: {
|
|
views: {
|
|
boardView: activeView,
|
|
},
|
|
current: 'boardView',
|
|
},
|
|
contents: {},
|
|
comments: {
|
|
comments: [comment1, comment2],
|
|
},
|
|
limits: {
|
|
limits: {
|
|
views: 0,
|
|
},
|
|
},
|
|
}
|
|
const store = mockStateStore([], state)
|
|
beforeAll(() => {
|
|
mockDOM()
|
|
console.error = jest.fn()
|
|
})
|
|
beforeEach(() => {
|
|
activeView.fields.viewType = 'board'
|
|
jest.clearAllMocks()
|
|
})
|
|
|
|
test('Clicking on the Hidden card count should open a dailog', () => {
|
|
activeView.fields.viewType = 'table'
|
|
activeView.fields.defaultTemplateId = '1'
|
|
const {container, getByTitle, getByText} = render(wrapDNDIntl(
|
|
<ReduxProvider store={store}>
|
|
<CenterPanel
|
|
cards={[card1, card2]}
|
|
views={[activeView]}
|
|
board={board}
|
|
activeView={activeView}
|
|
readonly={false}
|
|
showCard={jest.fn()}
|
|
groupByProperty={groupProperty}
|
|
shownCardId={card1.id}
|
|
hiddenCardsCount={2}
|
|
/>
|
|
</ReduxProvider>,
|
|
))
|
|
fireEvent.click(getByTitle('hidden-card-count'))
|
|
expect(getByText('2 cards hidden from board')).not.toBeNull()
|
|
expect(container).toMatchSnapshot()
|
|
})
|
|
})
|