Merge pull request #1009 from gemini-testing/sp.dnd-example

chore(examples): add example with DnD

examples/drag-and-drop/.gitignore

@@ -0,0 +1,5 @@
+.DS_store
+.DS_Store
+
+.testplane
+testplane-report

examples/drag-and-drop/.testplane.conf.ts

@@ -0,0 +1,42 @@
+const SERVER_PORT = process.env.PORT || 3000;
+
+export default {
+    gridUrl: "http://localhost:4444/wd/hub",
+    baseUrl: `http://localhost:${SERVER_PORT}`,
+    pageLoadTimeout: 0,
+    httpTimeout: 60000,
+    testTimeout: 90000,
+    resetCursor: false,
+    sets: {
+        desktop: {
+            files: [
+                "testplane-tests/**/*.testplane.(t|j)s"
+            ],
+            browsers: [
+                "chrome"
+            ]
+        }
+    },
+    browsers: {
+        chrome: {
+            automationProtocol: "devtools",
+            headless: true,
+            desiredCapabilities: {
+                browserName: "chrome"
+            }
+        }
+    },
+    plugins: {
+        "html-reporter/testplane": {
+            // https://github.com/gemini-testing/html-reporter
+            enabled: true,
+            path: "testplane-report",
+            defaultView: "all",
+            diffMode: "3-up-scaled"
+        }
+    },
+    devServer: {
+        command: "npm run server:dev",
+        env: { PORT: SERVER_PORT }
+    },
+};

examples/drag-and-drop/README.md

@@ -0,0 +1,23 @@
+### Drag-and-drop example
+
+
+
+#### Usage
+
+1. Install dependencies
+
+```
+npm ci
+```
+
+2. Run GUI
+
+```
+npx testplane gui
+```
+
+After execiting this command, GUI-report will be opened in your default browser. 
+
+3. Click the `Run` button to run your test (the test will fail due to the lack of screenshots)
+4. Click the `Accept opened` button to accepr all images or click the `Accept` button located next to each image
+5. Click the `Run` button to rerun your test again (the test will be successful)