From 87fee2348031f3ed061833508eccfdb3b01c38f9 Mon Sep 17 00:00:00 2001
From: gianantoniopini <63844628+gianantoniopini@users.noreply.github.com>
Date: Mon, 25 Jan 2021 17:30:05 +0100
Subject: [PATCH] Dashboard page: added unit test related to create resume
 interaction

---
 src/pages/app/__tests__/dashboard.test.js | 28 +++++++++++++++++++----
 1 file changed, 24 insertions(+), 4 deletions(-)

diff --git a/src/pages/app/__tests__/dashboard.test.js b/src/pages/app/__tests__/dashboard.test.js
index d5eba509..5e5e9ce3 100644
--- a/src/pages/app/__tests__/dashboard.test.js
+++ b/src/pages/app/__tests__/dashboard.test.js
@@ -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 });
       });
     });
   });