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. Previously, 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 that is 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 at all times. You can view this data in Google Chrome by clicking on the Inspect Element | Resources tab.

Internet Explorer 8+, Firefox, Opera, Chrome, and Safari support web storage.

In this recipe, we will verify if a web page stores data in local storage as expected.

How to do it...

We will create a test that will verify that the web...