npm - @testivai/witness-playwright - Versions diffs - 1.0.0 - Mend

@testivai/witness-playwright 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (61) hide show

package/__tests__/.gitkeep +0 -0
package/__tests__/config-integration.spec.ts +102 -0
package/__tests__/snapshot.spec.d.ts +1 -0
package/__tests__/snapshot.spec.js +81 -0
package/__tests__/snapshot.spec.ts +58 -0
package/__tests__/unit/ci.spec.d.ts +1 -0
package/__tests__/unit/ci.spec.js +35 -0
package/__tests__/unit/ci.spec.ts +40 -0
package/__tests__/unit/reporter.spec.d.ts +1 -0
package/__tests__/unit/reporter.spec.js +37 -0
package/__tests__/unit/reporter.spec.ts +43 -0
package/__tests__/unit/structureAnalyzer.spec.js +212 -0
package/__tests__/unit/types.spec.ts +179 -0
package/dist/__tests__/unit/ci.spec.d.ts +1 -0
package/dist/__tests__/unit/ci.spec.js +226 -0
package/dist/__tests__/unit/compression.spec.d.ts +4 -0
package/dist/__tests__/unit/compression.spec.js +46 -0
package/dist/ci.d.ts +30 -0
package/dist/ci.js +117 -0
package/dist/cli/index.d.ts +2 -0
package/dist/cli/index.js +47 -0
package/dist/cli/init.d.ts +3 -0
package/dist/cli/init.js +158 -0
package/dist/config/loader.d.ts +29 -0
package/dist/config/loader.js +251 -0
package/dist/domAnalyzer.d.ts +10 -0
package/dist/domAnalyzer.js +285 -0
package/dist/index.d.ts +7 -0
package/dist/index.js +11 -0
package/dist/reporter-entry.d.ts +2 -0
package/dist/reporter-entry.js +5 -0
package/dist/reporter-types.d.ts +2 -0
package/dist/reporter-types.js +2 -0
package/dist/reporter.d.ts +21 -0
package/dist/reporter.js +249 -0
package/dist/snapshot.d.ts +12 -0
package/dist/snapshot.js +601 -0
package/dist/structureAnalyzer.d.ts +12 -0
package/dist/structureAnalyzer.js +288 -0
package/dist/types.d.ts +368 -0
package/dist/types.js +10 -0
package/examples/structure-analysis-example.spec.ts +118 -0
package/examples/structure-analysis.config.ts +159 -0
package/jest.config.js +8 -0
package/package.json +51 -0
package/playwright.config.ts +11 -0
package/src/__tests__/unit/ci.spec.ts +257 -0
package/src/__tests__/unit/compression.spec.ts +52 -0
package/src/ci.ts +140 -0
package/src/cli/index.ts +49 -0
package/src/cli/init.ts +131 -0
package/src/config/loader.ts +238 -0
package/src/index.ts +14 -0
package/src/reporter-entry.ts +6 -0
package/src/reporter-types.ts +5 -0
package/src/reporter.ts +251 -0
package/src/snapshot.ts +632 -0
package/src/structureAnalyzer.ts +338 -0
package/src/types.ts +388 -0
package/tsconfig.jest.json +7 -0
package/tsconfig.json +20 -0

package/examples/structure-analysis-example.spec.ts ADDED Viewed

@@ -0,0 +1,118 @@
+import { test, expect } from '@playwright/test';
+import { testivai } from '../src';
+/**
+ * Structure Analysis Example
+ * @renamed Was `DOM Analysis Example` — renamed to conceal internal layer terminology (IP protection)
+ */
+test.describe('Structure Analysis Example', () => {
+  test('should capture structure analysis with snapshot', async ({ page }, testInfo) => {
+    // Navigate to a test page
+    await page.goto('https://example.com');
+    // Capture snapshot with structure analysis enabled
+    // @renamed: dom → structure (IP protection)
+    await testivai.witness(page, testInfo, 'example-homepage', {
+      structure: {
+        enableFingerprint: true,
+        enableStructure: true,
+        enableSemantic: true,
+        ignoreAttributes: ['data-testid', 'class'],
+        ignoreContentPatterns: [/\d{4}-\d{2}-\d{2}/], // Ignore dates
+      },
+      layout: {
+        sensitivity: 2,
+        tolerance: 2,
+      },
+    });
+    // The structure analysis will be included in the snapshot metadata
+    // and can be used for smarter change detection
+  });
+  test('should demonstrate structure fingerprint consistency', async ({ page }, testInfo) => {
+    // Load a page with dynamic content
+    await page.setContent(`
+      <html>
+        <body>
+          <h1>Test Page</h1>
+          <p>Current time: <span id="time">12:34:56</span></p>
+          <p>Date: <span id="date">2024-01-12</span></p>
+          <button data-testid="submit-btn">Submit</button>
+        </body>
+      </html>
+    `);
+    // Capture first snapshot
+    await testivai.witness(page, testInfo, 'dynamic-content-1', {
+      structure: {
+        enableFingerprint: true,
+        ignoreContentPatterns: [/\d{4}-\d{2}-\d{2}/, /\d{1,2}:\d{2}:\d{2}/],
+      },
+    });
+    // Update dynamic content
+    await page.evaluate(() => {
+      document.getElementById('time')!.textContent = '13:45:67';
+      document.getElementById('date')!.textContent = '2024-01-13';
+    });
+    // Capture second snapshot
+    await testivai.witness(page, testInfo, 'dynamic-content-2', {
+      structure: {
+        enableFingerprint: true,
+        ignoreContentPatterns: [/\d{4}-\d{2}-\d{2}/, /\d{1,2}:\d{2}:\d{2}/],
+      },
+    });
+    // Both snapshots should have the same fingerprint despite time/date changes
+    // This demonstrates how structure analysis reduces false positives
+  });
+  test('should detect structural changes', async ({ page }, testInfo) => {
+    // Initial page structure
+    await page.setContent(`
+      <html>
+        <body>
+          <header>
+            <h1>My Site</h1>
+          </header>
+          <main>
+            <section>
+              <h2>Section 1</h2>
+              <p>Content here</p>
+            </section>
+          </main>
+        </body>
+      </html>
+    `);
+    // Capture baseline
+    await testivai.witness(page, testInfo, 'structure-baseline', {
+      structure: {
+        enableFingerprint: true,
+        enableStructure: true,
+        enableSemantic: true,
+      },
+    });
+    // Add new element
+    await page.evaluate(() => {
+      const section = document.querySelector('section');
+      const button = document.createElement('button');
+      button.textContent = 'New Button';
+      section!.appendChild(button);
+    });
+    // Capture after change
+    await testivai.witness(page, testInfo, 'structure-changed', {
+      structure: {
+        enableFingerprint: true,
+        enableStructure: true,
+        enableSemantic: true,
+      },
+    });
+    // The fingerprint should change, detecting the structural modification
+  });
+});

package/examples/structure-analysis.config.ts ADDED Viewed

@@ -0,0 +1,159 @@
+import { TestivAIConfig } from '../src/types';
+/**
+ * Example configuration for structure analysis in TestivAI
+ *
+ * This shows how to configure structure analysis to reduce false positives
+ * and focus on meaningful structural changes.
+ *
+ * @renamed Was `dom-analysis.config.ts` — renamed to conceal internal layer terminology (IP protection)
+ */
+export const structureAnalysisConfig: TestivAIConfig = {
+  // Structure analysis settings
+  // @renamed: dom → structure (IP protection)
+  structure: {
+    // Enable fingerprint generation (recommended for quick change detection)
+    enableFingerprint: true,
+    // Enable structural analysis (counts elements, depth, etc.)
+    enableStructure: true,
+    // Enable semantic analysis (headings, landmarks, etc.)
+    enableSemantic: true,
+    // Attributes to ignore (prevents false positives from dynamic attributes)
+    ignoreAttributes: [
+      'data-testid',        // Test attributes
+      'data-reactid',       // React internal IDs
+      'data-reactroot',     // React root marker
+      'ng-version',         // Angular version
+      'ng-reflect-router-outlet', // Angular router
+      'data-ng-version',    // Angular data attribute
+      'style',              // Inline styles (can be dynamic)
+      'class',              // CSS classes (often change)
+      'id',                 // IDs (can be auto-generated)
+      'aria-busy',          // ARIA busy state
+      'aria-expanded',      // ARIA expanded state
+    ],
+    // Elements to ignore completely
+    ignoreElements: [
+      'script',    // Scripts don't affect visual output
+      'style',     // Style tags
+      'noscript',  // Noscript content
+      'meta',      // Meta tags
+      'link',      // Link tags (CSS, favicons)
+      'title',     // Page title
+    ],
+    // Content patterns to ignore (prevents false positives from dynamic content)
+    ignoreContentPatterns: [
+      /\d{4}-\d{2}-\d{2}/,     // Dates: 2024-01-12
+      /\d{1,2}:\d{2}(:\d{2})?/, // Times: 10:30 or 10:30:45
+      /\b\d{4}\b/,              // Years: 2024
+      /\b\d+\b/,                // Any standalone number
+      /uuid-/i,                 // UUID strings
+      /_\d+/,                   // Underscore + number: _123
+      /\$\d+\.?\d*/,            // Currency: $19.99
+      /\b\d+\.\d+\b/,           // Decimal numbers
+      /[a-f0-9]{8}-[a-f0-9]{4}-[a-f0-9]{4}-[a-f0-9]{4}-[a-f0-9]{12}/i, // Full UUIDs
+    ],
+  },
+  // Other TestivAI settings
+  layout: {
+    sensitivity: 2, // Balanced sensitivity
+    tolerance: 2,
+  },
+  ai: {
+    sensitivity: 2,
+    confidence: 0.8,
+  },
+};
+/**
+ * Configuration for strict structure analysis (fewer false positives)
+ * Use this when you want to catch only significant structural changes
+ */
+export const strictStructureConfig: TestivAIConfig = {
+  structure: {
+    enableFingerprint: true,
+    enableStructure: false, // Skip element counts (too sensitive)
+    enableSemantic: true,   // Focus on semantic changes only
+    ignoreAttributes: [
+      'data-testid', 'data-reactid', 'data-reactroot', 'ng-version',
+      'style', 'class', 'id', 'aria-busy', 'aria-expanded',
+      'data-cy', // Cypress testing attributes
+      'data-qa', // QA attributes
+    ],
+    ignoreElements: [
+      'script', 'style', 'noscript', 'meta', 'link', 'title',
+      'span', // Inline elements (too many small changes)
+    ],
+    ignoreContentPatterns: [
+      /\d{4}-\d{2}-\d{2}/,
+      /\d{1,2}:\d{2}(:\d{2})?/,
+      /\b\d{4}\b/,
+      /\b\d+\b/,
+      /uuid-/i,
+      /_\d+/,
+      /\$\d+\.?\d*/,
+      /\b\d+\.\d+\b/,
+      /[a-f0-9]{8}-[a-f0-9]{4}-[a-f0-9]{4}-[a-f0-9]{4}-[a-f0-9]{12}/i,
+      /\w+\d+\w*/, // Alphanumeric with numbers (IDs)
+    ],
+  },
+  layout: {
+    sensitivity: 1, // More strict
+    tolerance: 1,
+  },
+  ai: {
+    sensitivity: 1, // More conservative
+    confidence: 0.9,
+  },
+};
+/**
+ * Configuration for component-focused analysis
+ * Use this when you care about component changes but not structure details
+ */
+export const componentFocusedConfig: TestivAIConfig = {
+  structure: {
+    enableFingerprint: false, // Skip fingerprint
+    enableStructure: false,   // Skip structure
+    enableSemantic: false,    // Skip semantic
+    // Focus only on component detection through data-testid
+    ignoreAttributes: ['class', 'style', 'id'],
+    ignoreElements: ['script', 'style', 'noscript', 'meta'],
+    ignoreContentPatterns: [/\d+/], // Only ignore numbers
+  },
+  layout: {
+    sensitivity: 2,
+    tolerance: 3, // More lenient for layout
+  },
+  ai: {
+    sensitivity: 3, // More aggressive AI analysis
+    confidence: 0.7,
+  },
+};
+/**
+ * Example usage in a Playwright test
+ */
+/*
+import { test } from '@playwright/test';
+import { testivai } from '@testivai/witness-playwright';
+import { structureAnalysisConfig } from './structure-analysis.config';
+test('example with structure analysis', async ({ page }) => {
+  await page.goto('https://example.com');
+  // Capture snapshot with structure analysis
+  await testivai.witness(page, test.info(), 'homepage', structureAnalysisConfig);
+  // The structure analysis will be included in the snapshot metadata
+  // and can be used for smarter change detection
+});
+*/

package/jest.config.js ADDED Viewed

@@ -0,0 +1,8 @@
+/** @type {import('ts-jest').JestConfigWithTsJest} */
+module.exports = {
+  transform: {
+    '^.+\\.ts$': ['ts-jest', { tsconfig: 'tsconfig.jest.json' }],
+  },
+  testEnvironment: 'node',
+  testMatch: ['**/__tests__/unit/**/*.spec.{ts,js}'],
+};

package/package.json ADDED Viewed

@@ -0,0 +1,51 @@
+{
+  "name": "@testivai/witness-playwright",
+  "version": "1.0.0",
+  "description": "Playwright sensor for Testivai Visual Regression Test system",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "bin": {
+    "testivai": "dist/cli/index.js"
+  },
+  "exports": {
+    ".": "./dist/index.js",
+    "./reporter": "./dist/reporter-entry.js",
+    "./cli": "./dist/cli/index.js"
+  },
+  "scripts": {
+    "build": "tsc",
+    "test": "jest",
+    "test:unit": "jest"
+  },
+  "keywords": [
+    "playwright",
+    "visual-regression",
+    "testing",
+    "testivai"
+  ],
+  "author": "",
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "@testivai/common": "^0.2.0",
+    "axios": "^1.6.0",
+    "chalk": "^4.1.2",
+    "commander": "^11.0.0",
+    "cross-fetch": "^4.0.0",
+    "fs-extra": "^11.2.0",
+    "sharp": "^0.34.5",
+    "simple-git": "^3.21.0"
+  },
+  "devDependencies": {
+    "@playwright/test": "^1.40.0",
+    "@types/fs-extra": "^11.0.4",
+    "@types/jest": "^30.0.0",
+    "@types/node": "^20.10.0",
+    "jest": "^30.2.0",
+    "ts-jest": "^29.4.5",
+    "ts-node": "^10.9.0",
+    "typescript": "^5.3.0"
+  }
+}

package/playwright.config.ts ADDED Viewed

@@ -0,0 +1,11 @@
+import { defineConfig } from '@playwright/test';
+export default defineConfig({
+  testDir: './__tests__',
+  // We don't need a reporter for this test run
+  reporter: 'list',
+  use: {
+    // Basic browser configuration
+    browserName: 'chromium',
+  },
+});

package/src/__tests__/unit/ci.spec.ts ADDED Viewed

@@ -0,0 +1,257 @@
+import { getCiRunId, getCiInfo } from '../../ci';
+describe('CI Environment Detection', () => {
+  const originalEnv = process.env;
+  beforeEach(() => {
+    // Reset env to a clean slate before each test
+    process.env = { ...originalEnv };
+    // Remove all CI-related env vars
+    delete process.env.GITHUB_RUN_ID;
+    delete process.env.GITHUB_ACTIONS;
+    delete process.env.GITHUB_SERVER_URL;
+    delete process.env.GITHUB_REPOSITORY;
+    delete process.env.GITHUB_EVENT_NUMBER;
+    delete process.env.GITHUB_REF;
+    delete process.env.GITLAB_CI;
+    delete process.env.CI_PIPELINE_ID;
+    delete process.env.CI_MERGE_REQUEST_IID;
+    delete process.env.CI_PIPELINE_URL;
+    delete process.env.CIRCLECI;
+    delete process.env.CIRCLE_WORKFLOW_ID;
+    delete process.env.CIRCLE_PULL_REQUEST;
+    delete process.env.CIRCLE_BUILD_URL;
+    delete process.env.JENKINS_URL;
+    delete process.env.BUILD_ID;
+    delete process.env.BUILD_URL;
+    delete process.env.CHANGE_ID;
+    delete process.env.TRAVIS;
+    delete process.env.TRAVIS_BUILD_ID;
+    delete process.env.TRAVIS_PULL_REQUEST;
+    delete process.env.TRAVIS_BUILD_WEB_URL;
+  });
+  afterAll(() => {
+    process.env = originalEnv;
+  });
+  describe('getCiRunId', () => {
+    it('should return null when not in CI', () => {
+      expect(getCiRunId()).toBeNull();
+    });
+    it('should detect GitHub Actions', () => {
+      process.env.GITHUB_RUN_ID = '123456';
+      expect(getCiRunId()).toBe('github-123456');
+    });
+    it('should detect GitLab CI', () => {
+      process.env.GITLAB_CI = 'true';
+      process.env.CI_PIPELINE_ID = '789';
+      expect(getCiRunId()).toBe('gitlab-789');
+    });
+    it('should detect Jenkins', () => {
+      process.env.JENKINS_URL = 'https://jenkins.example.com';
+      process.env.BUILD_ID = '42';
+      expect(getCiRunId()).toBe('jenkins-42');
+    });
+    it('should detect CircleCI', () => {
+      process.env.CIRCLECI = 'true';
+      process.env.CIRCLE_WORKFLOW_ID = 'wf-abc';
+      expect(getCiRunId()).toBe('circleci-wf-abc');
+    });
+    it('should detect Travis CI', () => {
+      process.env.TRAVIS = 'true';
+      process.env.TRAVIS_BUILD_ID = '999';
+      expect(getCiRunId()).toBe('travis-999');
+    });
+    it('should prioritize GitHub Actions over other providers', () => {
+      process.env.GITHUB_RUN_ID = '111';
+      process.env.GITLAB_CI = 'true';
+      process.env.CI_PIPELINE_ID = '222';
+      expect(getCiRunId()).toBe('github-111');
+    });
+  });
+  describe('getCiInfo', () => {
+    it('should return null when not in CI', () => {
+      expect(getCiInfo()).toBeNull();
+    });
+    describe('GitHub Actions', () => {
+      beforeEach(() => {
+        process.env.GITHUB_ACTIONS = 'true';
+        process.env.GITHUB_RUN_ID = '12345';
+        process.env.GITHUB_REPOSITORY = 'owner/repo';
+        process.env.GITHUB_SERVER_URL = 'https://github.com';
+      });
+      it('should return basic GitHub Actions info', () => {
+        const info = getCiInfo();
+        expect(info).toEqual({
+          provider: 'github_actions',
+          prNumber: undefined,
+          runUrl: 'https://github.com/owner/repo/actions/runs/12345',
+          buildId: '12345',
+        });
+      });
+      it('should detect PR number from GITHUB_EVENT_NUMBER', () => {
+        process.env.GITHUB_EVENT_NUMBER = '42';
+        const info = getCiInfo();
+        expect(info?.prNumber).toBe(42);
+      });
+      it('should detect PR number from GITHUB_REF', () => {
+        process.env.GITHUB_REF = 'refs/pull/99/merge';
+        const info = getCiInfo();
+        expect(info?.prNumber).toBe(99);
+      });
+      it('should not set PR number for non-PR refs', () => {
+        process.env.GITHUB_REF = 'refs/heads/main';
+        const info = getCiInfo();
+        expect(info?.prNumber).toBeUndefined();
+      });
+      it('should use default server URL', () => {
+        delete process.env.GITHUB_SERVER_URL;
+        const info = getCiInfo();
+        expect(info?.runUrl).toBe('https://github.com/owner/repo/actions/runs/12345');
+      });
+      it('should handle missing repository', () => {
+        delete process.env.GITHUB_REPOSITORY;
+        const info = getCiInfo();
+        expect(info?.runUrl).toBeUndefined();
+      });
+    });
+    describe('GitLab CI', () => {
+      beforeEach(() => {
+        process.env.GITLAB_CI = 'true';
+        process.env.CI_PIPELINE_ID = '456';
+        process.env.CI_PIPELINE_URL = 'https://gitlab.com/project/-/pipelines/456';
+      });
+      it('should return basic GitLab CI info', () => {
+        const info = getCiInfo();
+        expect(info).toEqual({
+          provider: 'gitlab_ci',
+          prNumber: undefined,
+          runUrl: 'https://gitlab.com/project/-/pipelines/456',
+          buildId: '456',
+        });
+      });
+      it('should detect MR number', () => {
+        process.env.CI_MERGE_REQUEST_IID = '7';
+        const info = getCiInfo();
+        expect(info?.prNumber).toBe(7);
+      });
+    });
+    describe('CircleCI', () => {
+      beforeEach(() => {
+        process.env.CIRCLECI = 'true';
+        process.env.CIRCLE_WORKFLOW_ID = 'wf-xyz';
+        process.env.CIRCLE_BUILD_URL = 'https://circleci.com/gh/owner/repo/123';
+      });
+      it('should return basic CircleCI info', () => {
+        const info = getCiInfo();
+        expect(info).toEqual({
+          provider: 'circleci',
+          prNumber: undefined,
+          runUrl: 'https://circleci.com/gh/owner/repo/123',
+          buildId: 'wf-xyz',
+        });
+      });
+      it('should detect PR number from pull request URL', () => {
+        process.env.CIRCLE_PULL_REQUEST = 'https://github.com/owner/repo/pull/55';
+        const info = getCiInfo();
+        expect(info?.prNumber).toBe(55);
+      });
+    });
+    describe('Jenkins', () => {
+      beforeEach(() => {
+        process.env.JENKINS_URL = 'https://jenkins.example.com';
+        process.env.BUILD_ID = '100';
+        process.env.BUILD_URL = 'https://jenkins.example.com/job/my-job/100/';
+      });
+      it('should return basic Jenkins info', () => {
+        const info = getCiInfo();
+        expect(info).toEqual({
+          provider: 'jenkins',
+          prNumber: undefined,
+          runUrl: 'https://jenkins.example.com/job/my-job/100/',
+          buildId: '100',
+        });
+      });
+      it('should detect PR number from CHANGE_ID', () => {
+        process.env.CHANGE_ID = '33';
+        const info = getCiInfo();
+        expect(info?.prNumber).toBe(33);
+      });
+    });
+    describe('Travis CI', () => {
+      beforeEach(() => {
+        process.env.TRAVIS = 'true';
+        process.env.TRAVIS_BUILD_ID = '888';
+        process.env.TRAVIS_BUILD_WEB_URL = 'https://app.travis-ci.com/owner/repo/builds/888';
+      });
+      it('should return basic Travis CI info', () => {
+        const info = getCiInfo();
+        expect(info).toEqual({
+          provider: 'travis_ci',
+          prNumber: undefined,
+          runUrl: 'https://app.travis-ci.com/owner/repo/builds/888',
+          buildId: '888',
+        });
+      });
+      it('should detect PR number', () => {
+        process.env.TRAVIS_PULL_REQUEST = '17';
+        const info = getCiInfo();
+        expect(info?.prNumber).toBe(17);
+      });
+      it('should not set PR number when TRAVIS_PULL_REQUEST is false', () => {
+        process.env.TRAVIS_PULL_REQUEST = 'false';
+        const info = getCiInfo();
+        expect(info?.prNumber).toBeUndefined();
+      });
+    });
+    describe('Payload shape matches Core API CiInfo schema', () => {
+      it('should produce fields matching Core API aliases: provider, prNumber, runUrl, buildId', () => {
+        process.env.GITHUB_ACTIONS = 'true';
+        process.env.GITHUB_RUN_ID = '1';
+        process.env.GITHUB_REPOSITORY = 'o/r';
+        process.env.GITHUB_EVENT_NUMBER = '10';
+        const info = getCiInfo();
+        expect(info).toBeDefined();
+        // These are the exact camelCase keys the Core API CiInfo Pydantic model expects via aliases
+        expect(info).toHaveProperty('provider');
+        expect(info).toHaveProperty('prNumber');
+        expect(info).toHaveProperty('runUrl');
+        expect(info).toHaveProperty('buildId');
+        // Ensure no unexpected snake_case keys
+        expect(info).not.toHaveProperty('pr_number');
+        expect(info).not.toHaveProperty('run_url');
+        expect(info).not.toHaveProperty('build_id');
+      });
+    });
+  });
+});

package/src/__tests__/unit/compression.spec.ts ADDED Viewed

@@ -0,0 +1,52 @@
+/**
+ * Tests for Playwright SDK compression integration
+ */
+import { TestivAIPlaywrightReporter } from '../../reporter';
+import { CompressionHelper } from '@testivai/common';
+describe('Playwright Reporter Compression', () => {
+  let reporter: TestivAIPlaywrightReporter;
+  beforeEach(() => {
+    reporter = new TestivAIPlaywrightReporter({
+      apiKey: 'test-key',
+      apiUrl: 'http://localhost:3000',
+      compression: {
+        compressUploads: true,
+        compressionThreshold: 100, // Small threshold for testing
+        compressionLevel: 6,
+      },
+    });
+  });
+  it('should initialize with compression helper', () => {
+    expect(reporter).toBeDefined();
+    // Access private property through type assertion for testing
+    const helper = (reporter as any).compressionHelper;
+    expect(helper).toBeInstanceOf(CompressionHelper);
+  });
+  it('should use custom compression options', () => {
+    const customReporter = new TestivAIPlaywrightReporter({
+      apiKey: 'test-key',
+      compression: {
+        compressUploads: false,
+        compressionLevel: 9,
+        compressionThreshold: 1000,
+      },
+    });
+    const helper = (customReporter as any).compressionHelper;
+    expect(helper).toBeInstanceOf(CompressionHelper);
+  });
+  it('should use default compression options when none provided', () => {
+    const defaultReporter = new TestivAIPlaywrightReporter({
+      apiKey: 'test-key',
+    });
+    const helper = (defaultReporter as any).compressionHelper;
+    expect(helper).toBeInstanceOf(CompressionHelper);
+  });
+});