@cqa-lib/cqa-ui 1.1.90 → 1.1.92

package/lib/execution-screen/basic-step/basic-step.component.d.ts

@@ -1,9 +1,9 @@
-import { EventEmitter, OnInit } from '@angular/core';
+import { EventEmitter, OnInit, OnChanges, SimpleChanges } from '@angular/core';
 import { BasicStepConfig, SelfHealAction, SubStep, StepStatus, TimingBreakdown, SelfHealAnalysisData, FailureDetails, ExecutionStepConfig, ConditionBranch } from '../execution-step.models';
 import { BaseStepComponent } from '../base-step.component';
 import { makeCurrentBaselineEvent, uploadBaselineEvent } from '../visual-comparison/visual-comparison.component';
 import * as i0 from "@angular/core";
-export declare class BasicStepComponent extends BaseStepComponent implements OnInit {
+export declare class BasicStepComponent extends BaseStepComponent implements OnInit, OnChanges {
     id: string;
     testStepResultId: string;
     stepNumber: string;
@@ -55,6 +55,7 @@ export declare class BasicStepComponent extends BaseStepComponent implements OnI
     }>;
     config: BasicStepConfig;
     ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
     get hasSubSteps(): boolean;
     showFailedStepDetails: boolean;
     onViewMoreFailedStepClick(expanded: boolean): void;

package/lib/execution-screen/condition-step/condition-step.component.d.ts

@@ -80,24 +80,8 @@ export declare class ConditionStepComponent extends BaseStepComponent implements
     get showViewMoreButton(): boolean;
     toggleHeader(): void;
     get hasExpandableContent(): boolean;
-    /**
-     * Determine the active branch step ID based on executed branch.
-     * Always derives activeBranchStepId from the executed branch (not user selection).
-     */
     private determineActiveBranch;
-    /**
-     * Filter nested steps to show only children of the active branch step.
-     */
-    /**
-     * Branch click handler - DISABLED for manual selection.
-     * Branches are now automatically determined by executed status.
-     * This method is kept for backward compatibility but does not allow manual selection.
-     */
     onBranchClick(branch: ConditionBranch): void;
-    /**
-     * Get CSS classes for branch button based on execution status and active state.
-     * For live mode: shows blue border if branch is active but not executed.
-     */
     getBranchClass(branch: any): string;
     /**
      * Check if any branch is executed.

package/lib/execution-screen/execution-step.models.d.ts

@@ -39,6 +39,7 @@ export interface LogEntry {
     timestamp?: string;
 }
 export interface FailureDetails {
+    testStepId: string;
     expected: string;
     actual: string;
     failedAction?: string;

package/lib/execution-screen/updated-failed-step/updated-failed-step.component.d.ts

@@ -1,9 +1,9 @@
-import { EventEmitter, OnInit } from '@angular/core';
+import { EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
 import { FailedStepConfig, SubStep, FailureDetails, TimingBreakdown } from '../execution-step.models';
 import { BaseStepComponent } from '../base-step.component';
 import { makeCurrentBaselineEvent, uploadBaselineEvent } from '../visual-comparison/visual-comparison.component';
 import * as i0 from "@angular/core";
-export declare class UpdatedFailedStepComponent extends BaseStepComponent implements OnInit {
+export declare class UpdatedFailedStepComponent extends BaseStepComponent implements OnInit, OnChanges {
     timingBreakdown?: TimingBreakdown;
     testStepResultId: string;
     expanded?: boolean;
@@ -20,6 +20,7 @@ export declare class UpdatedFailedStepComponent extends BaseStepComponent implem
     viewFullLogs: EventEmitter<void>;
     config: FailedStepConfig;
     ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
     onMakeCurrentBaseline(event: makeCurrentBaselineEvent): void;
     onUploadBaseline(event: uploadBaselineEvent): void;
     onAnalyze(): void;

package/lib/execution-screen/visual-comparison/visual-comparison.component.d.ts

@@ -1,16 +1,19 @@
-import { EventEmitter, ElementRef } from '@angular/core';
-import { ScreenshotData, LogEntry } from '../execution-step.models';
+import { EventEmitter, ElementRef, OnChanges, SimpleChanges, ChangeDetectorRef, AfterViewInit } from '@angular/core';
+import { ScreenshotData, LogEntry, FailureDetails } from '../execution-step.models';
 import { ImageViewType } from '../../visual-difference-modal/visual-difference-modal.component';
 import * as i0 from "@angular/core";
 export interface makeCurrentBaselineEvent {
     testStepResultId: string;
     currentUrl: string;
+    failureDetails?: FailureDetails;
 }
 export interface uploadBaselineEvent {
     file: File;
     testStepResultId: string;
+    failureDetails?: FailureDetails;
 }
-export declare class VisualComparisonComponent {
+export declare class VisualComparisonComponent implements OnChanges, AfterViewInit {
+    private cdr;
     screenshots?: ScreenshotData;
     logs?: LogEntry[];
     showFullLogsLink?: boolean;
@@ -23,8 +26,14 @@ export declare class VisualComparisonComponent {
     analyze: EventEmitter<void>;
     viewFullLogs: EventEmitter<void>;
     fileInput: ElementRef<HTMLInputElement>;
+    baselineImage: ElementRef<HTMLImageElement>;
     isModalOpen: boolean;
     initialModalView: ImageViewType;
+    baselineImageUrl?: string;
+    constructor(cdr: ChangeDetectorRef);
+    ngAfterViewInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    private updateBaselineUrl;
     get isCurrentImageAvailable(): boolean;
     onMakeCurrentBaseline(): void;
     onUploadBaseline(): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cqa-lib/cqa-ui",
-  "version": "1.1.90",
+  "version": "1.1.92",
   "description": "UI Kit library for Angular 13.4",
   "keywords": [
     "angular",