Use Protractor to simulate Loss Connection by clearing LocalStorage in a Spec

Currently, I am utilizing the code 

window.localStorage.removeItem("name of localStorage variable you want to remove");
to eliminate two distinct localStorage Keys within a particular specification, and it is successfully removing them.

Afterwards, I proceed to navigate to another section of my application where a dialog should appear prompting me to log in again due to session expiration. Strangely, when using Protractor to automate this process, the dialog does not show up even though the localStorage keys are correctly cleared. However, manually deleting the keys by right-clicking and selecting "Delete" triggers the dialog to surface as expected.

What do you think might be causing this issue? Any insights are appreciated.

javascriptselenium-webdriverprotractorangular-local-storage

Answer №1

It is advisable to completely clear cookies, local storage, and session storage rather than just deleting a few specific keys.

browser.manage().deleteAllCookies();
browser.executeScript('window.sessionStorage.clear(); window.localStorage.clear();')

Answer №2

It appears that your website is storing cookies for a different domain, or using HTTPonly cookies.

Webdriver can only delete cookies from the same domain where you are currently located. If your API provides an authtoken, it will not be deleted because it is stored for a different domain. The same applies to HTTPonly cookies.

HttpOnly Cookie
An HttpOnly cookie cannot be accessed by client-side APIs like JavaScript. This security measure helps prevent cookie theft through cross-site scripting (XSS) attacks. However, the cookie may still be vulnerable to cross-site tracing (XST) and cross-site request forgery (XSRF) attacks. Adding the HttpOnly flag to the cookie gives it this level of protection.

I recommend navigating to the API URL and either using 

browser.manage().deleteAllCookies();
method there or manually logging out from your site.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Adjusting the Depiction Camera Distortion in Three.js

In my top-down Three.js game, I'm currently using a Perspective Camera. However, I've noticed that it curves a bit too much because it's mainly for "first-person view". Is there a way to customize how objects bend or curve within the frustum ...

javascriptthree.jscameraperspectivecamera

When working with JavaScript, it's important to note that any reference used outside of the catch block

Our JavaScript code includes a try...catch block that functions as follows: We import the customFile using: const ourCustomClassFile = require('./customFile'); In the customFile.js file, we have defined a function const sendErrorNotification ...

javascriptnode.jstry-catchreferenceerror

Implementing Ideone API functionality on Codeigniter with the use of ajax, javascript, and soapclient

I am new to using Codeigniter and I apologize if my question is basic. I found some code on this site: Working with IDE One API (Full project code available here) and I'm attempting to incorporate it into Codeigniter. I have been able to get it worki ...

javascriptphpajaxcodeigniter

GTM - monitoring the most recent clicked element's input data

Custom Script function() { var inputs = document.getElementsByTagName("input"), selectedRadios = []; for (var i = 0;i < inputs.length;i++) { if(inputs[i].type==="checkbox" && inputs[i].checked) { selectedRadios.push(inputs[i].value); ...

javascriptjquerygoogle-tag-manager

Ways to trigger javascript following each ajax or complete request

I have a jQuery function that attaches a click event to specific elements, as shown below. $(".alert-message .close").click(function(e) { $(this).parent().fadeTo(200, 0, function() { $(this).slideUp(300); }); e.preventDefault(); }) ...

javascriptjqueryasp.nettwitter-bootstrap

Launch in a new window using JavaScript

Check out my interactive map here. Currently, when I click on different sections of the map, the target page opens in the same window. However, I would like it to open in a new window instead. <iframe src="http://bluewingholidays.com/map/map.html ...

javascriptjqueryhtml

VueJS method for making an HTTP GET request

Attempting to make an http get request using Vue js. I can't seem to find any issues with the logic, although I'm not very experienced with vuejs. Continuously encountering these two errors: [Vue warn]: Error in mounted hook: "TypeError: Cann ...

javascripthttpvue.js

To avoid a web element that is not present, skip an iteration in Python using Selenium

Python Selenium - Skip Iteration When Web Element is Absent Hello, I am attempting to extract information from after inputting a search term into the website's search field. My goal is to skip an iteration if a specific element is not found on the f ...

pythonseleniumfor-loopselenium-webdriveriteration

What is it about Kyle Simpson's OLOO methodology that seems to swim against the tide of Typescript's popularity?

Disclaimer: this post might come across as impulsive. Warning for Typescript beginners! Also, a bit of a vent session. Recently, I delved into the OLOO approach from the YDKJS book series within a Typescript and Node environment. // ideal JS syntax le ...

javascripttypescript

retrieving identifiers from a separate table for an array of values

As a newcomer to node and noSQL databases, I am facing challenges in grasping the concept of passing an array of IDs and retrieving the corresponding values from another table. I have 'users' and 'products' tables in my database. The st ...

javascriptnode.jsmongodbexpressmongoose

Submit data from one form to another form located within an iframe

I am currently using a JX Browser that allows content to be displayed in an iframe. My goal is to automatically transfer the username and password of a user logging into my ticketing software to another form within an iframe. The page within the iframe is ...

javascriptphpjqueryhtmliframe

Using Selenium in Python to retrieve text from elements without a specific class assigned

I am completely new to the concept of web scraping. I am currently using Selenium and need to extract text from span tags that are nested within li tags. These span tags do not have any specific class or id assigned to them. Can someone guide me on how to ...

pythonseleniumselenium-webdriverxpathcss-selectors

My HTML gets rearranged by browsers, causing a change in appearance

UPDATE: I have discovered that the issue lies with Internet Explorer which alters the class attribute of an HTML element from: "<img class="blah".." to "<img class=blah..". This inconsistency only occurs in IE for me. It does not affect other attr ...

javascriptjqueryhtmlcss

Analyzing the elements of an array in JavaScript and making modifications to it based on their values

Looking for a Solution Current Data- id price 1001 200 1001 150 1002 300 1003 50 1002 70 1004 30 Desired Outcome id price 1001 350 1002 370 1003 ...

javascriptarraysangular

Displaying text on hover and showing a text box when a link is clicked using CSS and JavaScript

Hovering over the text will display "Edit," and clicking on it will reveal a text box. This function will be used to update content using ajax. HTML: <table> <thead> <tr> <th> Name </th> <th> Age </th> ...

javascripthtmlcssshow-hide

The rendering of HTML DOM is being obstructed on iPhone devices running iOS 13

Currently, I'm developing a web-based URL stream music player using JavaScript. The player functions smoothly on Android devices, but I'm encountering an issue with DOM rendering being blocked on iPhone devices. Despite rearranging the JavaScript ...

javascripthtmliosdomhtml5-audio

I am getting NaN as the output from my function, but I am unsure of the reason behind

For pracitce, I have created this code to calculate the total amount spent on gas and food using arrays. However, I am encountering an issue where it is returning NaN. const gas = [20, 40, 100]; const food = [10, 40, 50]; function total(gas, food) { ...

javascript

Utilizing Vuetify color variables in combination with ternary operators: A guide

I'm experimenting with conditional logic to dynamically change the background color of a button. I've seen examples using the ternary operator to do so, but haven't come across any that utilize color variables defined in the theme options. I ...

javascriptvue.jsvuetify.jsvuejs3

Run javascript code after the page has transitioned

Struggling to create a dynamic phonegap app with jQuery Mobile, the issue arises when loading JavaScript on transition to a new page. The structure of my index page is as follows: <body> <div data-role="page" id="homePage"> <div data- ...

javascriptjqueryhtmljquery-mobilejquery-mobile-ajax

Send a request to templateUrl

After experimenting with AngularJS, I decided to create a dynamic route system that funnels all routes through a single PHP file. This was motivated by my desire to prevent users from accessing raw templateUrl files and seeing unstyled partial pages. Prio ...

javascriptajaxangularjs