> For the complete documentation index, see [llms.txt](https://enappd.gitbook.io/ionic-grocery-shopping-app-platform/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://enappd.gitbook.io/ionic-grocery-shopping-app-platform/how-to-use-this-starter-1/grocery-dashboard-app-setup/testing-dashboard-after-firebase.md).

# Grocery Dashboard Testing

### Test the app

### 1. Login using Email

Open your grocery dashboard app running on localhost and refresh it. The welcome screen is as shown below. Fill your **Email** and **Password** for the user you created in above step.

![](https://49959285-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LqKJPcdFUudMSgr6xGy%2F-M5MHgWoNGACmstHye42%2F-M5N8PT4wA_vkjvq0mAw%2FScreenshot%202020-04-19%20at%209.13.31%20PM.png?alt=media\&token=503237f1-22b3-4efd-aeaf-2aedb01c253b)

Click on **LOGIN**. It should show you the following screen.

![](https://49959285-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LqKJPcdFUudMSgr6xGy%2F-M5N9vnft9Tco23kufAv%2F-M5NA9t9KYK713APzRKw%2FScreenshot%202020-04-20%20at%208.49.10%20PM.png?alt=media\&token=13feeb24-9642-41dd-ac54-8f978ab99ae9)

### 2. Adding New Product

Click on **Products** shown under the **Grocery** **Dashboard** section.It should show you the following screen and click on **ADD NEW PRODUCT**

![](https://49959285-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LqKJPcdFUudMSgr6xGy%2F-M5QEp9Ab1ZWrzqMYbLb%2F-M5QGTtcGT5eMPOdzOsi%2FScreenshot%202020-04-19%20at%209.14.24%20PM.png?alt=media\&token=d9b86ae9-da70-492e-9377-38d7e0436c98)

**ADD PRODUCT** screen will open which is shown below.

![](https://49959285-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LqKJPcdFUudMSgr6xGy%2F-M5QEp9Ab1ZWrzqMYbLb%2F-M5QGYTo66mS621n-ESb%2FScreenshot%202020-04-19%20at%209.14.59%20PM.png?alt=media\&token=802324fa-3aea-430e-aaf6-5ce0d84a2ad1)

Fill out all the details and click SAVE

![](https://49959285-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LqKJPcdFUudMSgr6xGy%2F-M5QEp9Ab1ZWrzqMYbLb%2F-M5QGci8UKr80PJs4kF4%2FScreenshot%202020-04-19%20at%209.18.07%20PM.png?alt=media\&token=17cc28cd-13f7-4b4b-ad42-755a08522617)

It should show you the following screen with message **Updating** **product**

![](https://49959285-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LqKJPcdFUudMSgr6xGy%2F-M5QGeRpGwBmm0-AkVx6%2F-M5QGiQDrXHdOKnx3mlZ%2FScreenshot%202020-04-19%20at%209.18.38%20PM.png?alt=media\&token=eaa76ce5-ad44-497a-b7fe-92243313f14c)

The **Products** section should show you the following screen where the product you added will appear as follows.

![](https://49959285-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LqKJPcdFUudMSgr6xGy%2F-M5QGeRpGwBmm0-AkVx6%2F-M5QGnTC_t2-XBciXjEF%2FScreenshot%202020-04-19%20at%209.19.06%20PM.png?alt=media\&token=9e3edb54-2965-4f41-9940-bbd1782ec4f8)

### 3. Adding New Category

Click on **Category** shown under the **Grocery** **Dashboard** section.It should show you the following screen and click on **ADD NEW CATEGORY**

![](https://49959285-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LqKJPcdFUudMSgr6xGy%2F-M5QGeRpGwBmm0-AkVx6%2F-M5QNvL2e8xVfvRKrGJA%2FScreenshot%202020-04-21%20at%2011.24.32%20AM.png?alt=media\&token=a754cc33-41ad-411f-a8f8-d347bb8a66fb)

**ADD CATEGORY** screen will open which is shown below.

![](https://49959285-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LqKJPcdFUudMSgr6xGy%2F-M5QGeRpGwBmm0-AkVx6%2F-M5QO2klw3mJWL1bYJym%2FScreenshot%202020-04-21%20at%2011.24.43%20AM.png?alt=media\&token=44eeba29-047d-4c65-ab11-4cdabf063086)

Fill out all the details and click SAVE

![](https://49959285-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LqKJPcdFUudMSgr6xGy%2F-M5QGeRpGwBmm0-AkVx6%2F-M5QO9HHDhCTMQQRRHNB%2FScreenshot%202020-04-21%20at%2011.25.07%20AM.png?alt=media\&token=e252eeb6-241e-490f-ba05-2a99bd0d7b83)

It should show you the following screen with message **Updating** **product**

![](https://49959285-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LqKJPcdFUudMSgr6xGy%2F-M5QGeRpGwBmm0-AkVx6%2F-M5QOEODszUY-4Ez_ANZ%2FScreenshot%202020-04-21%20at%2011.25.20%20AM.png?alt=media\&token=bebdaff1-979f-4b95-a04c-e436e9107fd4)

The **Category** section should show you the following screen where the product you added will appear as follows.

![](https://49959285-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LqKJPcdFUudMSgr6xGy%2F-M5QGeRpGwBmm0-AkVx6%2F-M5QOJFfh-De_kk98UzB%2FScreenshot%202020-04-21%20at%2011.25.30%20AM.png?alt=media\&token=81f88917-e752-4e36-970f-d1116f3e20e6)

### Optional

Go to **Products** section. Edit the product by updating its **Category** to the new category you created in above step.

### 4. Adding New Offer

Click on **Offer** shown under the **Grocery** **Dashboard** section.It should show you the following screen and click on **ADD NEW OFFER**

![](https://49959285-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LqKJPcdFUudMSgr6xGy%2F-M5QslLn71Dy7iVyqO-c%2F-M5Qw3RmLW-B-0-6Resb%2FScreenshot%202020-04-21%20at%202.11.41%20PM.png?alt=media\&token=53f35f36-3fb2-44fa-93fc-43510c30a9e5)

**ADD OFFERS** screen will open which is shown below.

![](https://49959285-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LqKJPcdFUudMSgr6xGy%2F-M5QslLn71Dy7iVyqO-c%2F-M5Qw92w4LfE34EulZ_3%2FScreenshot%202020-04-21%20at%202.11.48%20PM.png?alt=media\&token=8127f430-8e8f-4d3f-932f-59003427f7bc)

Fill out all the details and click SAVE

![](https://49959285-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LqKJPcdFUudMSgr6xGy%2F-M5QslLn71Dy7iVyqO-c%2F-M5QwGRFZOLpNN7m-bKD%2FScreenshot%202020-04-21%20at%202.12.42%20PM.png?alt=media\&token=8fc919a5-de5e-4a4a-b498-fc1eefd0721d)

It should show you the following screen with message **Updating** **product**

![](https://49959285-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LqKJPcdFUudMSgr6xGy%2F-M5QslLn71Dy7iVyqO-c%2F-M5QwMkLkfRGEX6a8A0Z%2FScreenshot%202020-04-21%20at%202.12.26%20PM.png?alt=media\&token=42894af7-e114-4552-9610-799b8d8b27b2)

The **Offer** section should show you the following screen where the product you added will appear as follows.

![](https://49959285-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LqKJPcdFUudMSgr6xGy%2F-M5QslLn71Dy7iVyqO-c%2F-M5QwRKifsA3ffyQWtA7%2FScreenshot%202020-04-21%20at%202.12.52%20PM.png?alt=media\&token=35b00142-6926-4f2a-b38e-f2f845be5832)

### 5. Home Page

The **Dashboard** will show you the following screen with an updated list of Product and Category you added in previous steps.

![](https://49959285-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LqKJPcdFUudMSgr6xGy%2F-M5QGeRpGwBmm0-AkVx6%2F-M5QH7MbOCe2qxw_WOcI%2FScreenshot%202020-04-19%20at%209.53.33%20PM.png?alt=media\&token=0ecb0c70-dc82-4b07-b7be-7cb134091166)

### 6. Changing Theme

Click on **Select Themes** and check different themes available. The dark theme is as shown below.

![](https://49959285-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LqKJPcdFUudMSgr6xGy%2F-M5QslLn71Dy7iVyqO-c%2F-M5QwbveSUKBQUxJtjEJ%2FScreenshot%202020-04-19%20at%209.54.27%20PM.png?alt=media\&token=e63272a5-2ffc-42db-9c1b-99c662403b78)

### Hosting the app

Go to [Hosting in Firebase](/ionic-grocery-shopping-app-platform/firebase-setup/hosting.md) section to complete the next step of hosting our app on firebase.