Ryan/Reactive-Resume
1
0
Fork 0
mirror of https://github.com/AmruthPillai/Reactive-Resume.git synced 2025-11-21 20:21:32 +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', () => { describe('when resume is created', () => {
let nameTextBox = null; let nameTextBox = null;
const waitForModalToHaveBeenClosed = async () => { const waitForModalWindowToHaveBeenClosed = async () => {
await waitFor(() => await waitFor(() =>
screen.queryByRole('textbox', { name: /name/i }) screen.queryByRole('textbox', { name: /name/i })
? Promise.reject() ? Promise.reject()
@ -156,16 +156,20 @@ describe('Dashboard', () => {
}); });
describe('with valid name', () => { describe('with valid name', () => {
it('renders loading message', async () => { const resumeName = 'Resume for SW development roles';
beforeEach(() => {
fireEvent.change(nameTextBox, { fireEvent.change(nameTextBox, {
target: { value: 'Resume for SW development roles' }, target: { value: resumeName },
}); });
const modalCreateResumeButton = screen.getByRole('button', { const modalCreateResumeButton = screen.getByRole('button', {
name: /create resume/i, name: /create resume/i,
}); });
fireEvent.click(modalCreateResumeButton); fireEvent.click(modalCreateResumeButton);
});
it('renders loading message', async () => {
expect( expect(
screen.getByRole('button', { screen.getByRole('button', {
name: /loading/i, name: /loading/i,
@ -179,7 +183,23 @@ describe('Dashboard', () => {
).toBeNull(), ).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 });
}); });
}); });
}); });