use staging in cypress

Author: kylemh

common/config/environment.js

@@ -1,7 +1,7 @@
 /*
  * This file should only contain environment variables that are non-secret.
  */
-const isProduction = process.env.NODE_ENV === 'production';
+const isProduction = process.env.PRODUCTION_DEPLOYMENT === 'true';
 
 // These are all exposed by the client, so there's no way to protect them anyways.
 export const clientTokens = isProduction

cypress/plugins/index.js

@@ -9,6 +9,7 @@
 // ***********************************************************
 const { addMatchImageSnapshotPlugin } = require('cypress-image-snapshot/plugin');
 const webpack = require('@cypress/webpack-preprocessor');
+const { DefinePlugin } = require('webpack');
 // This function is called when a project is opened or re-opened (e.g. due to
 // the project's config changing)
 // eslint-disable-next-line no-unused-vars
@@ -33,6 +34,14 @@ module.exports = (on, config) => {
           alias: require('../../pathAliases'),
           extensions: ['.js', '.ts', '.tsx'],
         },
+        plugins: [
+          new DefinePlugin({
+            'process.env': {
+              NODE_ENV: JSON.stringify(process.env.NODE_ENV),
+              PRODUCTION_DEPLOYMENT: JSON.stringify(false),
+            },
+          }),
+        ],
         module: {
           rules: [
             {
@@ -53,5 +62,8 @@ module.exports = (on, config) => {
       watchOptions: {},
     }),
   );
+
+  console.log(process.env);
+
   return config;
 };