fix(touch): touchend processing should remove the touch from the cache

Author: arnobl

src/internal/NonoRobotImpl.ts

@@ -365,7 +365,16 @@ export class NonoRobotImpl implements NonoRobot {
 
     public touchend(params?: EventTarget | string | (EventTargetInit & TouchEventInit),
                     touches?: Array<Partial<TouchInit>>, timestamp?: number): this {
-        return this.processTouchEvent("touchend", this.processPotentialCssSelector(params), touches, timestamp);
+        const res = this.processTouchEvent("touchend", this.processPotentialCssSelector(params), touches, timestamp);
+        // Removing the touches that correspond to the touchend
+        const target = this.currentTarget;
+        if (target !== undefined) {
+            const map = this.ongoingtouchevents.get(target);
+            touches?.map(t => t.identifier ?? -1).forEach(i => {
+                map?.delete(i);
+            });
+        }
+        return res;
     }
 
     public do(fn: () => void): this {

test/internal/NonoRobotImpl.spec.ts

@@ -15,6 +15,7 @@ describe("robot with default event target", () => {
 
     afterEach(() => {
         jest.clearAllTimers();
+        jest.clearAllMocks();
     });
 
     describe("with mouse events", () => {
@@ -233,6 +234,34 @@ describe("robot with default event target", () => {
             div2.addEventListener("touchmove", handler2);
         });
 
+        test("on touchend, the touch is removed from the cache", () => {
+            robot
+                .touchmove({}, [
+                    {"identifier": 1, "screenX": 16, "screenY": 130, "clientX": 140, "clientY": 241, "force": 18, "pageX": 1,
+                        "pageY": 5, "radiusX": 420, "radiusY": 540, "rotationAngle": 64, "altitudeAngle": 112, "azimuthAngle": 123}
+                ])
+                .touchmove({}, [
+                    {"identifier": 2, "screenX": 16, "screenY": 130, "clientX": 140, "clientY": 241, "force": 18, "pageX": 1,
+                        "pageY": 5, "radiusX": 420, "radiusY": 540, "rotationAngle": 64, "altitudeAngle": 112, "azimuthAngle": 123}
+                ])
+                .touchend({}, [
+                    {"identifier": 1, "screenX": 16, "screenY": 130, "clientX": 140, "clientY": 241, "force": 18, "pageX": 1,
+                        "pageY": 5, "radiusX": 420, "radiusY": 540, "rotationAngle": 64, "altitudeAngle": 112, "azimuthAngle": 123}
+                ])
+                .touchmove({}, [
+                    {"identifier": 2, "screenX": 17, "screenY": 130, "clientX": 140, "clientY": 241, "force": 18, "pageX": 1,
+                        "pageY": 5, "radiusX": 420, "radiusY": 540, "rotationAngle": 64, "altitudeAngle": 112, "azimuthAngle": 123}
+                ]);
+
+            expect(handler).toHaveBeenNthCalledWith(3, expect.objectContaining({
+                "targetTouches": [
+                    {"identifier": 2, "screenX": 17, "screenY": 130, "clientX": 140, "clientY": 241, "force": 18, "pageX": 1,
+                        "pageY": 5, "radiusX": 420, "radiusY": 540, "rotationAngle": 64, "altitudeAngle": 112, "azimuthAngle": 123,
+                        "target": div, "touchType": "direct"}
+                ]
+            }));
+        });
+
         test("targetTouches and touches attribute filled after several touch events", () => {
             robot
                 .touchmove({}, [