adjust logging

Author: v-tarasevich-blitz-brain

smoke-test/tests/cypress/cypress.config.js

@@ -16,12 +16,6 @@ module.exports = defineConfig({
     // We've imported your old cypress plugins here.
     // You may want to clean this up later by importing these.
     setupNodeEvents(on, config) {
-      // eslint-disable-next-line no-unused-vars
-      on("after:spec", (spec, results) => {
-        console.log(`Completed spec: ${spec.relative}`);
-        console.log(`Memory usage: ${JSON.stringify(process.memoryUsage())}`);
-      });
-
       // eslint-disable-next-line global-require
       return require("./cypress/plugins/index")(on, config);
     },

smoke-test/tests/cypress/cypress/plugins/index.js

@@ -20,6 +20,9 @@ module.exports = (on, config) => {
   // `on` is used to hook into various events Cypress emits
   // `config` is the resolved Cypress config
 
+  // eslint-disable-next-line global-require
+  require("./memoryUsage")(on);
+
   // eslint-disable-next-line global-require
   require("cypress-timestamps/plugin")(on);
 };

smoke-test/tests/cypress/cypress/plugins/memoryUsage.js

@@ -0,0 +1,53 @@
+/// <reference types="cypress" />
+// ***********************************************************
+// This example plugins/index.js can be used to load plugins
+//
+// You can change the location of this file or turn off loading
+// the plugins file with the 'pluginsFile' configuration option.
+//
+// You can read more here:
+// https://on.cypress.io/plugins-guide
+// ***********************************************************
+
+// This function is called when a project is opened or re-opened (e.g. due to
+// the project's config changing)
+
+/**
+ * @type {Cypress.PluginConfig}
+ */
+// eslint-disable-next-line no-unused-vars
+module.exports = (on, config) => {
+  // `on` is used to hook into various events Cypress emits
+  // `config` is the resolved Cypress config
+
+  // Add a task to log to the terminal
+  on("task", {
+    logMemoryUsage(browserMemoryUsage) {
+      const formatBytes = (bytes) =>
+        (bytes / 1024 / 1024 / 1024).toFixed(3) + " GB";
+
+      if (browserMemoryUsage) {
+        console.log("=== Browser Tab Memory Usage ===");
+        console.log(`Used: ${formatBytes(browserMemoryUsage.usedJSHeapSize)}`);
+        console.log(
+          `Total: ${formatBytes(browserMemoryUsage.totalJSHeapSize)}`,
+        );
+        console.log(
+          `Limit: ${formatBytes(browserMemoryUsage.jsHeapSizeLimit)}`,
+        );
+      }
+
+      const cypressMemoryUsage = process.memoryUsage();
+      console.log("=== Cypress Memory Usage ===");
+      console.log(`rss: ${formatBytes(cypressMemoryUsage.rss)}`);
+      console.log(`heapTotal: ${formatBytes(cypressMemoryUsage.heapTotal)}`);
+      console.log(`heapUsed: ${formatBytes(cypressMemoryUsage.heapUsed)}`);
+      console.log(`external: ${formatBytes(cypressMemoryUsage.external)}`);
+      console.log(
+        `arrayBuffers: ${formatBytes(cypressMemoryUsage.arrayBuffers)}`,
+      );
+
+      return null;
+    },
+  });
+};

smoke-test/tests/cypress/cypress/support/e2e.js

@@ -42,23 +42,12 @@ beforeEach(function () {
 
 afterEach(() => {
   cy.window().then((win) => {
-    if (win.performance && win.performance.memory) {
-      const mem = win.performance.memory;
-      const formatBytes = (bytes) =>
-        (bytes / 1024 / 1024 / 1024).toFixed(3) + " GB";
+    const browserMemoryUsage = {
+      usedJSHeapSize: win.performance?.memory?.usedJSHeapSize,
+      totalJSHeapSize: win.performance?.memory?.totalJSHeapSize,
+      jsHeapSizeLimit: win.performance?.memory?.jsHeapSizeLimit,
+    };
 
-      cy.log("=== Browser Tab Memory ===");
-      cy.log(`Used: ${formatBytes(mem.usedJSHeapSize)}`);
-      cy.log(`Total: ${formatBytes(mem.totalJSHeapSize)}`);
-      cy.log(`Limit: ${formatBytes(mem.jsHeapSizeLimit)}`);
-
-      console.log("=== Browser Tab Memory ===");
-      console.log(`Used: ${formatBytes(mem.usedJSHeapSize)}`);
-      console.log(`Total: ${formatBytes(mem.totalJSHeapSize)}`);
-      console.log(`Limit: ${formatBytes(mem.jsHeapSizeLimit)}`);
-    } else {
-      cy.log("Browser memory API not available");
-      console.log("Browser memory API not available");
-    }
+    cy.task("logMemoryUsage", browserMemoryUsage);
   });
 });