@zest-pw/test 1.0.1 → 1.0.3

package/dist/types/types.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=types.d.ts.map

package/dist/types/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../types/types.ts"],"names":[],"mappings":""}

package/dist/utils/take-screenshots.d.ts

@@ -14,5 +14,5 @@ import type { Page, TestInfo } from "@playwright/test";
  * @param testInfo - Playwright TestInfo object for attaching screenshots
  * @param stepTitle - Optional step title for attachment name
  */
-export declare function takeScreenshotAfterStep(page: Page, stepInfo: any, testInfo: TestInfo, stepTitle?: string): Promise<void>;
+export declare function takeScreenshotAfterStep(page: Page, testInfo: TestInfo, stepTitle?: string): Promise<void>;
 //# sourceMappingURL=take-screenshots.d.ts.map

package/dist/utils/take-screenshots.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"take-screenshots.d.ts","sourceRoot":"","sources":["../../utils/take-screenshots.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD;;;;;;;;;;;GAWG;AACH,wBAAsB,uBAAuB,CAC3C,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,GAAG,EACb,QAAQ,EAAE,QAAQ,EAClB,SAAS,CAAC,EAAE,MAAM,GACjB,OAAO,CAAC,IAAI,CAAC,CAef"}
+{"version":3,"file":"take-screenshots.d.ts","sourceRoot":"","sources":["../../utils/take-screenshots.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD;;;;;;;;;;;GAWG;AACH,wBAAsB,uBAAuB,CAC3C,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,SAAS,CAAC,EAAE,MAAM,GACjB,OAAO,CAAC,IAAI,CAAC,CAaf"}

package/dist/utils/take-screenshots.js

@@ -16,13 +16,11 @@ exports.takeScreenshotAfterStep = takeScreenshotAfterStep;
  * @param testInfo - Playwright TestInfo object for attaching screenshots
  * @param stepTitle - Optional step title for attachment name
  */
-async function takeScreenshotAfterStep(page, stepInfo, testInfo, stepTitle) {
+async function takeScreenshotAfterStep(page, testInfo, stepTitle) {
     try {
         if (page && testInfo) {
-            const screenshotBuffer = await page.screenshot({
-                fullPage: true
-            });
-            await testInfo.attach(stepTitle || stepInfo?.title || 'screenshot', {
+            const screenshotBuffer = await page.screenshot({ fullPage: true });
+            await testInfo.attach(stepTitle || 'screenshot', {
                 body: screenshotBuffer,
                 contentType: 'image/png',
             });

package/dist/utils/terminal-reporter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"terminal-reporter.d.ts","sourceRoot":"","sources":["../../utils/terminal-reporter.ts"],"names":[],"mappings":"AAIA;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,GAAG,GAAG,IAAI,CAoBlD"}
+{"version":3,"file":"terminal-reporter.d.ts","sourceRoot":"","sources":["../../utils/terminal-reporter.ts"],"names":[],"mappings":"AAIA;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,GAAG,GAAG,IAAI,CAuClD"}

package/dist/utils/terminal-reporter.js

@@ -47,22 +47,38 @@ function printTestResults(result) {
         return;
     }
     result.tests.forEach((test) => {
-        printTestInfo(test);
         const allSteps = test.steps || [];
         const executedSteps = allSteps.filter((step) => step.statusName !== 'In Progress');
         const testFileName = test.testCaseKey || 'test';
         const sanitizedTitle = test.testTitle.replace(/[^a-zA-Z0-9]+/g, '-').replace(/^-|-$/g, '');
         const projectName = test.projectName || 'chromium';
         const outputDir = path.join('test-results', `${testFileName}-${sanitizedTitle}-${projectName}`);
+        const testTitle = `${projectName} › ${testFileName} › ${test.testTitle}`;
+        const remainder = (63 - testTitle.length) < 0 ? 0 : (63 - testTitle.length);
+        const spaces = '\x1b[40m \x1b[0m'.repeat(remainder);
+        console.log(`\n\x1b[40m${testTitle}${spaces}\x1b[0m`);
         printTestSteps(executedSteps.length, allSteps, test.testTitle, outputDir);
     });
-}
-/**
- * Prints general test information
- * @param test - Test object containing testCaseKey and testTitle
- */
-function printTestInfo(test) {
-    console.log(`\n${test.testCaseKey}: ${test.testTitle}`);
+    let passedCount = 0;
+    let failedCount = 0;
+    let skippedCount = 0;
+    result.tests.forEach((test) => {
+        for (const step of test.steps) {
+            switch (step.statusName) {
+                case 'pass':
+                    passedCount++;
+                    break;
+                case 'fail':
+                    failedCount++;
+                    break;
+                case 'In Progress':
+                    skippedCount++;
+                    break;
+            }
+        }
+    });
+    console.log(`\x1b[30mTotal results:\x1b[0m \x1b[32m${passedCount} passed\x1b[0m\x1b[30m,\x1b[0m \x1b[31m${failedCount} failed\x1b[0m\x1b[30m,\x1b[0m \x1b[30m${skippedCount} skipped\x1b[0m`);
+    console.log('\n');
 }
 /**
  * Prints test step information
@@ -72,25 +88,35 @@ function printTestInfo(test) {
  * @param outputDir - Optional output directory path for saving screenshots
  */
 function printTestSteps(executedCount, allSteps, testTitle, outputDir) {
-    if (allSteps.length === 0) {
-        console.log('  Steps: none');
-        return;
-    }
-    const totalCount = allSteps.length;
-    console.log(`  Steps (${executedCount}/${totalCount}):`);
+    console.log('');
     allSteps.forEach((step, stepIndex) => {
-        const statusEmoji = step.statusName === 'pass' ? 'passed - ✅' : step.statusName === 'failed' ? 'fail - ❌' : step.statusName === 'In Progress' ? 'skipped - ⏭️' : '⏱️';
-        console.log(`    ${stepIndex + 1}. ${step.stepTitle}`);
-        if (step.error) {
-            console.log(`       ❌ Error: ${step.error.message}`);
-            if (step.error.stack) {
-                const stackLines = step.error.stack.split('\n').slice(0, 3);
-                stackLines.forEach((line) => console.log(`          ${line}`));
-            }
+        if (step.statusName === 'In Progress') {
+            return;
+        }
+        let stepTitle;
+        switch (step.statusName) {
+            case 'fail':
+                stepTitle = `\x1b[31m ${step.stepTitle}\x1b[0m`;
+                break;
+            default:
+                stepTitle = step.stepTitle;
+                break;
         }
+        const statusEmoji = step.statusName === 'pass' ? '\x1b[32mPASSED ✓\x1b[0m' : step.statusName === 'fail' ? '\x1b[31mFAILED ✗\x1b[0m' : step.statusName === 'In Progress' ? '\x1b[30mSKIPPED ⊘\x1b[0m' : '⏱️';
+        console.log(`\x1b[30mSTEP ${stepIndex + 1}:\x1b[0m ${stepTitle}`);
         printStepAttachments(step, testTitle, outputDir, stepIndex + 1);
-        console.log(`       Status: ${statusEmoji}`);
-        console.log('');
+        if (step.error) {
+            const stackLines = step.error.message.split('\n').slice(0, 4);
+            console.log('\n\n\x1b[41m                             ERROR                             \x1b[0m\n');
+            stackLines.forEach((line) => console.log(`${line}`));
+            console.log('\n\x1b[41m                             ERROR                             \x1b[0m\n\n');
+        }
+        ;
+        if (!step.error) {
+            console.log(`\n\x1b[30mstatus:\x1b[0m ${statusEmoji}\x1b[0m`);
+            console.log('\x1b[30m‾ ‾ ‾ ‾ ‾ ‾ ‾ ‾ ‾ ‾ ‾ ‾ ‾ ‾ ‾ ‾ ‾ ‾ ‾ ‾ ‾ ‾ ‾ ‾ ‾ ‾ ‾ ‾ ‾ ‾ ‾ ‾\x1b[0m\n\n');
+        }
+        ;
     });
 }
 /**
@@ -104,14 +130,14 @@ function printStepAttachments(step, testTitle, outputDir, _stepNumber) {
     if (!step.actualResult || step.actualResult.length === 0) {
         return;
     }
-    console.log(`       Screenshot:`);
+    console.log(`\x1b[30mscreenshot:\x1b[0m`);
     step.actualResult.forEach((att) => {
         const isErrorScreenshot = att.fileName?.includes('ERROR');
         const emoji = isErrorScreenshot ? '💥' : att.image === 'image/png' ? '📸' : '📄';
-        const displayName = att.image === 'image/png' ? 'Decode: Base64' : att.fileName;
-        console.log(`         ${emoji} ${displayName}`);
+        const displayName = att.image === 'image/png' ? '\x1b[30mDecode:\x1b[0m Base64' : att.fileName;
+        console.log(`   ${emoji} ${displayName}`);
         if (att.body && att.image === 'text/plain') {
-            console.log(`         ${att.body}`);
+            console.log(`${att.body}`);
         }
         const config = (0, config_1.getZestConfig)();
         const shouldSaveScreenshots = config.screenshots.saveToDisk || process.env.SAVE_SCREENSHOTS === 'true';
@@ -124,11 +150,11 @@ function printStepAttachments(step, testTitle, outputDir, _stepNumber) {
                 else {
                     (0, save_screenshots_1.saveBase64Screenshot)(att.body, filename, 'screenshots', testTitle);
                 }
-                console.log(`         💾 File saved: locally`);
-                console.log(`         📄 File name: ${filename}`);
+                console.log(`   \x1b[30m💾 saved:\x1b[0m Locally`);
+                console.log(`   \x1b[30m📄 name:\x1b[0m ${filename}`);
             }
             catch (error) {
-                console.error(`         ⚠️  Error saving screenshot: ${error}`);
+                console.error(`   ⚠️  Error saving screenshot: ${error}`);
             }
         }
     });

package/dist/utils/test-step-wrapper.d.ts

@@ -1,10 +1,10 @@
-import type { TestInfo, TestType, Page } from '@playwright/test';
+import type { TestInfo, Page, test as base } from '@playwright/test';
 /**
  * Wraps test.step to automatically create screenshots after each test step
  * @param test - Playwright test object
  * @param getCurrentContext - Function to get current test context (testInfo and page)
  */
-export declare function wrapTestStepWithScreenshots(test: TestType<any, any>, getCurrentContext: () => {
+export declare function wrapTestStepWithScreenshots(test: typeof base, getCurrentContext: () => {
     testInfo: TestInfo;
     page: Page;
 } | null): void;

package/dist/utils/test-step-wrapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"test-step-wrapper.d.ts","sourceRoot":"","sources":["../../utils/test-step-wrapper.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAGjE;;;;GAIG;AACH,wBAAgB,2BAA2B,CACzC,IAAI,EAAE,QAAQ,CAAC,GAAG,EAAE,GAAG,CAAC,EACxB,iBAAiB,EAAE,MAAM;IAAE,QAAQ,EAAE,QAAQ,CAAC;IAAC,IAAI,EAAE,IAAI,CAAA;CAAE,GAAG,IAAI,GACjE,IAAI,CAsCN"}
+{"version":3,"file":"test-step-wrapper.d.ts","sourceRoot":"","sources":["../../utils/test-step-wrapper.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAgB,IAAI,IAAI,IAAI,EAAY,MAAM,kBAAkB,CAAC;AAG7F;;;;GAIG;AACH,wBAAgB,2BAA2B,CACzC,IAAI,EAAE,OAAO,IAAI,EACjB,iBAAiB,EAAE,MAAM;IAAE,QAAQ,EAAE,QAAQ,CAAC;IAAC,IAAI,EAAE,IAAI,CAAA;CAAE,GAAG,IAAI,GACjE,IAAI,CAmCN"}

package/dist/utils/test-step-wrapper.js

@@ -9,27 +9,25 @@ const take_screenshots_1 = require("./take-screenshots");
  */
 function wrapTestStepWithScreenshots(test, getCurrentContext) {
     const originalTestStep = test.step.bind(test);
-    const originalTestStepSkip = test.step.skip?.bind(test);
+    const originalTestStepSkip = test.step.skip.bind(test);
+    const takeScreenshot = async (title) => {
+        const context = getCurrentContext();
+        try {
+            await (0, take_screenshots_1.takeScreenshotAfterStep)(context.page, context.testInfo, title);
+        }
+        catch (screenshotError) {
+            console.error('Error taking screenshot after step error:', screenshotError);
+        }
+    };
     const stepWrapper = async function (title, body, options) {
         return originalTestStep(title, async (stepInfo) => {
             try {
                 const result = await body(stepInfo);
-                const context = getCurrentContext();
-                if (context?.page && context?.testInfo) {
-                    await (0, take_screenshots_1.takeScreenshotAfterStep)(context.page, stepInfo, context.testInfo, title);
-                }
+                await takeScreenshot(title);
                 return result;
             }
             catch (error) {
-                const context = getCurrentContext();
-                if (context?.page && context?.testInfo) {
-                    try {
-                        await (0, take_screenshots_1.takeScreenshotAfterStep)(context.page, { ...stepInfo, error }, context.testInfo, title);
-                    }
-                    catch (screenshotError) {
-                        console.error('Error taking screenshot after step error:', screenshotError);
-                    }
-                }
+                await takeScreenshot(title);
                 throw error;
             }
         }, options);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zest-pw/test",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "description": "Advanced Playwright test framework with automatic screenshots, custom reporting, and Zephyr Scale integration",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",