# Test Application

## ACME Forum 

ACME forum is an imaginary application built with [NodeBB](https://nodebb.org/) and used as an example test application in this documentation.

### RWD

User navigates to landing page `http://localhost:4567/` on **desktop**  

![ACME forum landing page on desktop](https://3461068122-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LdyKJ-zzeS2hB7DF04J%2F-LhL8Gb4j5K1nvUC5FJ4%2F-LhL9i3pnszz52EUiCil%2Fp-nodebb-rwd-desktop.png?alt=media\&token=9151a63e-fbf2-45b3-a2cb-51458ee6876b)

Observe: main menu and teasers are visible

User navigates the landing page on **mobile (iPhone 8)**

![ACME forum landing page on mobile](https://3461068122-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LdyKJ-zzeS2hB7DF04J%2F-LhL8Gb4j5K1nvUC5FJ4%2F-LhL9kloLNT5-PUjemTW%2Fp-nodebb-rwd-mobile.png?alt=media\&token=9d2ed557-65e9-4afb-acf1-2e8f06218452)

Observe: main menu and teasers are hidden

### Signup flow

User navigates to `http://localhost:4567/register` and fill out the form

![ACME forum registration form](https://3461068122-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LdyKJ-zzeS2hB7DF04J%2F-LhFEDCZwQGqzvvEc16s%2F-LhFGJQ9ofDiF8a1KqIQ%2FP2-nodebb-registration-form.png?alt=media\&token=791b65ff-e132-4335-93a0-d3338aad4c9b)

User  ticks on consent checkboxes on the following form

![](https://3461068122-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LdyKJ-zzeS2hB7DF04J%2F-LhFEDCZwQGqzvvEc16s%2F-LhFGPeIiWDQTsiA1Nel%2FP2-nodebb-final-registration.png?alt=media\&token=e71f0c95-a57c-4f4a-85ee-601957b7da52)

User click on **Submit** button.

Observe: the user is registered

{% hint style="info" %}
When **Require Email Confirmation** switch in admin/settings/user panel is set ON the flow extends with account activation flow ([learn more](https://docs.puppetry.app/testing-emails))
{% endhint %}

### Login flow

User navigates to `http://localhost:4567/login` and fill out the form

![ACME forum login form](https://3461068122-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LdyKJ-zzeS2hB7DF04J%2F-LhJnt4224rJNfn4bI3i%2F-LhJpPOGuvXLIbnCimBE%2FP2-nodebb-login-form.png?alt=media\&token=96bad903-81ac-4614-81a1-64899e3cea95)

and submit click **Login** button.

Observe: ACME header changed, now it contains user's picture.

![](https://3461068122-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LdyKJ-zzeS2hB7DF04J%2F-LhK-ICI9Oye8MiScnus%2F-LhK-vNrxO-1Ce8aFCcc%2FP2-nodebb-user-logged-in.png?alt=media\&token=78366a9d-bca6-43f5-baa1-90a6f494e760)