diff --git a/src/components/details-view/details-view.js b/src/components/details-view/details-view.js
index 34c5650a6..5e3206eae 100644
--- a/src/components/details-view/details-view.js
+++ b/src/components/details-view/details-view.js
@@ -203,7 +203,6 @@ class DetailsView extends Component {
                 header={this.renderAccordionHeader}
                 headerProps={{
                   resultsLength,
-                  'data-testid': `accordion-toggle-button-${listSectionId}`,
                 }}
                 label={(
                   <Headline
diff --git a/src/components/package/show/package-show.test.js b/src/components/package/show/package-show.test.js
index 4ee27b201..53c80cf8a 100644
--- a/src/components/package/show/package-show.test.js
+++ b/src/components/package/show/package-show.test.js
@@ -316,19 +316,19 @@ describe('Given PackageShow', () => {
       });
 
       it('should call onToggleTitles', () => {
-        const { getByTestId } = renderPackageShow();
+        const { getByRole } = renderPackageShow();
 
-        fireEvent.click(getByTestId('accordion-toggle-button-packageShowTitles'));
-        fireEvent.click(getByTestId('accordion-toggle-button-packageShowTitles'));
+        fireEvent.click(getByRole('button', { name: 'ui-eholdings.listType.titles' }));
+        fireEvent.click(getByRole('button', { name: 'ui-eholdings.listType.titles' }));
         expect(mockOnToggleTitles).toHaveBeenCalled();
       });
     });
 
     describe('when closing', () => {
       it('should not invoke onToggleTitles', () => {
-        const { getByTestId } = renderPackageShow();
+        const { getByRole } = renderPackageShow();
 
-        fireEvent.click(getByTestId('accordion-toggle-button-packageShowTitles'));
+        fireEvent.click(getByRole('button', { name: 'ui-eholdings.listType.titles' }));
         expect(mockOnToggleTitles).not.toHaveBeenCalled();
       });
     });