added support for out-of-the-box UI testing available in devcontainer

Author: navidpadid

.devcontainer/devcontainer.json

@@ -8,7 +8,8 @@
   "remoteUser": "node",
   "updateRemoteUserUID": true,
   "runArgs": [
-    "--init"
+    "--init",
+    "--network=host"
   ],
   "mounts": [
     "source=stretchly-node-modules,target=/workspaces/stretchly/node_modules,type=volume",

README.md

@@ -566,6 +566,7 @@ Common commands inside the container:
 - `npm run lint`
 - `npm test`
 - `npm run dev`
+- `npm run dev:container` (use this in dev containers if Electron sandboxing is restricted)
 
 ### Debugging
 
@@ -575,7 +576,7 @@ You can use Stretchly's built-in debug shortcut by pressing `Ctrl/Cmd + D` in th
 
 You can copy debug information to the clipboard.
 
-If you start *Stretchly* in development mode with the `npm run dev` command, it makes it possible to debug the application in your browser on `http://localhost:9222`.
+If you start *Stretchly* in development mode with the `npm run dev` command (or `npm run dev:container` when running inside a dev container), it makes it possible to debug the application in your browser on `http://localhost:9222`.
 
 ### Logging
 

package-lock.json

@@ -7,6 +7,7 @@
   "scripts": {
     "start": "electron .",
     "dev": "cross-env NODE_ENV=development electron . --trace-warnings --trace-deprecation --enable-logging --remote-debugging-port=9222",
+    "dev:container": "cross-env NODE_ENV=development electron . --no-sandbox --trace-warnings --trace-deprecation --enable-logging --remote-debugging-port=9223 --remote-allow-origins=*",
     "postinstall": "electron-builder install-app-deps",
     "pack": "electron-builder build --dir",
     "dist": "electron-builder build",