# 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.

![](/files/-M5N8PT4wA_vkjvq0mAw)

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

![](/files/-M5NA9t9KYK713APzRKw)

### 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**

![](/files/-M5QGTtcGT5eMPOdzOsi)

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

![](/files/-M5QGYTo66mS621n-ESb)

Fill out all the details and click SAVE

![](/files/-M5QGci8UKr80PJs4kF4)

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

![](/files/-M5QGiQDrXHdOKnx3mlZ)

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

![](/files/-M5QGnTC_t2-XBciXjEF)

### 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**

![](/files/-M5QNvL2e8xVfvRKrGJA)

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

![](/files/-M5QO2klw3mJWL1bYJym)

Fill out all the details and click SAVE

![](/files/-M5QO9HHDhCTMQQRRHNB)

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

![](/files/-M5QOEODszUY-4Ez_ANZ)

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

![](/files/-M5QOJFfh-De_kk98UzB)

### 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**

![](/files/-M5Qw3RmLW-B-0-6Resb)

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

![](/files/-M5Qw92w4LfE34EulZ_3)

Fill out all the details and click SAVE

![](/files/-M5QwGRFZOLpNN7m-bKD)

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

![](/files/-M5QwMkLkfRGEX6a8A0Z)

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

![](/files/-M5QwRKifsA3ffyQWtA7)

### 5. Home Page

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

![](/files/-M5QH7MbOCe2qxw_WOcI)

### 6. Changing Theme

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

![](/files/-M5QwbveSUKBQUxJtjEJ)

### 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.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://enappd.gitbook.io/ionic-grocery-shopping-app-platform/how-to-use-this-starter-1/grocery-dashboard-app-setup/testing-dashboard-after-firebase.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.