feat(cypress): add configs for not overriding screenshots (#5524)

cypress-tests/cypress.config.js

@@ -21,4 +21,5 @@ module.exports = {
   chromeWebSecurity: false,
   defaultCommandTimeout: 10000,
   pageLoadTimeout: 20000,
+  trashAssetsBeforeRuns: false,
 };

cypress-tests/cypress/support/e2e.js

@@ -15,6 +15,7 @@
 
 // Import commands.js using ES2015 syntax:
 import "./commands";
+import "./screenshotConfigs";
 
 // Alternatively you can use CommonJS syntax:
 // require('./commands')

cypress-tests/cypress/support/screenshotConfigs.js

@@ -0,0 +1,21 @@
+Cypress.Screenshot.defaults({
+  blackout: [".secret-info", "[data-hide=true]"],
+  capture: "runner",
+  overwrite: false,
+
+  onBeforeScreenshot($el) {
+    const $clock = $el.find(".clock");
+
+    if ($clock) {
+      $clock.hide();
+    }
+  },
+
+  onAfterScreenshot($el, props) {
+    const $clock = $el.find(".clock");
+
+    if ($clock) {
+      $clock.show();
+    }
+  },
+});