Automatic regression testing with CI

.github/CONTRIBUTING.md

@@ -1,5 +1,5 @@
 
-# Help 
+# Help
 #### The issues section is for bug reports and feature requests only. If you need help, please use the [forum](http://discourse.threejs.org/) or [stackoverflow](http://stackoverflow.com/questions/tagged/three.js).
 ---
 # Bugs
@@ -25,4 +25,5 @@
 2. Fork the repository on GitHub.
 3. Check the [Contribution Guidelines](https://github.com/mrdoob/three.js/wiki/How-to-contribute-to-three.js).
 4. Make changes to your clone of the repository.
-5. Submit a pull request. Don't include build files in the PR.
+5. If your changes leads to a change in examples, make a new screenshot with `npm run make-screenshot <example_name>`.
+6. Submit a pull request. Don't include build files in the PR.

.travis.yml

@@ -1,5 +1,27 @@
 language: node_js
-node_js:
-  - node
-script:
-  - npm run travis
+node_js: node
+services: xvfb
+cache: bundler
+
+jobs:
+  include:
+
+    - &lint-n-unit
+      stage: lint & unit
+      name: lint
+      script: npm run lint
+    - <<: *lint-n-unit
+      name: unit
+      script: npm run test-unit
+
+    - &diff
+      stage: diff
+      name: diff
+      script: FORCE_COLOR=0 npm run test-diff
+      env: CI=0
+    - <<: *diff
+      env: CI=1
+    - <<: *diff
+      env: CI=2
+    - <<: *diff
+      env: CI=3

examples/misc_animation_authoring.html

@@ -161,5 +161,11 @@
 
 		</script>
 
+		<script>
+			if (navigator.webdriver) { // off for testing
+				setTimeout(() => { document.getElementsByTagName('div')[1].style.display = 'none' }, 750)
+			}
+		</script>
+
 	</body>
 </html>