Testing Progressive Web Apps (or How to Achieve App-iness) - Elizabeth Fiennes and Callum Akehurst-Ryan

4th October 2019
  • Locked
Elizabeth Fiennes's profile
Elizabeth Fiennes

Callum Akehurst-Ryan's profile
Callum Akehurst-Ryan

Staff Quality Engineer

Testing Progressive Web Apps (or How to Achieve App-iness) - Elizabeth Fiennes and Callum Akehurst-Ryan image
Talk Description

First proposed by Google in 2015, Progressive web apps (PWAs) are now in the infant stage of their development. As with any child, people are curious about which developmental direction the technology will take.

What are they though? Are they a thick client/native app that runs in the browser or a web app with some thick client/native app functions? I will help with defining this in this talk and draw out how that definition impacts the testing that needs to be done as a result.

At a simplistic level, a PWA is a layering of technology types, almost a miniature integrated system in itself. It has its own rules on how it will behave depending on how it is built, how it is accessed, the options the end user chooses and any hardware available. As testers, we don’t have the luxury of waiting until an app is all grown up before we start to test it. So how can we test PWAs whilst remaining faithful to shift-left principles?

A couple of years ago, we entered a programme of work that intended to produce multiple PWAs for the financial industry. Never having worked with them before, we did a lot of research and asked industry colleagues for help in understanding the tech. However, there was little to no help forthcoming on how to test for this type of app as the tech was so new. This meant we had to come up with our own! Drawing on comparable experience, trial, error (lots of error) and some tools, we formulated a series of heuristics, automation, methods and processes for testing which we are here to share.

 

Takeaways

  • An understanding of what a PWA is
  • The differentiators between PWAs and native/hybrid/web apps
  • A dissection of the possible tech layers and how to test them in isolation and together
  • How to work out the risks in a PWA
  • How to test for platform-specific issues
  • Getting started - how to find the low hanging fruit type issues using Lighthouse
  • More in-depth - testing a PWS with Selenium and Appium

By the end of this session, you'll be able to:

  • TBA
Staff Quality Engineer
Hi I'm Callum, a software tester and quality coach in London. I talk about exploratory testing, test strategy, diversity & inclusion and building testing in agile teams / startups.
Suggested Content
Tool of The Week: WonderProxy image
Localization testing with confidence Combine a global network with flexible testing tools to see what your website looks like to customers around the world
Explore MoT
Castelo Branco Meetup image
Tue, 6 May
The Future of Testing in an Automated World: Embracing Continuous Learning and A
Introduction To HTTP image
Learn the fundamental rules that make up HTTP requests and responses
Leading with Quality
A one-day educational experience to help business lead with expanding quality engineering and testing practices.
This Week in Testing image
Debrief the week in Testing via a community radio show hosted by Simon Tomes and members of the community
Subscribe to our newsletter
We'll keep you up to date on all the testing trends.