-
Notifications
You must be signed in to change notification settings - Fork 3
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #226 from RedisInsight/feature/stories
#RIVS-303, #RIVS-304, #RIVS-313, #RIVS-314, #RIVS-305
- Loading branch information
Showing
34 changed files
with
708 additions
and
99 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
158 changes: 158 additions & 0 deletions
158
src/webviews/src/components/auto-refresh/AutoRefresh.spec.tsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,158 @@ | ||
| import React from 'react' | ||
| import { instance, mock } from 'ts-mockito' | ||
| import { fireEvent, screen, render, act } from 'testSrc/helpers' | ||
| import { AutoRefresh, Props } from './AutoRefresh' | ||
| import { DEFAULT_REFRESH_RATE } from './utils' | ||
|
|
||
| const mockedProps = mock<Props>() | ||
|
|
||
| const INLINE_ITEM_EDITOR = 'inline-item-editor' | ||
|
|
||
| describe('AutoRefresh', () => { | ||
| it('should render', () => { | ||
| expect(render(<AutoRefresh {...instance(mockedProps)} />)).toBeTruthy() | ||
| }) | ||
|
|
||
| it('prop "displayText = true" should show Refresh text', () => { | ||
| const { queryByTestId } = render(<AutoRefresh {...instance(mockedProps)} displayText />) | ||
|
|
||
| expect(queryByTestId('refresh-message-label')).toBeInTheDocument() | ||
| }) | ||
|
|
||
| it('prop "displayText = false" should hide Refresh text', () => { | ||
| const { queryByTestId } = render(<AutoRefresh {...instance(mockedProps)} displayText={false} />) | ||
|
|
||
| expect(queryByTestId('refresh-message-label')).not.toBeInTheDocument() | ||
| }) | ||
|
|
||
| it('should call onRefresh', () => { | ||
| const onRefresh = vi.fn() | ||
| render(<AutoRefresh {...instance(mockedProps)} onRefresh={onRefresh} />) | ||
|
|
||
| fireEvent.click(screen.getByTestId('refresh-btn')) | ||
| expect(onRefresh).toBeCalled() | ||
| }) | ||
|
|
||
| it('refresh text should contain "Last refresh" time with disabled auto-refresh', async () => { | ||
| render(<AutoRefresh {...instance(mockedProps)} displayText />) | ||
|
|
||
| expect(screen.getByTestId('refresh-message-label')).toHaveTextContent(/Last refresh:/i) | ||
| expect(screen.getByTestId('refresh-message')).toHaveTextContent('now') | ||
| }) | ||
|
|
||
| it('refresh text should contain "Auto-refresh" time with enabled auto-refresh', async () => { | ||
| render(<AutoRefresh {...instance(mockedProps)} displayText />) | ||
|
|
||
| fireEvent.click(screen.getByTestId('auto-refresh-config-btn')) | ||
| fireEvent.click(screen.getByTestId('auto-refresh-switch')) | ||
|
|
||
| expect(screen.getByTestId('refresh-message-label')).toHaveTextContent(/Auto refresh:/i) | ||
| expect(screen.getByTestId('refresh-message')).toHaveTextContent(DEFAULT_REFRESH_RATE) | ||
| }) | ||
|
|
||
| it('should locate refresh message label when testid is provided', () => { | ||
| render(<AutoRefresh {...instance(mockedProps)} displayText testid="testid" />) | ||
|
|
||
| expect(screen.getByTestId('testid-refresh-message-label')).toBeInTheDocument() | ||
| }) | ||
|
|
||
| it('should locate refresh message when testid is provided', () => { | ||
| render(<AutoRefresh {...instance(mockedProps)} displayText testid="testid" />) | ||
|
|
||
| expect(screen.getByTestId('testid-refresh-message')).toBeInTheDocument() | ||
| }) | ||
|
|
||
| it('should locate refresh button when testid is provided', () => { | ||
| render(<AutoRefresh {...instance(mockedProps)} testid="testid" />) | ||
|
|
||
| expect(screen.getByTestId('testid-refresh-btn')).toBeInTheDocument() | ||
| }) | ||
|
|
||
| it('should locate auto-refresh config button when testid is provided', () => { | ||
| render(<AutoRefresh {...instance(mockedProps)} testid="testid" />) | ||
|
|
||
| expect(screen.getByTestId('testid-auto-refresh-config-btn')).toBeInTheDocument() | ||
| }) | ||
|
|
||
| it('should locate auto-refresh switch when testid is provided', () => { | ||
| render(<AutoRefresh {...instance(mockedProps)} testid="testid" />) | ||
|
|
||
| fireEvent.click(screen.getByTestId('testid-auto-refresh-config-btn')) | ||
| expect(screen.getByTestId('testid-auto-refresh-switch')).toBeInTheDocument() | ||
| }) | ||
|
|
||
| describe('AutoRefresh Config', () => { | ||
| it('Auto refresh config should render', () => { | ||
| const { queryByTestId } = render(<AutoRefresh {...instance(mockedProps)} />) | ||
|
|
||
| fireEvent.click(screen.getByTestId('auto-refresh-config-btn')) | ||
| expect(queryByTestId('auto-refresh-switch')).toBeInTheDocument() | ||
| }) | ||
|
|
||
| it('should call onRefresh after enable auto-refresh and set 1 sec', async () => { | ||
| const onRefresh = vi.fn() | ||
| render(<AutoRefresh {...instance(mockedProps)} onRefresh={onRefresh} />) | ||
|
|
||
| fireEvent.click(screen.getByTestId('auto-refresh-config-btn')) | ||
| fireEvent.click(screen.getByTestId('auto-refresh-switch')) | ||
| fireEvent.click(screen.getByTestId(INLINE_ITEM_EDITOR)) | ||
|
|
||
| fireEvent.input(screen.getByTestId(INLINE_ITEM_EDITOR), { target: { value: '1' } }) | ||
| expect(screen.getByTestId(INLINE_ITEM_EDITOR)).toHaveValue('1') | ||
|
|
||
| screen.getByTestId(/apply-btn/).click() | ||
|
|
||
| await act(async () => { | ||
| await new Promise((r) => setTimeout(r, 1300)) | ||
| }) | ||
| expect(onRefresh).toBeCalledTimes(1) | ||
|
|
||
| await act(async () => { | ||
| await new Promise((r) => setTimeout(r, 1300)) | ||
| }) | ||
| expect(onRefresh).toBeCalledTimes(2) | ||
|
|
||
| await act(async () => { | ||
| await new Promise((r) => setTimeout(r, 1300)) | ||
| }) | ||
| expect(onRefresh).toBeCalledTimes(3) | ||
| }) | ||
| }) | ||
|
|
||
| it('should NOT call onRefresh with disabled state', async () => { | ||
| const onRefresh = vi.fn() | ||
| const { rerender } = render(<AutoRefresh {...instance(mockedProps)} onRefresh={onRefresh} />) | ||
|
|
||
| fireEvent.click(screen.getByTestId('auto-refresh-config-btn')) | ||
| fireEvent.click(screen.getByTestId('auto-refresh-switch')) | ||
| fireEvent.click(screen.getByTestId(INLINE_ITEM_EDITOR)) | ||
| fireEvent.input(screen.getByTestId(INLINE_ITEM_EDITOR), { target: { value: '1' } }) | ||
|
|
||
| expect(screen.getByTestId(INLINE_ITEM_EDITOR)).toHaveValue('1') | ||
|
|
||
| screen.getByTestId(/apply-btn/).click() | ||
|
|
||
| await act(() => { | ||
| rerender(<AutoRefresh {...instance(mockedProps)} onRefresh={onRefresh} disabled />) | ||
| }) | ||
|
|
||
| await act(async () => { | ||
| await new Promise((r) => setTimeout(r, 1300)) | ||
| }) | ||
| expect(onRefresh).toBeCalledTimes(0) | ||
|
|
||
| await act(async () => { | ||
| await new Promise((r) => setTimeout(r, 1300)) | ||
| }) | ||
| expect(onRefresh).toBeCalledTimes(0) | ||
|
|
||
| await act(() => { | ||
| rerender(<AutoRefresh {...instance(mockedProps)} onRefresh={onRefresh} disabled={false} />) | ||
| }) | ||
|
|
||
| await act(async () => { | ||
| await new Promise((r) => setTimeout(r, 1300)) | ||
| }) | ||
| expect(onRefresh).toBeCalledTimes(1) | ||
| }) | ||
| }) |
Oops, something went wrong.