chore(run-e2e): add prettier

Author: Illia Obukhau

automation/run-e2e/.eslintrc.cjs

@@ -2,12 +2,11 @@ module.exports = {
     root: true,
     env: {
         node: true,
-        es2021: true,
+        es2021: true
     },
     extends: ["eslint:recommended", "plugin:cypress/recommended"],
     parserOptions: {
         sourceType: "module",
         ecmaVersion: 2021
     }
-
 };

automation/run-e2e/.prettierrc.cjs

@@ -0,0 +1 @@
+module.exports = require("../../prettier.config");

automation/run-e2e/bin/run-e2e.mjs

@@ -5,7 +5,9 @@ import { ci } from "../lib/ci.mjs";
 import { dev } from "../lib/dev.mjs";
 
 async function main() {
-    const { _: [command] } = parseArgs(process.argv.slice(2))
+    const {
+        _: [command]
+    } = parseArgs(process.argv.slice(2));
 
     switch (command) {
         case "ci": {

automation/run-e2e/lib/docker-utils.mjs

@@ -168,4 +168,4 @@ export function startCypress(ip, freePort) {
     const command = [`docker run`, ...args].join(" ");
 
     execSync(command, { stdio: "inherit" });
-}
+}

automation/run-e2e/lib/setup-test-project.mjs

@@ -99,4 +99,4 @@ async function updateAtlas() {
     } else {
         throw new Error("Can't fetch latest StarterApp release");
     }
-}
+}

automation/run-e2e/package.json

@@ -16,7 +16,8 @@
     "url": "https://github.com/mendix/web-widgets.git"
   },
   "scripts": {
-    "lint": "eslint --ext .mjs ."
+    "lint": "eslint --ext .mjs .",
+    "format": "prettier --write ."
   },
   "dependencies": {
     "ansi-colors": "^4.1.3",
@@ -30,6 +31,7 @@
     "find-free-port": "^2.0.0",
     "ip": "^1.1.8",
     "node-fetch": "^2.6.1",
+    "prettier": "^2.5.1",
     "shelljs": "^0.8.5",
     "yargs-parser": "^21.1.1"
   }

automation/run-e2e/support/commands.mjs

@@ -1,5 +1,5 @@
 import compareSnapshotCommand from "cypress-image-diff-js";
-import installLogsCollector from "cypress-terminal-report/src/installLogsCollector"
+import installLogsCollector from "cypress-terminal-report/src/installLogsCollector";
 
 console.log("support/commands loaded");
 installLogsCollector();
@@ -21,37 +21,37 @@ Cypress.Commands.add("dragAndDrop", (subject, target, dragIndex, dropIndex) => {
     const BUTTON_INDEX = 0;
     const SLOPPY_CLICK_THRESHOLD = 10;
     cy.get(target)
-    .eq(dropIndex)
-    .then($target => {
-        const coordsDrop = $target[0].getBoundingClientRect();
-        cy.get(subject)
-        .eq(dragIndex)
-        .then(subject => {
-            const coordsDrag = subject[0].getBoundingClientRect();
-            cy.wrap(subject)
-            .trigger("mousedown", {
-                button: BUTTON_INDEX,
-                clientX: coordsDrag.x,
-                clientY: coordsDrag.y,
-                force: true
-            })
-            .trigger("mousemove", {
-                button: BUTTON_INDEX,
-                clientX: coordsDrag.x + SLOPPY_CLICK_THRESHOLD,
-                clientY: coordsDrag.y,
-                force: true
-            })
-            .wait(1000);
-            cy.get("body")
-            .trigger("mousemove", {
-                button: BUTTON_INDEX,
-                clientX: coordsDrop.x,
-                clientY: coordsDrop.y,
-                force: true
-            })
-            .trigger("mouseup");
+        .eq(dropIndex)
+        .then($target => {
+            const coordsDrop = $target[0].getBoundingClientRect();
+            cy.get(subject)
+                .eq(dragIndex)
+                .then(subject => {
+                    const coordsDrag = subject[0].getBoundingClientRect();
+                    cy.wrap(subject)
+                        .trigger("mousedown", {
+                            button: BUTTON_INDEX,
+                            clientX: coordsDrag.x,
+                            clientY: coordsDrag.y,
+                            force: true
+                        })
+                        .trigger("mousemove", {
+                            button: BUTTON_INDEX,
+                            clientX: coordsDrag.x + SLOPPY_CLICK_THRESHOLD,
+                            clientY: coordsDrag.y,
+                            force: true
+                        })
+                        .wait(1000);
+                    cy.get("body")
+                        .trigger("mousemove", {
+                            button: BUTTON_INDEX,
+                            clientX: coordsDrop.x,
+                            clientY: coordsDrop.y,
+                            force: true
+                        })
+                        .trigger("mouseup");
+                });
         });
-    });
 });
 /*eslint-disable cypress/no-unnecessary-waiting*/