Implementation & Testing

A merchant may have any one of the following front-end features:

• Gift cards

• Check stock

• Sibling products

• Rewards program

• Retail transactions

Each of these features will need to be implemented and tested.

Steps for front-end implementation

At handover, the back-end app installation has already been taken care of, and we're ready to move on to front-end development in a staging environment. The DotApparel webhooks will be disabled while front-end development is in progress, then re-enabled for final testing on staging before going live in production.

1. Review the front-end guide: Review the front-end guide before starting the implementation.

2. Confirm the AP21 connection: The DotApparel staging app will be installed in a staging Shopify store and connected to a test Apparel21 instance (i.e., testApparel21Connection).

3. Start front-end development: With the front-end guide and the suitable connection in place, start developing the front-end of the application as per the requirements. This would involve creating the user interface, setting up the product pages, and integrating it with DotApparel.

4. Testing and feedback: Once the front-end development is completed, you can share the work with the team for testing. They can provide feedback and suggest any changes or improvements needed before moving to the next step.

5. Enable webhooks: After all the necessary changes and feedback are incorporated into the front-end, webhooks can be enabled to start receiving real-time updates from DotApparel.

6. Final testing: Test the front-end with webhooks enabled to ensure everything is working as expected.

7. Go-live date: Once all testing scenarios have passed, DotApparel can be referred to the production instance, and go-live can be scheduled on a mutually agreed date that works for everyone.

   • Copy front-end code to production: On the morning of go-live, copy the front-end code from staging to the production environment.

   • Enable DotApparel syncing: The DotApparel team will enable automation/syncing for the app. Once this is done, DotApparel is officially live. 🎉

Front-end testing checklist

Make sure that the front end is usable (able to place test orders and sign up for the newsletter) and that the website is connected to the DotApparel app.

Make a Copy of the Front-end Test Cases