A Case Study: A Real-Life Web Application Testing Strategy

Learn how to create a strong web testing plan using a mind map and the Barclays website example, ensuring top quality despite frequent updates and platform changes.

We'll cover the following

Mind map of web testing for the Barclays website
Dynamic Agile testing approach

Let’s take a specific website and design a testing strategy that will fit end user expectations. For this exercise, we used the Miro tool to create a mind map of the E2E website application flows and scoping of the tests.

Mind map of web testing for the Barclays website

The following illustration is based on the Barclays website application, serving mainly the UK. We placed the major testing types with some real-life navigation options that are available for the customers of this bank from any mobile device or desktop OS:

Get hands-on with 1400+ tech skills courses.

Getting Started

Cross-Browser Testing Methodologies

Challenges Faced by Front-End Web Application Developers

Top Web Test Automation Frameworks

Matching Personas and Use Cases to Testing Frameworks

Introducing the Leading Front-End Web Development Frameworks

Map the Pillars of a Dev Testing Strategy for Web Applications

Core Capabilities of Top JavaScript Test Automation Frameworks

Measuring Test Coverage of a Web Application

Working with the Selenium Framework

Working with the Cypress Framework

Working with the Playwright Framework

Working with the Puppeteer Framework

Complementing Code-Based Testing with Low-Code Test Automation

Wrapping Up

Appendix

A Case Study: A Real-Life Web Application Testing Strategy

Mind map of web testing for the Barclays website