From c21ba95e56f70ba9fbe0daa3ac4b413424b323eb Mon Sep 17 00:00:00 2001
From: Arielk <Ariel.Kenan@amdocs.com>
Date: Sun, 21 Apr 2019 16:07:44 +0300
Subject: bug fixes to operation screen and External workflowartifact
 completion

Change-Id: I9d71385d6e29e1736a24f9d84581e465187e9f26
Issue-ID: SDC-2249
Signed-off-by: Arielk <Ariel.Kenan@amdocs.com>
---
 .../interface-operation.page.component.html         | 21 +++++++++++++++------
 1 file changed, 15 insertions(+), 6 deletions(-)

(limited to 'catalog-ui/src/app/ng2/pages/interface-operation/interface-operation.page.component.html')

diff --git a/catalog-ui/src/app/ng2/pages/interface-operation/interface-operation.page.component.html b/catalog-ui/src/app/ng2/pages/interface-operation/interface-operation.page.component.html
index afeff48d91..e32a0b60f5 100644
--- a/catalog-ui/src/app/ng2/pages/interface-operation/interface-operation.page.component.html
+++ b/catalog-ui/src/app/ng2/pages/interface-operation/interface-operation.page.component.html
@@ -21,7 +21,7 @@
         class="top-add-btn add-btn"
         *ngIf="!isListEmpty()"
         [ngClass]="{'disabled': readonly}"
-        data-tests-id="addInterfaceOperation"
+        data-tests-id="add-operation"
         (click)="onEditOperation()">
         {{ 'INTERFACE_ADD_OPERATION' | translate }}
     </div>
@@ -33,6 +33,7 @@
             *ngIf="isListEmpty() && !isLoading">
             <div
                 class="empty-list-add-btn"
+                data-tests-id="add-operation"
                 [ngClass]="{'disabled': readonly}"
                 (click)="onEditOperation()">
                 <svg-icon
@@ -50,12 +51,14 @@
             <div class="expand-collapse">
                 <a
                     class="link"
+                    data-tests-id="expand-all"
                     [ngClass]="{'disabled': isAllExpanded()}"
                     (click)="collapseAll(false)">
                     {{ 'INTERFACE_EXPAND_ALL' | translate }}
                 </a> |
                 <a
                     class="link"
+                    data-tests-id="collapse-all"
                     [ngClass]="{'disabled': isAllCollapsed()}"
                     (click)="collapseAll()">
                     {{ 'INTERFACE_COLLAPSE_ALL' | translate }}
@@ -64,10 +67,12 @@
 
             <div
                 class="interface-row"
-                *ngFor="let interface of interfaces">
+                *ngFor="let interface of interfaces"
+                [attr.data-tests-id]="'interface-' + interface.displayType()">
 
                 <div
                     class="interface-accordion"
+                    [attr.data-tests-id]="'interface-' + interface.displayType() + '-toggle'"
                     (click)="interface.toggleCollapse()">
                     <span
                         class="chevron-container"
@@ -102,25 +107,29 @@
                     <div
                         class="data-row"
                         *ngFor="let operation of interface.operations"
+                        [attr.data-tests-id]="'operation-' + operation.name"
                         (click)="onEditOperation(operation)">
                         <span
-                            class="cell field-name">
+                            class="cell field-name"
+                            [attr.data-tests-id]="'operation-' + operation.name + '-name'">
                             {{operation.name}}
                         </span>
                         <span
                             class="cell field-description"
-                            [ngClass]="{'collapsed': operation.isCollapsed}">
+                            [ngClass]="{'collapsed': operation.isCollapsed}"
+                            [attr.data-tests-id]="'operation-' + operation.name + '-description'">
                             {{operation.getDescriptionEllipsis()}}
                             <span
                                 class="more-or-less link"
-                                (click)="operation.toggleCollapsed($event)">
+                                (click)="operation.toggleCollapsed($event)"
+                                [attr.data-tests-id]="'operation-' + operation.name + '-ellipsis'">
                                 {{!operation.isEllipsis ? '' : operation.isCollapsed ? 'More' : 'Less'}}
                             </span>
                         </span>
                         <span class="cell field-actions">
                             <span
                                 class="delete-action"
-                                data-tests-id="deleteOperation"
+                                [attr.data-tests-id]="'remove-operation-' + operation.name"
                                 (click)="onRemoveOperation($event, operation)">
                                 <svg-icon
                                     *ngIf="!readonly"
-- 
cgit 1.2.3-korg