Challenge on some complex tasks

.gitignore

@@ -1,2 +1,3 @@
 node_modules
-tasks
+tasks
+.env

_tasks/02_add_remove_elements.json

@@ -0,0 +1,20 @@
+{
+  "name": "add_remove_elements",
+  "tasks": [
+    {
+      "action": "visit",
+      "url": "https://the-internet.herokuapp.com/add_remove_elements/"
+    },
+    {
+      "action": "click",
+      "selector": "//button[text()='Add Element']",
+      "xpath": "True"
+    },
+    {
+      "action": "click",
+      "selector": "//button[text()='Delete']",
+      "xpath": "True"
+    }
+  ],
+  "timestamp": 1695408306590
+}

_tasks/05_challenging_dom.json

@@ -0,0 +1,14 @@
+{
+  "name": "challenging_dom",
+  "tasks": [
+    {
+      "action": "visit",
+      "url": "https://the-internet.herokuapp.com/challenging_dom"
+    },
+    {
+      "action": "evaluate",
+      "expression": "document.querySelector('.large-10 table tbody tr:nth-child(4) td:nth-child(5)').textContent"
+    }
+  ],
+  "timestamp": 1695234997171
+}

_tasks/06_checkboxes.json

@@ -0,0 +1,20 @@
+{
+  "name": "checkboxes",
+  "tasks": [
+    {
+      "action": "visit",
+      "url": "https://the-internet.herokuapp.com/checkboxes"
+    },
+    {
+      "action": "click",
+      "selector": "//input[@type='checkbox'][2]",
+      "xpath": "True"
+    },
+    {
+      "action": "click",
+      "selector": "//input[@type='checkbox'][1]",
+      "xpath": "True"
+    }
+  ],
+  "timestamp": 1695235445064
+}

_tasks/09_disappearing_elements.json

@@ -0,0 +1,30 @@
+{
+  "name": "disappearing_elements",
+  "tasks": [
+    {
+      "action": "visit",
+      "url": "https://the-internet.herokuapp.com/disappearing_elements"
+    },
+    {
+      "action": "hover",
+      "selector": "//ul/li[1]",
+      "xpath": "True"
+    },
+    {
+      "action": "hover",
+      "selector": "//ul/li[2]",
+      "xpath": "True"
+    },
+    {
+      "action": "hover",
+      "selector": "//ul/li[3]",
+      "xpath": "True"
+    },
+    {
+      "action": "hover",
+      "selector": "//ul/li[4]",
+      "xpath": "True"
+    }
+  ],
+  "timestamp": 1695236242314
+}

_tasks/10_drag_and_drop.json

@@ -0,0 +1,14 @@
+{
+  "name": "drag_and_drop",
+  "tasks": [
+    {
+      "action": "visit",
+      "url": "https://the-internet.herokuapp.com/drag_and_drop"
+    },
+    {
+      "action": "evaluate",
+      "expression": "(() => { const columnA = document.querySelector('#column-a'); const columnB = document.querySelector('#column-b'); const dataTransfer = new DataTransfer(); columnA.dispatchEvent(new DragEvent('dragstart', { dataTransfer: dataTransfer })); columnB.dispatchEvent(new DragEvent('drop', { dataTransfer: dataTransfer })); return 'Drag and Drop simulated with DataTransfer'; })()"
+    }
+  ],
+  "timestamp": 1695407675816
+}

_tasks/11_dropdown.json

@@ -0,0 +1,19 @@
+{
+  "name": "dropdown",
+  "tasks": [
+    {
+      "action": "visit",
+      "url": "https://the-internet.herokuapp.com/dropdown"
+    },
+    {
+      "action": "click",
+      "selector": "#dropdown",
+      "xpath": "False"
+    },
+    {
+      "action": "evaluate",
+      "expression": "document.querySelector('#dropdown').value = '1';"
+    }
+  ],
+  "timestamp": 1695409162823
+}

actions/get.ts

@@ -14,6 +14,20 @@ export const click = {
     controller: controller.click
 }
 
+export const hover = {
+    method: "get",
+    action: "hover",
+    path: "/hover",
+    controller: controller.hover
+}
+
+export const select = {
+    method: "get",
+    action: "select",
+    path: "/select",
+    controller: controller.select
+}
+
 export const observe = {
     method: "get",
     action: "observe",
@@ -52,6 +66,8 @@ export const exit = {
 export default [
     visit,
     click,
+    hover,
+    select,
     observe,
     router,
     type,

actions/index.ts

@@ -1,7 +1,18 @@
 import get from './get';
 import post from './post';
 
+import {
+    visit, click, hover, observe, router,
+    type, wait, exit
+} from './get';
+import { mouse, evaluate } from './post'
+
+export const actions = {
+    visit, click, hover, observe, router,
+    type, evaluate, wait, exit, mouse
+}
+
 export default {
     get,
     post
-}
+}

actions/middlewares.ts

@@ -0,0 +1,9 @@
+import express, { NextFunction, Request, Response } from 'express';
+
+export const resolveJSON = (req: Request, res: Response, next: NextFunction) => {
+    express.json()(req, res, next);
+}
+
+export const resolveRaw = (req: Request, res: Response, next: NextFunction) => {
+    express.raw({ type: "text/plain" })(req, res, next);
+}

actions/post.ts

@@ -1,22 +1,41 @@
 import * as controller from '../controller';
+import { resolveRaw, resolveJSON } from './middlewares';
+
+export const mouse = {
+    method: "post",
+    action: "mouse",
+    path: "/mouse",
+    middlewares: [resolveJSON],
+    controller: controller.mouse
+}
+
+export const evaluate = {
+    method: "post",
+    action: "evaluate",
+    path: "/evaluate",
+    middlewares: [resolveJSON],
+    controller: controller.evaluate
+}
 
 const savetask = {
     method: "post",
     action: "savetask",
     path: "/savetask",
+    middlewares: [resolveJSON],
     controller: controller.savetask
 }
 
-
 const replay = {
     method: "get",
     action: "replay",
     path: "/replay",
+    middlewares: [],
     controller: controller.replay
 }
 
-
 export default [
+    mouse,
+    evaluate,
     savetask,
     replay
 ]