offline browser testing
TRANSCRIPT
![Page 1: Offline browser testing](https://reader033.vdocuments.site/reader033/viewer/2022052522/554bbb2db4c9053a298b4d21/html5/thumbnails/1.jpg)
![Page 2: Offline browser testing](https://reader033.vdocuments.site/reader033/viewer/2022052522/554bbb2db4c9053a298b4d21/html5/thumbnails/2.jpg)
Offline in the browserWith IndexedDB, AppCache & LocalStorage
![Page 3: Offline browser testing](https://reader033.vdocuments.site/reader033/viewer/2022052522/554bbb2db4c9053a298b4d21/html5/thumbnails/3.jpg)
Asia
Europe
Africa
North America
Latin America
Australia
0 12.5 25 37.5 50
Internet Usage Rates
![Page 4: Offline browser testing](https://reader033.vdocuments.site/reader033/viewer/2022052522/554bbb2db4c9053a298b4d21/html5/thumbnails/4.jpg)
Asia
Europe
Africa
North America
Latin America
Australia
0 17.5 35 52.5 70
~ 28%
~ 64%
~ 16%
~ 80%
~ 43%
~ 68%
% of population% of internet penetration
![Page 5: Offline browser testing](https://reader033.vdocuments.site/reader033/viewer/2022052522/554bbb2db4c9053a298b4d21/html5/thumbnails/5.jpg)
![Page 6: Offline browser testing](https://reader033.vdocuments.site/reader033/viewer/2022052522/554bbb2db4c9053a298b4d21/html5/thumbnails/6.jpg)
I don’t have an internet issue. What’s in it for me?
![Page 7: Offline browser testing](https://reader033.vdocuments.site/reader033/viewer/2022052522/554bbb2db4c9053a298b4d21/html5/thumbnails/7.jpg)
I don’t have an internet issue. What’s in it for me?
![Page 8: Offline browser testing](https://reader033.vdocuments.site/reader033/viewer/2022052522/554bbb2db4c9053a298b4d21/html5/thumbnails/8.jpg)
I don’t have an internet issue. What’s in it for me?
![Page 9: Offline browser testing](https://reader033.vdocuments.site/reader033/viewer/2022052522/554bbb2db4c9053a298b4d21/html5/thumbnails/9.jpg)
Use case
![Page 10: Offline browser testing](https://reader033.vdocuments.site/reader033/viewer/2022052522/554bbb2db4c9053a298b4d21/html5/thumbnails/10.jpg)
“Simply put, it’s a way for web pages to store named key/value pairs locally, within the client web browser.”
!! - diveintohtml5.info _
![Page 11: Offline browser testing](https://reader033.vdocuments.site/reader033/viewer/2022052522/554bbb2db4c9053a298b4d21/html5/thumbnails/11.jpg)
![Page 13: Offline browser testing](https://reader033.vdocuments.site/reader033/viewer/2022052522/554bbb2db4c9053a298b4d21/html5/thumbnails/13.jpg)
Gotchas
• “5 megabytes” is how much storage space each origin gets by default.
![Page 14: Offline browser testing](https://reader033.vdocuments.site/reader033/viewer/2022052522/554bbb2db4c9053a298b4d21/html5/thumbnails/14.jpg)
Gotchas
• “2.5 million characters” is how much storage space each origin gets by default.
![Page 15: Offline browser testing](https://reader033.vdocuments.site/reader033/viewer/2022052522/554bbb2db4c9053a298b4d21/html5/thumbnails/15.jpg)
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 _
![Page 16: Offline browser testing](https://reader033.vdocuments.site/reader033/viewer/2022052522/554bbb2db4c9053a298b4d21/html5/thumbnails/16.jpg)
IndexedDB
LocalStorage
![Page 17: Offline browser testing](https://reader033.vdocuments.site/reader033/viewer/2022052522/554bbb2db4c9053a298b4d21/html5/thumbnails/17.jpg)
caniuse.com
![Page 18: Offline browser testing](https://reader033.vdocuments.site/reader033/viewer/2022052522/554bbb2db4c9053a298b4d21/html5/thumbnails/18.jpg)
![Page 20: Offline browser testing](https://reader033.vdocuments.site/reader033/viewer/2022052522/554bbb2db4c9053a298b4d21/html5/thumbnails/20.jpg)
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 _
![Page 21: Offline browser testing](https://reader033.vdocuments.site/reader033/viewer/2022052522/554bbb2db4c9053a298b4d21/html5/thumbnails/21.jpg)
AppCache is not BrowserCache
![Page 22: Offline browser testing](https://reader033.vdocuments.site/reader033/viewer/2022052522/554bbb2db4c9053a298b4d21/html5/thumbnails/22.jpg)
![Page 24: Offline browser testing](https://reader033.vdocuments.site/reader033/viewer/2022052522/554bbb2db4c9053a298b4d21/html5/thumbnails/24.jpg)
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.
![Page 25: Offline browser testing](https://reader033.vdocuments.site/reader033/viewer/2022052522/554bbb2db4c9053a298b4d21/html5/thumbnails/25.jpg)
![Page 26: Offline browser testing](https://reader033.vdocuments.site/reader033/viewer/2022052522/554bbb2db4c9053a298b4d21/html5/thumbnails/26.jpg)
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?