Merge branch 'minor-themed-component-fixes_contribute-7.6' into minor…

…-themed-component-fixes_contribute-main # Conflicts: # src/themes/custom/lazy-theme.module.ts
alexandrevryghem · Feb 18, 2024 · 57547c1 · 57547c1
2 parents 0551229 + 7bf0983
commit 57547c1
Show file tree

Hide file tree

Showing 36 changed files with 146 additions and 122 deletions.
diff --git a/...esult-list-elements/journal-issue/journal-issue-search-result-list-element.component.html b/...esult-list-elements/journal-issue/journal-issue-search-result-list-element.component.html
@@ -3,12 +3,12 @@
     <a *ngIf="linkType != linkTypes.None" [target]="(linkType == linkTypes.ExternalLink) ? '_blank' : '_self'"
        [attr.rel]="(linkType == linkTypes.ExternalLink) ? 'noopener noreferrer' : null"
        [routerLink]="[itemPageRoute]" class="lead item-list-title dont-break-out">
-      <ds-thumbnail [thumbnail]="dso?.thumbnail | async" [limitWidth]="true">
-      </ds-thumbnail>
+      <ds-themed-thumbnail [thumbnail]="dso?.thumbnail | async" [limitWidth]="true">
+      </ds-themed-thumbnail>
     </a>
       <span *ngIf="linkType == linkTypes.None" class="lead item-list-title dont-break-out">
-      <ds-thumbnail [thumbnail]="dso?.thumbnail | async" [limitWidth]="true">
-      </ds-thumbnail>
+      <ds-themed-thumbnail [thumbnail]="dso?.thumbnail | async" [limitWidth]="true">
+      </ds-themed-thumbnail>
     </span>
   </div>
   <div [ngClass]="showThumbnails ? 'col-9' : 'col-md-12'">

diff --git a/...lt-list-elements/journal-issue/journal-issue-search-result-list-element.component.spec.ts b/...lt-list-elements/journal-issue/journal-issue-search-result-list-element.component.spec.ts
@@ -102,7 +102,7 @@ describe('JournalIssueSearchResultListElementComponent', () => {
     });
 
     it('should add thumbnail element', () => {
-      const thumbnailElement = fixture.debugElement.query(By.css('ds-thumbnail'));
+      const thumbnailElement = fixture.debugElement.query(By.css('ds-themed-thumbnail'));
       expect(thumbnailElement).toBeTruthy();
     });
   });
@@ -187,7 +187,7 @@ describe('JournalIssueSearchResultListElementComponent', () => {
     });
 
     it('should not add thumbnail element', () => {
-      const thumbnailElement = fixture.debugElement.query(By.css('ds-thumbnail'));
+      const thumbnailElement = fixture.debugElement.query(By.css('ds-themed-thumbnail'));
       expect(thumbnailElement).toBeFalsy();
     });
   });

diff --git a/...ult-list-elements/journal-volume/journal-volume-search-result-list-element.component.html b/...ult-list-elements/journal-volume/journal-volume-search-result-list-element.component.html
@@ -3,12 +3,12 @@
     <a *ngIf="linkType != linkTypes.None" [target]="(linkType == linkTypes.ExternalLink) ? '_blank' : '_self'"
        [attr.rel]="(linkType == linkTypes.ExternalLink) ? 'noopener noreferrer' : null"
        [routerLink]="[itemPageRoute]" class="lead item-list-title dont-break-out">
-      <ds-thumbnail [thumbnail]="dso?.thumbnail | async" [limitWidth]="true">
-      </ds-thumbnail>
+      <ds-themed-thumbnail [thumbnail]="dso?.thumbnail | async" [limitWidth]="true">
+      </ds-themed-thumbnail>
     </a>
       <span *ngIf="linkType == linkTypes.None" class="lead item-list-title dont-break-out">
-      <ds-thumbnail [thumbnail]="dso?.thumbnail | async" [limitWidth]="true">
-      </ds-thumbnail>
+      <ds-themed-thumbnail [thumbnail]="dso?.thumbnail | async" [limitWidth]="true">
+      </ds-themed-thumbnail>
     </span>
   </div>
   <div [ngClass]="showThumbnails ? 'col-9' : 'col-md-12'">

diff --git a/...-list-elements/journal-volume/journal-volume-search-result-list-element.component.spec.ts b/...-list-elements/journal-volume/journal-volume-search-result-list-element.component.spec.ts
@@ -101,7 +101,7 @@ describe('JournalVolumeSearchResultListElementComponent', () => {
     });
 
     it('should add thumbnail element', () => {
-      const thumbnailElement = fixture.debugElement.query(By.css('ds-thumbnail'));
+      const thumbnailElement = fixture.debugElement.query(By.css('ds-themed-thumbnail'));
       expect(thumbnailElement).toBeTruthy();
     });
   });
@@ -184,7 +184,7 @@ describe('JournalVolumeSearchResultListElementComponent', () => {
     });
 
     it('should not add thumbnail element', () => {
-      const thumbnailElement = fixture.debugElement.query(By.css('ds-thumbnail'));
+      const thumbnailElement = fixture.debugElement.query(By.css('ds-themed-thumbnail'));
       expect(thumbnailElement).toBeFalsy();
     });
   });

diff --git a/...nts/search-result-list-elements/journal/journal-search-result-list-element.component.html b/...nts/search-result-list-elements/journal/journal-search-result-list-element.component.html
@@ -2,12 +2,12 @@
   <div *ngIf="showThumbnails" class="col-3 col-md-2">
     <a *ngIf="linkType != linkTypes.None" [target]="(linkType == linkTypes.ExternalLink) ? '_blank' : '_self'" [attr.rel]="(linkType == linkTypes.ExternalLink) ? 'noopener noreferrer' : null"
        [routerLink]="[itemPageRoute]" class="lead item-list-title dont-break-out">
-      <ds-thumbnail [thumbnail]="dso?.thumbnail | async" [limitWidth]="true">
-      </ds-thumbnail>
+      <ds-themed-thumbnail [thumbnail]="dso?.thumbnail | async" [limitWidth]="true">
+      </ds-themed-thumbnail>
     </a>
       <span *ngIf="linkType == linkTypes.None" class="lead item-list-title dont-break-out">
-      <ds-thumbnail [thumbnail]="dso?.thumbnail | async" [limitWidth]="true">
-      </ds-thumbnail>
+      <ds-themed-thumbnail [thumbnail]="dso?.thumbnail | async" [limitWidth]="true">
+      </ds-themed-thumbnail>
     </span>
   </div>
   <div [ngClass]="showThumbnails ? 'col-9' : 'col-md-12'">

diff --git a/.../search-result-list-elements/journal/journal-search-result-list-element.component.spec.ts b/.../search-result-list-elements/journal/journal-search-result-list-element.component.spec.ts
@@ -97,7 +97,7 @@ describe('JournalSearchResultListElementComponent', () => {
     });
 
     it('should add thumbnail element', () => {
-      const thumbnailElement = fixture.debugElement.query(By.css('ds-thumbnail'));
+      const thumbnailElement = fixture.debugElement.query(By.css('ds-themed-thumbnail'));
       expect(thumbnailElement).toBeTruthy();
     });
   });
@@ -157,7 +157,7 @@ describe('JournalSearchResultListElementComponent', () => {
     });
 
     it('should not add thumbnail element', () => {
-      const thumbnailElement = fixture.debugElement.query(By.css('ds-thumbnail'));
+      const thumbnailElement = fixture.debugElement.query(By.css('ds-themed-thumbnail'));
       expect(thumbnailElement).toBeFalsy();
     });
   });

diff --git a/...s/search-result-list-elements/org-unit/org-unit-search-result-list-element.component.html b/...s/search-result-list-elements/org-unit/org-unit-search-result-list-element.component.html
@@ -3,18 +3,18 @@
         <a *ngIf="linkType != linkTypes.None" [target]="(linkType == linkTypes.ExternalLink) ? '_blank' : '_self'"
            [attr.rel]="(linkType == linkTypes.ExternalLink) ? 'noopener noreferrer' : null"
            [routerLink]="[itemPageRoute]" class="dont-break-out">
-            <ds-thumbnail [thumbnail]="dso?.thumbnail | async"
-                          [defaultImage]="'assets/images/orgunit-placeholder.svg'"
-                          [alt]="'thumbnail.orgunit.alt'"
-                          [placeholder]="'thumbnail.orgunit.placeholder'">
-            </ds-thumbnail>
+            <ds-themed-thumbnail [thumbnail]="dso?.thumbnail | async"
+                                 [defaultImage]="'assets/images/orgunit-placeholder.svg'"
+                                 [alt]="'thumbnail.orgunit.alt'"
+                                 [placeholder]="'thumbnail.orgunit.placeholder'">
+            </ds-themed-thumbnail>
         </a>
         <span *ngIf="linkType == linkTypes.None" class="dont-break-out">
-            <ds-thumbnail [thumbnail]="dso?.thumbnail | async"
-                          [defaultImage]="'assets/images/orgunit-placeholder.svg'"
-                          [alt]="'thumbnail.orgunit.alt'"
-                          [placeholder]="'thumbnail.orgunit.placeholder'">
-            </ds-thumbnail>
+            <ds-themed-thumbnail [thumbnail]="dso?.thumbnail | async"
+                                 [defaultImage]="'assets/images/orgunit-placeholder.svg'"
+                                 [alt]="'thumbnail.orgunit.alt'"
+                                 [placeholder]="'thumbnail.orgunit.placeholder'">
+            </ds-themed-thumbnail>
         </span>
     </div>
     <div [ngClass]="showThumbnails ? 'col-9' : 'col-md-12'">

diff --git a/...earch-result-list-elements/org-unit/org-unit-search-result-list-element.component.spec.ts b/...earch-result-list-elements/org-unit/org-unit-search-result-list-element.component.spec.ts
@@ -104,7 +104,7 @@ describe('OrgUnitSearchResultListElementComponent', () => {
     });
 
     it('should add thumbnail element', () => {
-      const thumbnailElement = fixture.debugElement.query(By.css('ds-thumbnail'));
+      const thumbnailElement = fixture.debugElement.query(By.css('ds-themed-thumbnail'));
       expect(thumbnailElement).toBeTruthy();
     });
   });
@@ -171,7 +171,7 @@ describe('OrgUnitSearchResultListElementComponent', () => {
     });
 
     it('should not add thumbnail element', () => {
-      const thumbnailElement = fixture.debugElement.query(By.css('ds-thumbnail'));
+      const thumbnailElement = fixture.debugElement.query(By.css('ds-themed-thumbnail'));
       expect(thumbnailElement).toBeNull();
     });
   });

diff --git a/...ments/search-result-list-elements/person/person-search-result-list-element.component.html b/...ments/search-result-list-elements/person/person-search-result-list-element.component.html
@@ -3,18 +3,18 @@
     <a *ngIf="linkType != linkTypes.None" [target]="(linkType == linkTypes.ExternalLink) ? '_blank' : '_self'"
        [attr.rel]="(linkType == linkTypes.ExternalLink) ? 'noopener noreferrer' : null"
        [routerLink]="[itemPageRoute]" class="dont-break-out">
-      <ds-thumbnail [thumbnail]="dso?.thumbnail | async"
-                    [defaultImage]="'assets/images/person-placeholder.svg'"
-                    [alt]="'thumbnail.person.alt'"
-                    [placeholder]="'thumbnail.person.placeholder'">
-      </ds-thumbnail>
+      <ds-themed-thumbnail [thumbnail]="dso?.thumbnail | async"
+                           [defaultImage]="'assets/images/person-placeholder.svg'"
+                           [alt]="'thumbnail.person.alt'"
+                           [placeholder]="'thumbnail.person.placeholder'">
+      </ds-themed-thumbnail>
     </a>
     <span *ngIf="linkType == linkTypes.None" class="dont-break-out">
-      <ds-thumbnail [thumbnail]="dso?.thumbnail | async"
-                    [defaultImage]="'assets/images/person-placeholder.svg'"
-                    [alt]="'thumbnail.person.alt'"
-                    [placeholder]="'thumbnail.person.placeholder'">
-      </ds-thumbnail>
+      <ds-themed-thumbnail [thumbnail]="dso?.thumbnail | async"
+                           [defaultImage]="'assets/images/person-placeholder.svg'"
+                           [alt]="'thumbnail.person.alt'"
+                           [placeholder]="'thumbnail.person.placeholder'">
+      </ds-themed-thumbnail>
     </span>
   </div>
   <div [ngClass]="showThumbnails ? 'col-9 col-md-10' : 'col-12'">

diff --git a/...ts/search-result-list-elements/person/person-search-result-list-element.component.spec.ts b/...ts/search-result-list-elements/person/person-search-result-list-element.component.spec.ts
@@ -104,7 +104,7 @@ describe('PersonSearchResultListElementComponent', () => {
     });
 
     it('should add thumbnail element', () => {
-      const thumbnailElement = fixture.debugElement.query(By.css('ds-thumbnail'));
+      const thumbnailElement = fixture.debugElement.query(By.css('ds-themed-thumbnail'));
       expect(thumbnailElement).toBeTruthy();
     });
   });
@@ -171,7 +171,7 @@ describe('PersonSearchResultListElementComponent', () => {
     });
 
     it('should not add thumbnail element', () => {
-      const thumbnailElement = fixture.debugElement.query(By.css('ds-thumbnail'));
+      const thumbnailElement = fixture.debugElement.query(By.css('ds-themed-thumbnail'));
       expect(thumbnailElement).toBeFalsy();
     });
   });

diff --git a/...nts/search-result-list-elements/project/project-search-result-list-element.component.html b/...nts/search-result-list-elements/project/project-search-result-list-element.component.html
@@ -3,18 +3,18 @@
     <a *ngIf="linkType != linkTypes.None" [target]="(linkType == linkTypes.ExternalLink) ? '_blank' : '_self'"
        [attr.rel]="(linkType == linkTypes.ExternalLink) ? 'noopener noreferrer' : null"
        [routerLink]="[itemPageRoute]" class="dont-break-out">
-      <ds-thumbnail [thumbnail]="dso?.thumbnail | async"
-                    [defaultImage]="'assets/images/project-placeholder.svg'"
-                    [alt]="'thumbnail.project.alt'"
-                    [placeholder]="'thumbnail.project.placeholder'">
-      </ds-thumbnail>
+      <ds-themed-thumbnail [thumbnail]="dso?.thumbnail | async"
+                           [defaultImage]="'assets/images/project-placeholder.svg'"
+                           [alt]="'thumbnail.project.alt'"
+                           [placeholder]="'thumbnail.project.placeholder'">
+      </ds-themed-thumbnail>
     </a>
     <span *ngIf="linkType == linkTypes.None" class="dont-break-out">
-      <ds-thumbnail [thumbnail]="dso?.thumbnail | async"
-                    [defaultImage]="'assets/images/project-placeholder.svg'"
-                    [alt]="'thumbnail.project.alt'"
-                    [placeholder]="'thumbnail.project.placeholder'">
-      </ds-thumbnail>
+      <ds-themed-thumbnail [thumbnail]="dso?.thumbnail | async"
+                           [defaultImage]="'assets/images/project-placeholder.svg'"
+                           [alt]="'thumbnail.project.alt'"
+                           [placeholder]="'thumbnail.project.placeholder'">
+      </ds-themed-thumbnail>
     </span>
   </div>
   <div [ngClass]="showThumbnails ? 'col-9' : 'col-md-12'">

diff --git a/.../search-result-list-elements/project/project-search-result-list-element.component.spec.ts b/.../search-result-list-elements/project/project-search-result-list-element.component.spec.ts
@@ -96,7 +96,7 @@ describe('ProjectSearchResultListElementComponent', () => {
     });
 
     it('should add thumbnail element', () => {
-      const thumbnailElement = fixture.debugElement.query(By.css('ds-thumbnail'));
+      const thumbnailElement = fixture.debugElement.query(By.css('ds-themed-thumbnail'));
       expect(thumbnailElement).toBeTruthy();
     });
   });
@@ -157,7 +157,7 @@ describe('ProjectSearchResultListElementComponent', () => {
     });
 
     it('should not add thumbnail element', () => {
-      const thumbnailElement = fixture.debugElement.query(By.css('ds-thumbnail'));
+      const thumbnailElement = fixture.debugElement.query(By.css('ds-themed-thumbnail'));
       expect(thumbnailElement).toBeFalsy();
     });
   });

diff --git a/...ion/item-list-elements/person/person-search-result-list-submission-element.component.html b/...ion/item-list-elements/person/person-search-result-list-submission-element.component.html
@@ -2,18 +2,18 @@
   <div *ngIf="showThumbnails" class="col-3 col-md-2">
     <a *ngIf="linkType != linkTypes.None" [target]="(linkType == linkTypes.ExternalLink) ? '_blank' : '_self'"
        [attr.rel]="(linkType == linkTypes.ExternalLink) ? 'noopener noreferrer' : null" class="dont-break-out">
-      <ds-thumbnail [thumbnail]="dso?.thumbnail | async"
-                    [defaultImage]="'assets/images/person-placeholder.svg'"
-                    [alt]="'thumbnail.person.alt'"
-                    [placeholder]="'thumbnail.person.placeholder'">
-      </ds-thumbnail>
+      <ds-themed-thumbnail [thumbnail]="dso?.thumbnail | async"
+                           [defaultImage]="'assets/images/person-placeholder.svg'"
+                           [alt]="'thumbnail.person.alt'"
+                           [placeholder]="'thumbnail.person.placeholder'">
+      </ds-themed-thumbnail>
     </a>
     <span *ngIf="linkType == linkTypes.None" class="dont-break-out">
-      <ds-thumbnail [thumbnail]="dso?.thumbnail | async"
-                    [defaultImage]="'assets/images/person-placeholder.svg'"
-                    [alt]="'thumbnail.person.alt'"
-                    [placeholder]="'thumbnail.person.placeholder'">
-      </ds-thumbnail>
+      <ds-themed-thumbnail [thumbnail]="dso?.thumbnail | async"
+                           [defaultImage]="'assets/images/person-placeholder.svg'"
+                           [alt]="'thumbnail.person.alt'"
+                           [placeholder]="'thumbnail.person.placeholder'">
+      </ds-themed-thumbnail>
     </span>
   </div>
   <div [ngClass]="showThumbnails ? 'col-9' : 'col-md-12'">

diff --git a/.../item-list-elements/person/person-search-result-list-submission-element.component.spec.ts b/.../item-list-elements/person/person-search-result-list-submission-element.component.spec.ts
@@ -167,8 +167,8 @@ describe('PersonSearchResultListElementSubmissionComponent', () => {
       fixture.detectChanges();
     });
 
-    it('should add the ds-thumbnail element', () => {
-      const thumbnail = fixture.debugElement.query(By.css('ds-thumbnail'));
+    it('should add the thumbnail element', () => {
+      const thumbnail = fixture.debugElement.query(By.css('ds-themed-thumbnail'));
       expect(thumbnail).toBeTruthy();
     });
   });
@@ -223,8 +223,8 @@ describe('PersonSearchResultListElementSubmissionComponent', () => {
       fixture.detectChanges();
     });
 
-    it('should not add the ds-thumbnail element', () => {
-      const thumbnail = fixture.debugElement.query(By.css('ds-thumbnail'));
+    it('should not add the thumbnail element', () => {
+      const thumbnail = fixture.debugElement.query(By.css('ds-themed-thumbnail'));
       expect(thumbnail).toBeNull();
     });
   });

diff --git a/src/app/item-page/media-viewer/media-viewer.component.html b/src/app/item-page/media-viewer/media-viewer.component.html
@@ -20,8 +20,8 @@
       [image]="(thumbnailsRD$ | async)?.payload?.page[0]?._links.content.href || thumbnailPlaceholder"
       [preview]="false"
     ></ds-themed-media-viewer-image>
-    <ds-thumbnail *ngIf="!(mediaOptions.image && mediaOptions.video)"
-                  [thumbnail]="(thumbnailsRD$ | async)?.payload?.page[0]">
-    </ds-thumbnail>
+    <ds-themed-thumbnail *ngIf="!(mediaOptions.image && mediaOptions.video)"
+                         [thumbnail]="(thumbnailsRD$ | async)?.payload?.page[0]">
+    </ds-themed-thumbnail>
   </ng-template>
 </ng-container>
diff --git a/src/app/my-dspace-page/my-dspace-search.module.ts b/src/app/my-dspace-page/my-dspace-search.module.ts
@@ -62,6 +62,9 @@ const DECLARATIONS = [
     ResearchEntitiesModule.withEntryComponents(),
     JournalEntitiesModule.withEntryComponents(),
   ],
+  exports: [
+    ...DECLARATIONS,
+  ],
   declarations: [
     ...DECLARATIONS,
   ]

diff --git a/src/app/shared/comcol/comcol-page-browse-by/themed-comcol-page-browse-by.component.ts b/src/app/shared/comcol/comcol-page-browse-by/themed-comcol-page-browse-by.component.ts
@@ -24,7 +24,7 @@ export class ThemedComcolPageBrowseByComponent extends ThemedComponent<ComcolPag
   }
 
   protected importThemedComponent(themeName: string): Promise<any> {
-    return import(`../../../../themes/${themeName}/app/shared/comcol-page-browse-by/comcol-page-browse-by.component`);
+    return import(`../../../../themes/${themeName}/app/shared/comcol/comcol-page-browse-by/comcol-page-browse-by.component`);
   }
 
   protected importUnthemedComponent(): Promise<any> {

diff --git a/...ect-list/my-dspace-result-list-element/item-list-preview/item-list-preview.component.html b/...ect-list/my-dspace-result-list-element/item-list-preview/item-list-preview.component.html
@@ -1,7 +1,7 @@
 <div class="row">
   <div *ngIf="showThumbnails" class="col-3 col-md-2">
-    <ds-thumbnail [thumbnail]="item?.thumbnail | async" [limitWidth]="true">
-    </ds-thumbnail>
+    <ds-themed-thumbnail [thumbnail]="item?.thumbnail | async" [limitWidth]="true">
+    </ds-themed-thumbnail>
   </div>
   <div [ngClass]="showThumbnails ? 'col-9' : 'col-md-12'">
     <div *ngIf="item" @fadeInOut>

diff --git a/...-list/my-dspace-result-list-element/item-list-preview/item-list-preview.component.spec.ts b/...-list/my-dspace-result-list-element/item-list-preview/item-list-preview.component.spec.ts
@@ -118,8 +118,8 @@ describe('ItemListPreviewComponent', () => {
       component.item = mockItemWithAuthorAndDate;
       fixture.detectChanges();
     });
-    it('should add the ds-thumbnail element', () => {
-      const thumbnail = fixture.debugElement.query(By.css('ds-thumbnail'));
+    it('should add the thumbnail element', () => {
+      const thumbnail = fixture.debugElement.query(By.css('ds-themed-thumbnail'));
       expect(thumbnail).toBeTruthy();
     });
   });
@@ -223,8 +223,8 @@ describe('ItemListPreviewComponent', () => {
       component.item = mockItemWithAuthorAndDate;
       fixture.detectChanges();
     });
-    it('should add the ds-thumbnail element', () => {
-      const thumbnail = fixture.debugElement.query(By.css('ds-thumbnail'));
+    it('should add the thumbnail element', () => {
+      const thumbnail = fixture.debugElement.query(By.css('ds-themed-thumbnail'));
       expect(thumbnail).toBeFalsy();
     });
   });

diff --git a/...element/item-search-result/item-types/item/item-search-result-list-element.component.html b/...element/item-search-result/item-types/item/item-search-result-list-element.component.html
@@ -2,12 +2,12 @@
   <div *ngIf="showThumbnails" class="col-3 col-md-2">
     <a *ngIf="linkType != linkTypes.None" [target]="(linkType == linkTypes.ExternalLink) ? '_blank' : '_self'" [attr.rel]="(linkType == linkTypes.ExternalLink) ? 'noopener noreferrer' : null"
        [routerLink]="[itemPageRoute]" class="dont-break-out">
-    <ds-thumbnail [thumbnail]="dso?.thumbnail | async" [limitWidth]="true">
-    </ds-thumbnail>
+    <ds-themed-thumbnail [thumbnail]="dso?.thumbnail | async" [limitWidth]="true">
+    </ds-themed-thumbnail>
     </a>
     <span *ngIf="linkType == linkTypes.None" class="dont-break-out">
-    <ds-thumbnail [thumbnail]="dso?.thumbnail | async" [limitWidth]="true">
-    </ds-thumbnail>
+    <ds-themed-thumbnail [thumbnail]="dso?.thumbnail | async" [limitWidth]="true">
+    </ds-themed-thumbnail>
     </span>
   </div>
   <div [ngClass]="showThumbnails ? 'col-9' : 'col-md-12'">

diff --git a/...ment/item-search-result/item-types/item/item-search-result-list-element.component.spec.ts b/...ment/item-search-result/item-types/item/item-search-result-list-element.component.spec.ts
@@ -215,8 +215,8 @@ describe('ItemSearchResultListElementComponent', () => {
       expect(publicationListElementComponent.showThumbnails).toBeTrue();
     });
 
-    it('should add ds-thumbnail element', () => {
-      const thumbnailElement = fixture.debugElement.query(By.css('ds-thumbnail'));
+    it('should add thumbnail element', () => {
+      const thumbnailElement = fixture.debugElement.query(By.css('ds-themed-thumbnail'));
       expect(thumbnailElement).toBeTruthy();
     });
   });
@@ -395,8 +395,8 @@ describe('ItemSearchResultListElementComponent', () => {
       fixture.detectChanges();
     });
 
-    it('should not add ds-thumbnail element', () => {
-      const thumbnailElement = fixture.debugElement.query(By.css('ds-thumbnail'));
+    it('should not add thumbnail element', () => {
+      const thumbnailElement = fixture.debugElement.query(By.css('ds-themed-thumbnail'));
       expect(thumbnailElement).toBeFalsy();
     });
   });