From 20933183b762b906b446465906ae3d66df52683f Mon Sep 17 00:00:00 2001 From: Julien Fabre Date: Mon, 4 Oct 2021 19:08:00 +0200 Subject: [PATCH] chore[GH-#861]: add unit test for filterValue" (#1428) --- .../__snapshots__/filterValue.test.tsx.snap | 113 ++++++++++++++++++ .../viewHeader/filterValue.test.tsx | 105 ++++++++++++++++ webapp/src/testUtils.tsx | 4 - 3 files changed, 218 insertions(+), 4 deletions(-) create mode 100644 webapp/src/components/viewHeader/__snapshots__/filterValue.test.tsx.snap create mode 100644 webapp/src/components/viewHeader/filterValue.test.tsx diff --git a/webapp/src/components/viewHeader/__snapshots__/filterValue.test.tsx.snap b/webapp/src/components/viewHeader/__snapshots__/filterValue.test.tsx.snap new file mode 100644 index 000000000..a55b1d54e --- /dev/null +++ b/webapp/src/components/viewHeader/__snapshots__/filterValue.test.tsx.snap @@ -0,0 +1,113 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`components/viewHeader/filterValue return filterValue 1`] = ` +
+
+ +
+
+
+
+
+
+ Status +
+
+
+
+
+
+
+
+
+
+
+ Cancel +
+
+
+
+
+
+
+
+`; + +exports[`components/viewHeader/filterValue return filterValue and click Status 1`] = ` +
+
+ +
+
+`; + +exports[`components/viewHeader/filterValue return filterValue and click Status with Status not in filter 1`] = ` +
+
+ +
+
+`; diff --git a/webapp/src/components/viewHeader/filterValue.test.tsx b/webapp/src/components/viewHeader/filterValue.test.tsx new file mode 100644 index 000000000..ebd4a877e --- /dev/null +++ b/webapp/src/components/viewHeader/filterValue.test.tsx @@ -0,0 +1,105 @@ +// 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 'ts-jest/utils' + +import {FilterClause} from '../../blocks/filterClause' + +import {TestBlockFactory} from '../../test/testBlockFactory' + +import {wrapIntl, mockStateStore} from '../../testUtils' + +import mutator from '../../mutator' + +import FilterValue from './filterValue' + +jest.mock('../../mutator') +const mockedMutator = mocked(mutator, true) + +const board = TestBlockFactory.createBoard() +const activeView = TestBlockFactory.createBoardView(board) +const state = { + users: { + me: { + id: 'user-id-1', + username: 'username_1', + }, + }, +} +const store = mockStateStore([], state) +const filter: FilterClause = { + propertyId: '1', + condition: 'includes', + values: ['Status'], +} + +describe('components/viewHeader/filterValue', () => { + beforeEach(() => { + jest.clearAllMocks() + board.fields.cardProperties[0].options = [{id: 'Status', value: 'Status', color: ''}] + activeView.fields.filter.filters = [filter] + }) + test('return filterValue', () => { + const {container} = render( + wrapIntl( + + + , + ), + ) + const buttonElement = screen.getByRole('button', {name: 'menuwrapper'}) + userEvent.click(buttonElement) + expect(container).toMatchSnapshot() + }) + test('return filterValue and click Status', () => { + const {container} = render( + wrapIntl( + + + , + ), + ) + const buttonElement = screen.getByRole('button', {name: 'menuwrapper'}) + userEvent.click(buttonElement) + const switchStatus = screen.getAllByText('Status')[1] + userEvent.click(switchStatus) + expect(mockedMutator.changeViewFilter).toBeCalledTimes(1) + expect(container).toMatchSnapshot() + }) + test('return filterValue and click Status with Status not in filter', () => { + filter.values = ['test'] + activeView.fields.filter.filters = [filter] + const {container} = render( + wrapIntl( + + + , + ), + ) + const buttonElement = screen.getByRole('button', {name: 'menuwrapper'}) + userEvent.click(buttonElement) + const switchStatus = screen.getAllByText('Status')[0] + userEvent.click(switchStatus) + expect(mockedMutator.changeViewFilter).toBeCalledTimes(1) + expect(container).toMatchSnapshot() + }) +}) diff --git a/webapp/src/testUtils.tsx b/webapp/src/testUtils.tsx index 4b19622a5..3f81ad3a3 100644 --- a/webapp/src/testUtils.tsx +++ b/webapp/src/testUtils.tsx @@ -11,9 +11,7 @@ export function mockDOM(): void { window.focus = jest.fn() document.createRange = () => { const range = new Range() - range.getBoundingClientRect = jest.fn() - range.getClientRects = () => { return { item: () => null, @@ -21,11 +19,9 @@ export function mockDOM(): void { [Symbol.iterator]: jest.fn(), } } - return range } } - export function mockMatchMedia(result: any): void { // We check if system preference is dark or light theme. // This is required to provide it's definition since