Added E2E tests, coverage reports, and removed three-orbitcontrols

Author: Wakeful-Cloud

.eslintrc.js

@@ -52,7 +52,8 @@ module.exports = {
     {
       files: [
         '**/__tests__/*.{j,t}s?(x)',
-        '**/tests/unit/**/*.spec.{j,t}s?(x)'
+        '**/tests/unit/**/*.spec.{j,t}s?(x)',
+        '**/tests/e2e/**/*.{j,t}s?(x)',
       ],
       env: {
         mocha: true

.gitignore

@@ -2,10 +2,9 @@
 node_modules
 /dist
 
-/tests/e2e/reports/
-selenium-debug.log
-chromedriver.log
-geckodriver.log
+# Cypress
+tests/e2e/screenshots/*
+tests/e2e/videos/*
 
 # local env files
 .env.local

babel.config.js

@@ -3,6 +3,7 @@
  */
 
 module.exports = {
+  plugins: ['istanbul'],
   presets: [
     '@vue/cli-plugin-babel/preset'
   ]

cypress.json

@@ -0,0 +1,3 @@
+{
+  "pluginsFile": "tests/e2e/plugins/index.js"
+}

nyc.config.js

@@ -0,0 +1,12 @@
+/**
+ * @fileoverview NYC config
+ */
+
+module.exports = {
+  exclude: [
+    '.eslintrc.js',
+    '*.config.js',
+    'dist/*',
+    'tests/*'
+  ]
+};

package-lock.json

@@ -1,59 +1,64 @@
 {
   "name": "vue-gcode-viewer",
   "version": "1.2.0",
-  "main": "dist/vue-gcode-viewer.common.js",
+  "author": "Cloud CNC",
   "scripts": {
-    "serve": "vue-cli-service serve src/demo/main.js",
-    "build": "vue-cli-service build --target lib --name vue-gcode-viewer src/main.js",
     "build:demo": "vue-cli-service build src/demo/main.js",
-    "coverage": "nyc --reporter=lcov vue-cli-service test:unit",
-    "test:unit:debug": "vue-cli-service test:unit --inspect-brk --watch --timeout 60000",
-    "test:unit": "vue-cli-service test:unit",
-    "lint": "vue-cli-service lint"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/Cloud-CNC/vue-gcode-viewer.git"
-  },
-  "keywords": [
-    "vue",
-    "gcode",
-    "gcode-viewer",
-    "vue-gcode-viewer",
-    "gcode-visualizer",
-    "gcode-parser",
-    "cloud-cnc"
-  ],
-  "author": "Cloud CNC",
-  "license": "MIT",
-  "bugs": {
-    "url": "https://github.com/Cloud-CNC/vue-gcode-viewer/issues"
+    "build": "vue-cli-service build --target lib --name vue-gcode-viewer src/main.js",
+    "coverage": "npm run test:unit && npm run test:e2e && nyc report --reporter=lcov",
+    "lint": "vue-cli-service lint",
+    "serve": "vue-cli-service serve src/demo/main.js",
+    "test:e2e": "concurrently --kill-others --success first \"npm:serve\" \"vue-cli-service test:e2e --headless --url http://localhost:8080\"",
+    "test:unit": "nyc --no-clean --silent vue-cli-service test:unit"
   },
-  "homepage": "https://github.com/Cloud-CNC/vue-gcode-viewer#readme",
+  "main": "dist/vue-gcode-viewer.common.js",
   "files": [
     "dist/*",
     "src/*"
   ],
   "dependencies": {
     "core-js": "^3.6.4",
     "three": "^0.116.1",
-    "three-orbitcontrols": "^2.110.3",
     "vue": "^2.6.11"
   },
   "devDependencies": {
+    "@cypress/code-coverage": "^3.7.4",
+    "@mdi/font": "^5.2.45",
     "@vue/cli-plugin-babel": "~4.3.0",
+    "@vue/cli-plugin-e2e-cypress": "^4.3.1",
     "@vue/cli-plugin-eslint": "~4.3.0",
     "@vue/cli-plugin-unit-mocha": "~4.3.0",
     "@vue/cli-service": "~4.3.0",
     "@vue/test-utils": "1.0.0-beta.31",
     "babel-eslint": "^10.1.0",
+    "babel-plugin-istanbul": "^6.0.0",
     "chai": "^4.1.2",
+    "concurrently": "^5.2.0",
     "eslint": "^6.7.2",
     "eslint-plugin-vue": "^6.2.2",
+    "geckodriver": "^1.19.1",
     "nyc": "^15.0.1",
     "raw-loader": "^4.0.1",
     "vue-cli-plugin-vuetify": "^2.0.5",
     "vue-template-compiler": "^2.6.11",
-    "vuetify": "^2.2.28"
+    "vuetify": "^2.2.29"
+  },
+  "bugs": {
+    "url": "https://github.com/Cloud-CNC/vue-gcode-viewer/issues"
+  },
+  "homepage": "https://github.com/Cloud-CNC/vue-gcode-viewer#readme",
+  "keywords": [
+    "vue",
+    "gcode",
+    "gcode-viewer",
+    "vue-gcode-viewer",
+    "gcode-visualizer",
+    "gcode-parser",
+    "cloud-cnc"
+  ],
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Cloud-CNC/vue-gcode-viewer.git"
   }
 }

package.json

@@ -15,7 +15,7 @@ import
   Scene,
   WebGLRenderer
 } from 'three';
-import OrbitControls from 'three-orbitcontrols';
+import {OrbitControls} from 'three/examples/jsm/controls/OrbitControls';
 import utils from './utils';
 
 //State
@@ -129,6 +129,15 @@ const setup = async (canvas, bed, theme, gcode, position, rotation, scale) =>
     }
   };
   animate();
+
+  //Environment
+  if (process.env.NODE_ENV == 'development' || process.env.NODE_ENV == 'testing')
+  {
+    window.getVueGcodeViewerState = () =>
+    {
+      return state;
+    };
+  }
 };
 
 /**