Generate snapshots before running Cypress tests (#12301)

.gitignore

@@ -32,6 +32,7 @@
 /cypress
 /deploy/artifacts/*
 /docs/uberdoc.html
+/frontend/test/snapshots/*
 /lein-plugins/*/target
 /local/src
 /local/src

frontend/test/__runner__/run_cypress_tests.js

@@ -53,6 +53,9 @@ const init = async () => {
   console.log(chalk.bold("Starting backend"));
   await BackendResource.start(server);
 
+  console.log(chalk.bold("Generating snapshots"));
+  await generateSnapshots();
+
   console.log(chalk.bold("Starting Cypress"));
   const cypressProcess = spawn(
     "yarn",
@@ -98,3 +101,22 @@ launch();
 
 process.on("SIGTERM", cleanup);
 process.on("SIGINT", cleanup);
+
+async function generateSnapshots() {
+  const cypressProcess = spawn(
+    "yarn",
+    [
+      "cypress",
+      "run",
+      "--config-file",
+      "frontend/test/cypress-snapshots.json",
+      "--config",
+      `baseUrl=${server.host}`,
+    ],
+    { stdio: "inherit" },
+  );
+
+  return new Promise((resolve, reject) => {
+    cypressProcess.on("exit", resolve);
+  });
+}

package.json

@@ -215,8 +215,7 @@
     "ci-backend": "lein docstring-checker && lein bikeshed && lein eastwood && lein test",
     "test-cypress": "yarn build && ./bin/build-for-test && yarn test-cypress-no-build",
     "test-cypress-open": "./bin/build-for-test && yarn test-cypress-no-build --open",
-    "test-cypress-no-build": "yarn && CONFIG_FILE=frontend/test/cypress.json babel-node ./frontend/test/__runner__/run_cypress_tests.js",
-    "create-cypress-snapshots": "yarn && CONFIG_FILE=frontend/test/cypress-snapshots.json babel-node ./frontend/test/__runner__/run_cypress_tests.js"
+    "test-cypress-no-build": "yarn && CONFIG_FILE=frontend/test/cypress.json babel-node ./frontend/test/__runner__/run_cypress_tests.js"
   },
   "lint-staged": {
     "frontend/**/*.{js,jsx,css}": [