2. Offline in the browser
With IndexedDB, AppCache & LocalStorage

3. Internet Usage Rates
Asia
Europe
Africa
North America
Latin America
Australia
0
12.5
25
37.5
50

4. Asia
~ 28%
Europe
~ 64%
Africa
~ 16%
North America
~ 80%
Latin America
~ 43%
Australia
~ 68%
0
17.5
35
52.5
70
% of population
% of internet penetration

6. I don’t have an internet issue. What’s in it for me?

7. I don’t have an internet issue. What’s in it for me?

8. I don’t have an internet issue. What’s in it for me?

9. Use case

10. “Simply put, it’s a way for web pages to store named key/value pairs
locally, within the client web browser.”
!
!
- diveintohtml5.info
_

12. Demo

13. Gotchas
•
“5 megabytes” is how much storage space each origin gets by
default.

14. Gotchas
•
“2.5 million characters” is how much storage space each origin
gets by default.

15. IndexedDB
“IndexedDB is an API for client-side storage of significant amounts of
structured data and for high performance searches on this data using
indexes.”
!
- developer.mozilla.org
_

16. IndexedDB
LocalStorage

17. caniuse.com

19. Demo

20. ApplicationCache
“Developers can use the Application Cache (AppCache) interface to
specify resources that the browser should cache and make available to
offline users”
!
- developer.mozilla.org
_

21. AppCache is not
BrowserCache

23. Demo

24. Gotchas
•
Any changes made to the appcache file will cause the browser to
update the entire application cache."
•
If any of the files mentioned in the CACHE section can't be
retrieved, the entire cache will be disregarded."
•
Regardless of whether you include the address of the current
page in the configuration, it will be cached.

26. Challenges
• How to automate indexedDB?"
• How to switch off network in between running
automation script?"
• Inform exact point of failure"
• CI integration"
• Which browser to choose for automation
testing?

27. kansal.raman@gmail.com"
manan.bharara@gmail.com"
@kansal_raman"
@mananbharara
Thank You
www.nextgentesting.org