Ryan/Reactive-Resume
1
0
Fork 0
mirror of https://github.com/AmruthPillai/Reactive-Resume.git synced 2025-11-22 04:31:35 +10:00
Code Issues Packages Projects Releases Wiki Activity

Dashboard page: added unit test related to create resume interaction

Browse Source
This commit is contained in:
gianantoniopini
2021-01-25 17:30:05 +01:00
parent 9d486c11cc
commit 87fee23480
1 changed files with 24 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
src/pages/app/__tests__/dashboard.test.js
View File

@ -105,7 +105,7 @@ describe('Dashboard', () => {
describe('when resume is created', () => {
let nameTextBox = null;
const waitForModalToHaveBeenClosed = async () => {
const waitForModalWindowToHaveBeenClosed = async () => {
await waitFor(() =>
screen.queryByRole('textbox', { name: /name/i })
? Promise.reject()
@ -156,16 +156,20 @@ describe('Dashboard', () => {
});
describe('with valid name', () => {
it('renders loading message', async () => {
const resumeName = 'Resume for SW development roles';
beforeEach(() => {
fireEvent.change(nameTextBox, {
target: { value: 'Resume for SW development roles' },
target: { value: resumeName },
});
const modalCreateResumeButton = screen.getByRole('button', {
name: /create resume/i,
});
fireEvent.click(modalCreateResumeButton);
});
it('renders loading message', async () => {
expect(
screen.getByRole('button', {
name: /loading/i,
@ -179,7 +183,23 @@ describe('Dashboard', () => {
).toBeNull(),
);
await waitForModalToHaveBeenClosed();
await waitForModalWindowToHaveBeenClosed();
await waitForResumeToBeRenderedInPreview({ name: resumeName });
});
it('closes modal window', async () => {
await waitFor(() =>
expect(screen.queryByRole('textbox', { name: /name/i })).toBeNull(),
);
await waitForResumeToBeRenderedInPreview({ name: resumeName });
});
// eslint-disable-next-line jest/expect-expect
it('renders created resume in preview', async () => {
await waitForModalWindowToHaveBeenClosed();
await expectResumeToBeRenderedInPreview({ name: resumeName });
});
});
});