[DSC-2901] fix: tests

Author: FrancescoMauto

src/app/cris-layout/cris-layout-matrix/cris-layout-box-container/boxes/metadata/rendering-types/orcid/orcid.component.spec.ts

@@ -119,7 +119,7 @@ describe('OrcidComponent', () => {
         expect(spanValueFound.length).toBe(1);
         expect(spanValueFound[0].nativeElement.textContent).toContain('0000-0001-8918-3592');
 
-        const orcidLinkFound = fixture.debugElement.queryAll(By.css('a'));
+        const orcidLinkFound = fixture.debugElement.queryAll(By.css('span.txt-value > a'));
         expect(orcidLinkFound.length).toBe(1);
         expect(orcidLinkFound[0].nativeElement.href).toBe('https://sandbox.orcid.org/0000-0001-8918-3592');
 

src/app/cris-layout/cris-layout-matrix/cris-layout-box-container/boxes/metadata/rendering-types/orcid/orcid.component.ts

@@ -1,4 +1,7 @@
-import { AsyncPipe } from '@angular/common';
+import {
+  AsyncPipe,
+  NgIf,
+} from '@angular/common';
 import {
   Component,
   Inject,
@@ -31,6 +34,7 @@ import { RenderingTypeValueModelComponent } from '../rendering-type-value.model'
   standalone: true,
   imports: [
     AsyncPipe,
+    NgIf,
     OrcidBadgeAndTooltipComponent,
     TranslateModule,
   ],

src/app/shared/orcid-badge-and-tooltip/orcid-badge-and-tooltip.component.html

@@ -5,7 +5,7 @@
    class="orcid-link">
   <img placement="top"
        [ngbTooltip]="orcidTooltipTemplate"
-       class="orcid-icon"
+       class="orcid-icon" [ngClass]="{'not-authenticated': !authenticatedTimestamp}"
        alt="ORCID {{ orcidTooltip }}"
        [src]="authenticatedTimestamp ? 'assets/images/orcid.logo.icon.svg': 'assets/images/orcid.logo.unauth.icon.svg'"
        data-test="orcidIcon"/>

src/app/shared/orcid-badge-and-tooltip/orcid-badge-and-tooltip.component.scss

@@ -4,4 +4,8 @@
 
 .orcid-icon {
   height: 1.2rem;
-}
+
+  &.not-authenticated {
+    filter: grayscale(100%);
+  }
+}