mirror of
https://github.com/mattermost/focalboard.git
synced 2025-03-29 21:01:01 +02:00
test: add snapshot tests to CommentsList (#3795)
Co-authored-by: Mattermod <mattermod@users.noreply.github.com>
This commit is contained in:
Paul Esch-Laurent
GitHub
parent
5853303bda
commit
0ef683f209
@ -0,0 +1,202 @@
|
|||||||
|
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||||
|
|
||||||
|
exports[`components/cardDetail/CommentsList comments show up 1`] = `
|
||||||
|
<div>
|
||||||
|
<div
|
||||||
|
class="CommentsList"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="CommentsList__new"
|
||||||
|
>
|
||||||
|
<img
|
||||||
|
class="comment-avatar"
|
||||||
|
src="data:image/svg+xml,<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 100 100\\" style=\\"fill: rgb(192, 192, 192);\\"><rect width=\\"100\\" height=\\"100\\" /></svg>"
|
||||||
|
/>
|
||||||
|
<div
|
||||||
|
class="MarkdownEditor octo-editor newcomment "
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="octo-editor-preview octo-placeholder"
|
||||||
|
data-testid="preview-element"
|
||||||
|
>
|
||||||
|
<p>
|
||||||
|
Add a comment...
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="Comment comment"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="comment-header"
|
||||||
|
>
|
||||||
|
<img
|
||||||
|
class="comment-avatar"
|
||||||
|
src="data:image/svg+xml,<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 100 100\\" style=\\"fill: rgb(192, 192, 192);\\"><rect width=\\"100\\" height=\\"100\\" /></svg>"
|
||||||
|
/>
|
||||||
|
<div
|
||||||
|
class="comment-username"
|
||||||
|
/>
|
||||||
|
<div
|
||||||
|
class="octo-tooltip tooltip-top"
|
||||||
|
data-tooltip="a long time ago"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="comment-date"
|
||||||
|
>
|
||||||
|
a long time ago
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
aria-label="menuwrapper"
|
||||||
|
class="MenuWrapper"
|
||||||
|
role="button"
|
||||||
|
>
|
||||||
|
<button
|
||||||
|
class="IconButton"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
<i
|
||||||
|
class="CompassIcon icon-dots-horizontal OptionsIcon"
|
||||||
|
/>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="comment-text"
|
||||||
|
>
|
||||||
|
<p>
|
||||||
|
Comment 2
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="Comment comment"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="comment-header"
|
||||||
|
>
|
||||||
|
<img
|
||||||
|
class="comment-avatar"
|
||||||
|
src="data:image/svg+xml,<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 100 100\\" style=\\"fill: rgb(192, 192, 192);\\"><rect width=\\"100\\" height=\\"100\\" /></svg>"
|
||||||
|
/>
|
||||||
|
<div
|
||||||
|
class="comment-username"
|
||||||
|
/>
|
||||||
|
<div
|
||||||
|
class="octo-tooltip tooltip-top"
|
||||||
|
data-tooltip="a long time ago"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="comment-date"
|
||||||
|
>
|
||||||
|
a long time ago
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
aria-label="menuwrapper"
|
||||||
|
class="MenuWrapper"
|
||||||
|
role="button"
|
||||||
|
>
|
||||||
|
<button
|
||||||
|
class="IconButton"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
<i
|
||||||
|
class="CompassIcon icon-dots-horizontal OptionsIcon"
|
||||||
|
/>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="comment-text"
|
||||||
|
>
|
||||||
|
<p>
|
||||||
|
Comment 1
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<hr
|
||||||
|
class="CommentsList__divider"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
`;
|
||||||
|
|
||||||
|
exports[`components/cardDetail/CommentsList comments show up in readonly mode 1`] = `
|
||||||
|
<div>
|
||||||
|
<div
|
||||||
|
class="CommentsList"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="Comment comment"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="comment-header"
|
||||||
|
>
|
||||||
|
<img
|
||||||
|
class="comment-avatar"
|
||||||
|
src="data:image/svg+xml,<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 100 100\\" style=\\"fill: rgb(192, 192, 192);\\"><rect width=\\"100\\" height=\\"100\\" /></svg>"
|
||||||
|
/>
|
||||||
|
<div
|
||||||
|
class="comment-username"
|
||||||
|
/>
|
||||||
|
<div
|
||||||
|
class="octo-tooltip tooltip-top"
|
||||||
|
data-tooltip="a long time ago"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="comment-date"
|
||||||
|
>
|
||||||
|
a long time ago
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="comment-text"
|
||||||
|
>
|
||||||
|
<p>
|
||||||
|
Comment 2
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="Comment comment"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="comment-header"
|
||||||
|
>
|
||||||
|
<img
|
||||||
|
class="comment-avatar"
|
||||||
|
src="data:image/svg+xml,<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 100 100\\" style=\\"fill: rgb(192, 192, 192);\\"><rect width=\\"100\\" height=\\"100\\" /></svg>"
|
||||||
|
/>
|
||||||
|
<div
|
||||||
|
class="comment-username"
|
||||||
|
/>
|
||||||
|
<div
|
||||||
|
class="octo-tooltip tooltip-top"
|
||||||
|
data-tooltip="a long time ago"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="comment-date"
|
||||||
|
>
|
||||||
|
a long time ago
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="comment-text"
|
||||||
|
>
|
||||||
|
<p>
|
||||||
|
Comment 1
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<hr
|
||||||
|
class="CommentsList__divider"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
`;
|
||||||
@ -4,7 +4,6 @@ import React from 'react'
|
|||||||
import 'isomorphic-fetch'
|
import 'isomorphic-fetch'
|
||||||
|
|
||||||
import {render} from '@testing-library/react'
|
import {render} from '@testing-library/react'
|
||||||
|
|
||||||
import {act} from 'react-dom/test-utils'
|
import {act} from 'react-dom/test-utils'
|
||||||
|
|
||||||
import {Provider as ReduxProvider} from 'react-redux'
|
import {Provider as ReduxProvider} from 'react-redux'
|
||||||
@ -13,12 +12,15 @@ import configureStore from 'redux-mock-store'
|
|||||||
import {CommentBlock} from '../../blocks/commentBlock'
|
import {CommentBlock} from '../../blocks/commentBlock'
|
||||||
|
|
||||||
import {mockDOM, wrapIntl} from '../../testUtils'
|
import {mockDOM, wrapIntl} from '../../testUtils'
|
||||||
|
import {Utils} from '../../utils'
|
||||||
|
|
||||||
import {FetchMock} from '../../test/fetchMock'
|
import {FetchMock} from '../../test/fetchMock'
|
||||||
|
|
||||||
import CommentsList from './commentsList'
|
import CommentsList from './commentsList'
|
||||||
|
|
||||||
global.fetch = FetchMock.fn
|
global.fetch = FetchMock.fn
|
||||||
|
jest.spyOn(Utils, 'displayDateTime').mockReturnValue('a long time ago')
|
||||||
|
jest.spyOn(Utils, 'relativeDisplayDateTime').mockReturnValue('a long time ago')
|
||||||
|
|
||||||
beforeEach(() => {
|
beforeEach(() => {
|
||||||
FetchMock.fn.mockReset()
|
FetchMock.fn.mockReset()
|
||||||
@ -97,6 +99,7 @@ describe('components/cardDetail/CommentsList', () => {
|
|||||||
})
|
})
|
||||||
|
|
||||||
expect(container).toBeDefined()
|
expect(container).toBeDefined()
|
||||||
|
expect(container).toMatchSnapshot()
|
||||||
|
|
||||||
// Comments show up
|
// Comments show up
|
||||||
const comments = container!.querySelectorAll('.comment-text')
|
const comments = container!.querySelectorAll('.comment-text')
|
||||||
@ -149,6 +152,7 @@ describe('components/cardDetail/CommentsList', () => {
|
|||||||
})
|
})
|
||||||
|
|
||||||
expect(container).toBeDefined()
|
expect(container).toBeDefined()
|
||||||
|
expect(container).toMatchSnapshot()
|
||||||
|
|
||||||
// Comments show up
|
// Comments show up
|
||||||
const comments = container!.querySelectorAll('.comment-text')
|
const comments = container!.querySelectorAll('.comment-text')
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user