haven-cypress-integration 2.0.1 → 2.0.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "haven-cypress-integration",
-  "version": "2.0.1",
+  "version": "2.0.3",
   "description": "Seamless Cypress integration with HAVEN test case management",
   "main": "index.js",
   "bin": {
@@ -17,10 +17,14 @@
   "license": "ISC",
   "files": [
     "index.js",
+    "support.js",
     "bin/",
     "templates/",
     "README.md"
   ],
+  "peerDependencies": {
+    "mochawesome": ">=7.0.0"
+  },
   "engines": {
     "node": ">=16.0.0"
   }

package/support.js

@@ -0,0 +1,52 @@
+/**
+ * Haven Cypress Support
+ * 
+ * Import this file in your cypress/support/e2e.ts to enable:
+ * - Screenshot attachment to mochawesome HTML reports
+ * 
+ * Usage:
+ *   import 'haven-cypress-integration/support'
+ */
+
+const addContext = require('mochawesome/addContext');
+
+// Sanitize filename to match Cypress's screenshot naming behavior
+// Cypress replaces filesystem-unsafe characters with double spaces
+function sanitizeFilename(name) {
+  // Characters Cypress replaces: / \ ? % * : | " < >
+  return name.replace(/[/\\?%*:|"<>]/g, '  ');
+}
+
+// Attach failed test screenshots to mochawesome report
+// This enables screenshots to appear inline in the mochawesome HTML report
+Cypress.on('test:after:run', (test, runnable) => {
+  if (test.state === 'failed') {
+    // Build the screenshot path that Cypress creates (must match Cypress naming exactly)
+    const specName = Cypress.spec.name;
+    
+    // Walk up the parent chain to get ALL describe block titles (for nested describes)
+    const titleParts = [];
+    let parent = runnable.parent;
+    while (parent && parent.title) {
+      titleParts.unshift(parent.title);
+      parent = parent.parent;
+    }
+    
+    // Cypress screenshot naming: {specName}/{all describes joined by ' -- '} -- {testTitle} (failed).png
+    // Must sanitize same way Cypress does for filesystem-safe filenames
+    const fullTitle = [...titleParts, test.title].join(' -- ');
+    const sanitizedTitle = sanitizeFilename(fullTitle);
+    const screenshotPath = `screenshots/${specName}/${sanitizedTitle} (failed).png`;
+    
+    // Debug: Log the generated path
+    console.log('[Haven] Screenshot path generated:', screenshotPath);
+    console.log('[Haven] Title parts:', titleParts);
+    console.log('[Haven] Test title:', test.title);
+    
+    // Add screenshot to mochawesome context (will appear in HTML report)
+    addContext({ test }, screenshotPath);
+  }
+});
+
+console.log('[Haven] Screenshot-to-mochawesome integration enabled');
+