updatedTime.test.tsx

TLDR

This file (updatedTime.test.tsx) contains a test case for the UpdatedTime component. The test checks if the rendered component matches the expected snapshot.

Methods

There are no methods in this file.

Classes

There are no classes in this file.

// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
// See LICENSE.txt for license information.

import React from 'react'
import {Provider as ReduxProvider} from 'react-redux'

import {render} from '@testing-library/react'
import configureStore from 'redux-mock-store'

import {createCard} from '../../blocks/card'
import {IPropertyTemplate, Board} from '../../blocks/board'
import {wrapIntl} from '../../testUtils'

import {createCommentBlock} from '../../blocks/commentBlock'

import UpdatedTimeProperty from './property'
import UpdatedTime from './updatedTime'

describe('properties/updatedTime', () => {
    test('should match snapshot', () => {
        const card = createCard()
        card.id = 'card-id-1'
        card.modifiedBy = 'user-id-1'
        card.updateAt = Date.parse('10 Jun 2021 16:22:00')

        const comment = createCommentBlock()
        comment.modifiedBy = 'user-id-1'
        comment.parentId = 'card-id-1'
        comment.updateAt = Date.parse('15 Jun 2021 16:22:00')

        const mockStore = configureStore([])
        const store = mockStore({
            comments: {
                comments: {
                    [comment.id]: comment,
                },
                commentsByCard: {
                    [card.id]: [comment],
                },
            },
        })

        const component = wrapIntl(
            <ReduxProvider store={store}>
                <UpdatedTime
                    property={new UpdatedTimeProperty()}
                    card={card}
                    board={{} as Board}
                    propertyTemplate={{} as IPropertyTemplate}
                    propertyValue={''}
                    readOnly={false}
                    showEmptyPlaceholder={false}
                />
            </ReduxProvider>,
        )

        const {container} = render(component)
        expect(container).toMatchSnapshot()
    })
})