UI/UX Testing

Due to the nature of Express's Frontend it would be very difficult to retro-fit / develop unit tests against it's UI/UX given how free-form the css is on site by site basis ( Not impossible but would require a radical shift in thinking ) which means having to test the various stylesheets manually by eye using either a physical device or emulated environment such as Browserstack.

So with that in mind! This is an area where we can compose a bunch of pages types ( for specific stylesheet's ) to test against either their worst case scenario's or to test various components against different data configurations in the context of our customer sites, this also enables us to switch context easily whilst testing on various viewports ( Mobile Phones, Tablets, Desktop Devices ).

All tests are driven by Handlebars templates based on JSON datasets of which the configs can be found in /project/src/data/... , for testing outside of context of a specific site please refer back to static's landing page which typically in the context of EGPL.

Homepage

Every Express site goes through a design process as part of that the minimum required visual is the desktop homepage.

  • Different site's can have bespoke a Header / Footer but generally everything in between should follow a similar structure across all express sites
  • This is a good opertunity to test different data set for page modules.

Product Enquiry

Testing product enquiry page against worst case scenario.

  • Keep in mind some sites don't fully utilise all components shown in these tests due to site config.
  • It is extremely unlikely you will see product pages populated with this much data in the real environment.