progress: working headless but not accurate enough

package.json

@@ -31,10 +31,14 @@
     "test-watch": "jest --watch",
     "test-coverage": "jest test/unit/*.js --coverage --collectCoverageFrom 'src/**/*.js'",
     "test-regression": "jest test/regression/*.js",
-    "cypress": "cypress open",
-    "cypress:update": "cypress open --env updateSnapshots=true",
-    "ci:cypress": "start-server-and-test ci:cypress-server http://localhost:3001 cypress run",
-    "ci:cypress-server": "ws -p 3001",
+    "cypress": "yarn run _start-cypress-server-with _cypress:open",
+    "cypress:update-snapshots": "yarn run _start-cypress-server-with _cypress:update",
+    "ci:cypress": "yarn run _start-cypress-server-with _cypress:run",
+    "_cypress:update": "cypress open --env updateSnapshots=true",
+    "_cypress:open": "cypress open",
+    "_cypress:run": "cypress run",
+    "_start-cypress-server-with": "start-server-and-test _cypress-server http://localhost:3001",
+    "_cypress-server": "ws -p 3001",
     "docs": "bash ./build-docs.sh",
     "docs-commit": "npm run docs && git add docs && git diff-index --quiet HEAD || git commit -m 'update docs in preparation for release'",
     "format": "prettier --write '{src,test}/**/*.js'",

test/cypress/.gitignore

@@ -1 +1,3 @@
-__diff_output__
+__diff_output__
+screenshots
+videos

test/cypress/integration/regression.spec.js

@@ -12,6 +12,10 @@ context("playback tests", () => {
 
         cy.get("#play").click();
 
+        // give videocontext a chance to render first frame
+        // should try and use the vidctx events here
+        cy.wait(100);
+
         cy.get("#canvas").matchImageSnapshot("after play");
 
         // pause after a wait