From b1da556451580d6ddfeebcda3bd6c23ab3ad4346 Mon Sep 17 00:00:00 2001
From: Yasa-Nataliya <yasa.nataliya@globallogic.com>
Date: Fri, 22 Sep 2023 19:24:52 +0530
Subject: [PATCH] [ACS-5645] Implemented the changes as per the review comments

---
 .../content-metadata.component.html           |  8 +++----
 .../content-metadata.component.spec.ts        | 22 +++++++++----------
 2 files changed, 15 insertions(+), 15 deletions(-)

diff --git a/lib/content-services/src/lib/content-metadata/components/content-metadata/content-metadata.component.html b/lib/content-services/src/lib/content-metadata/components/content-metadata/content-metadata.component.html
index 01c76c53dc..4f079fcef1 100644
--- a/lib/content-services/src/lib/content-metadata/components/content-metadata/content-metadata.component.html
+++ b/lib/content-services/src/lib/content-metadata/components/content-metadata/content-metadata.component.html
@@ -16,7 +16,7 @@
                         {{ 'CORE.METADATA.BASIC.HEADER' | translate }}
                     </mat-panel-title>
                 </div>
-                <button *ngIf="canToggleEdit"
+                <button *ngIf="hasToggleEdit"
                         mat-icon-button
                         (click)="toggleEdit($event, group, buttonType.GeneralInfo)"
                         [attr.title]="'CORE.METADATA.ACTIONS.EDIT' | translate"
@@ -70,7 +70,7 @@
                         </mat-panel-title>
                     </div>
                     <div class="adf-tags-buttons">
-                        <button *ngIf="canTagsToggleEdit"
+                        <button *ngIf="hasTagsToggleEdit"
                                 mat-icon-button
                                 (click)="toggleEdit($event, group, buttonType.Tags)"
                                 [attr.title]="'CORE.METADATA.ACTIONS.EDIT' | translate"
@@ -132,7 +132,7 @@
                         </mat-panel-title>
                     </div>
                     <div class="adf-metadata-categories-title">
-                        <button *ngIf="canCategoriesToggleEdit"
+                        <button *ngIf="hasCategoriesToggleEdit"
                                 mat-icon-button
                                 (click)="toggleEdit($event, group, buttonType.Categories)"
                                 [attr.title]="'CORE.METADATA.ACTIONS.EDIT' | translate"
@@ -200,7 +200,7 @@
                                     {{ group.title | translate }}
                                 </mat-panel-title>
                             </div>
-                            <button *ngIf="canGroupToggleEdit(group)"
+                            <button *ngIf="hasGroupToggleEdit(group)"
                                     mat-icon-button
                                     [attr.title]="'CORE.METADATA.ACTIONS.EDIT' | translate"
                                     [attr.aria-label]="'CORE.METADATA.ACCESSIBILITY.EDIT' | translate"
diff --git a/lib/content-services/src/lib/content-metadata/components/content-metadata/content-metadata.component.spec.ts b/lib/content-services/src/lib/content-metadata/components/content-metadata/content-metadata.component.spec.ts
index 40a7095b2e..3151c5e378 100644
--- a/lib/content-services/src/lib/content-metadata/components/content-metadata/content-metadata.component.spec.ts
+++ b/lib/content-services/src/lib/content-metadata/components/content-metadata/content-metadata.component.spec.ts
@@ -562,12 +562,12 @@ describe('ContentMetadataComponent', () => {
         });
     });
 
-    describe('canToggleEdit', () => {
+    describe('hasToggleEdit', () => {
         it('should return true when editable is false, readOnly is false, and hasAllowableOperations is true', () => {
             component.editable = false;
             component.readOnly = false;
             component.hasAllowableOperations = true;
-            const result = component.canToggleEdit;
+            const result = component.hasToggleEdit;
             expect(result).toBe(true);
           });
 
@@ -575,22 +575,22 @@ describe('ContentMetadataComponent', () => {
             component.editable = true;
             component.readOnly = false;
             component.hasAllowableOperations = true;
-            const result = component.canToggleEdit;
+            const result = component.hasToggleEdit;
             expect(result).toBe(false);
         });
     });
 
-    describe('canTagsToggleEdit', () => {
-        it('should have canTagsToggleEdit property as expected', () => {
+    describe('hasTagsToggleEdit', () => {
+        it('should have hasTagsToggleEdit property as expected', () => {
             component.editableTags = false;
             component.readOnly = false;
             component.hasAllowableOperations = true;
             fixture.detectChanges();
-            expect(component.canTagsToggleEdit).toBe(true);
+            expect(component.hasTagsToggleEdit).toBe(true);
         });
     });
 
-    describe('canGroupToggleEdit', () => {
+    describe('hasGroupToggleEdit', () => {
         it('should return true when group is not editable, not read-only, and has allowable operations', () => {
             component.readOnly = false;
             component.hasAllowableOperations = true;
@@ -600,17 +600,17 @@ describe('ContentMetadataComponent', () => {
                 expanded: true,
                 editable: false
             };
-            const result = component.canGroupToggleEdit(group);
+            const result = component.hasGroupToggleEdit(group);
             expect(result).toBe(true);
         });
     });
 
-    describe('canCategoriesToggleEdit', () => {
-        it('should have canCategoriesToggleEdit property as expected', () => {
+    describe('hasCategoriesToggleEdit', () => {
+        it('should have hasCategoriesToggleEdit property as expected', () => {
             component.editableCategories = false;
             component.readOnly = false;
             component.hasAllowableOperations = true;
-            expect(component.canCategoriesToggleEdit).toBe(true);
+            expect(component.hasCategoriesToggleEdit).toBe(true);
         });
     });