(refactor/test): switch to cypress as test environment

- use a full browser for testing instead of running in Node and
  relying on JSDOM, which does not implement all of the features we
  use (namely worker-related stuff)
  - this ensures tests run without any errors

- use cypress's webpack and browserify preprocessors to bundle up the
  code and tests for each instead of building the bundles outside of
  the test process
  - at least one of these is needed (browserify is cypress's default)
    because we use `require` in tests, which isn't available in a
    browser ofc
    - and actually using the browserify preprocessor on the browserify
      bundle caused lots of errors (it seems to use its own `require`
      when parsing the bundle, causing module not found errors)
  - no need for several package.json scripts anymore
  - no need for webpack-cli anymore
  - no need for helper files for import / export anymore
- move the webpack and browserify config into the cypress preprocessor
  config
  - cypress handles input and output, so those sections can be entirely
    removed, basically just leaving noParse
  - can't use externals here because those have to be provided to the
    browser (otherwise will give a ReferenceError)
- move the tests to cypress/integration/, cypress's default folder
  - and refactor them to cypress's mocha/chai style from AVA style
  - basically everything was (re)moved from test/ to cypress/

Author: agilgur5

.gitignore

@@ -1,5 +1,3 @@
-build/
-
 ### Node ###
 
 # Logs

cypress.json

@@ -0,0 +1,4 @@
+{
+  "video": false,
+  "modifyObstructiveCode": false
+}

cypress/integration/browserify.spec.js

@@ -0,0 +1,8 @@
+const Physijs = require('../../browserify.js')
+
+describe('browserify', () => {
+  it('should create a scene', () => {
+    const scene = new Physijs.Scene()
+    expect(scene.type).to.eq('Scene')
+  })
+})

cypress/integration/webpack.spec.js

@@ -0,0 +1,8 @@
+const Physijs = require('../../webpack.js')
+
+describe('webpack', () => {
+  it('should create a scene', () => {
+    const scene = new Physijs.Scene()
+    expect(scene.type).to.eq('Scene')
+  })
+})

cypress/plugins/index.js

@@ -0,0 +1,34 @@
+const browserify = require('@cypress/browserify-preprocessor')
+const webpack = require('@cypress/webpack-preprocessor')
+
+const ammoPath = require.resolve('../../physijs/vendor/ammo.js')
+
+const bProcess = browserify({
+  browserifyOptions: {
+    // don't parse ammo
+    noParse: [ammoPath],
+    // override the preprocessor default (which runs babelify)
+    transform: []
+  }
+})
+
+const wProcess = webpack({
+  webpackOptions: {
+    // fast builds, build is only used for testing purposes
+    mode: 'development',
+    // don't parse ammo
+    module: {
+      noParse: ammoPath,
+    }
+  }
+})
+
+module.exports = (on) => {
+  // process webpack test w/ webpack and browserify test w/ browserify
+  on('file:preprocessor', (file) => {
+    if (file.filePath.includes('webpack.spec.js')) {
+      return wProcess(file)
+    }
+    return bProcess(file)
+  })
+}

cypress/support/commands.js

@@ -0,0 +1,6 @@
+require('./commands')
+
+// nothing to screenshot here
+Cypress.Screenshot.defaults({
+  screenshotOnRunFailure: false
+})

cypress/support/index.js

@@ -36,31 +36,19 @@
   ],
   "scripts": {
     "changelog": "changelog-maker",
-    "test": "npm run clean && npm run browserify && npm run webpack && ava",
-    "test:browserify": "npm run browserify && ava test/browserify.spec.js",
-    "test:webpack": "npm run webpack && ava test/webpack.spec.js",
-    "browserify": "node test/build-config/_browserify.config.js",
-    "webpack": "webpack --config test/build-config/_webpack.config.js",
-    "clean": "rm -rf build/ && mkdir build/"
-  },
-  "ava": {
-    "require": [
-      "./test/utils/_setup-browser-env.js"
-    ]
+    "test": "cypress run"
   },
   "peerDependencies": {
     "three": "^0.73.0"
   },
   "devDependencies": {
     "@agilgur5/changelog-maker": "^3.0.0",
-    "@react-frontend-developer/jsdom-worker": "^0.1.1",
-    "ava": "^2.1.0",
-    "browser-env": "^3.2.6",
+    "@cypress/browserify-preprocessor": "^2.1.1",
+    "@cypress/webpack-preprocessor": "^4.1.1",
     "browserify": "^16.2.3",
-    "node-fetch": "^2.6.0",
+    "cypress": "^3.6.1",
     "three": "^0.73.2",
     "webpack": "^4.34.0",
-    "webpack-cli": "^3.3.4",
     "webworkify": "^1.5.0",
     "worker-loader": "^2.0.0"
   }