Web storage – testing local storage
HTML5 introduced a more secure and faster way of storing data locally within the user's browser from the Web application. Earlier, this was done with cookies. This data is not included with every server request, but used ONLY when asked for. It is also possible to store large amounts of data without affecting the website's performance. The data is stored in key/value pairs, and a web application can only access data stored by itself.
HTML5 provides a localStorage interface through JavaScript that stores the data with no expiration date. The data will not be deleted when the browser is closed, and will be available all the time. You can view this data in Google Chrome by clicking on Inspect Element | Resources tab.
Internet Explorer 8+, Firefox, Opera, Chrome, and Safari support web storage.
In this recipe, we will verify that a web page stores data in local storage as expected.
How to do it...
We will create a test that will verify the web page has created...
