Why does the action swap in array when clicking after typing in javascript?

DemoDev95 — Mon, 01 Aug 2022 09:06:53 +0000

I've created a chrome extension to capture the elements in the DOM according to the click order. The XPath obtained there is pushed to an array as follows. The function that performs it is as follows.

var actionArray = [];
        function Capture(json) {

            var lastCaptureStep = actionArray[actionArray.length-1];
            if(lastCaptureStep && lastCaptureStep.activity=="CLICK" && lastCaptureStep.timestamp+100>json.timestamp){
                actionArray[actionArray.length-1] = json;
                actionArray.push(lastCaptureStep);
            }else{
                 actionArray.push(json);
            }
        }

The received JSON is as follows.

    {
        "activity": "TYPE",
        "xpath": "//input[@id='password']",
        "value": "Password",
        "frames": [],
        "timestamp": 1658992410657
    }

But in the following scenario, when the password is typed in the login screen and the remember me button is clicked, the two actions are swapped as remember me click first and type action after that. (for more details please see the image).

What is the reason for this? Is there a problem with the logic in my function?

DEV Community: DemoDev95

Why does the action swap in array when clicking after typing in javascript?