From 88a8492cd94101ec039f9a1a0d1864537e766b34 Mon Sep 17 00:00:00 2001
From: Philipp Hugenroth <philipph@spotify.com>
Date: Tue, 27 Jul 2021 10:08:49 +0200
Subject: [PATCH] Fix ItemCardGrid test to not use aria-role

Signed-off-by: Philipp Hugenroth <philipph@spotify.com>
---
 .../src/layout/ItemCard/ItemCardGrid.test.tsx        | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/packages/core-components/src/layout/ItemCard/ItemCardGrid.test.tsx b/packages/core-components/src/layout/ItemCard/ItemCardGrid.test.tsx
index 02c3bb3639..30fdb415e5 100644
--- a/packages/core-components/src/layout/ItemCard/ItemCardGrid.test.tsx
+++ b/packages/core-components/src/layout/ItemCard/ItemCardGrid.test.tsx
@@ -27,24 +27,26 @@ describe('<ItemCardGrid />', () => {
         <Card>Hello!</Card>
       </ItemCardGrid>,
     );
-    expect(screen.getByRole('grid')).toBeInTheDocument();
     expect(screen.getByText('Hello!')).toBeInTheDocument();
   });
 
   it('renders custom styles', async () => {
     await renderInTestApp(
       <>
-        <ItemCardGrid>
+        <ItemCardGrid data-testid="cards-hello">
           <Card>Hello!</Card>
         </ItemCardGrid>
-        <ItemCardGrid classes={{ root: 'my-css-class' }}>
+        <ItemCardGrid
+          data-testid="cards-goodbye"
+          classes={{ root: 'my-css-class' }}
+        >
           <Card>Goodbye!</Card>
         </ItemCardGrid>
       </>,
     );
-    expect(screen.getAllByRole('grid')[0]).toHaveStyle({
+    expect(screen.getByTestId('cards-hello')).toHaveStyle({
       gridTemplateColumns: 'repeat(auto-fill, minmax(22em, 1fr))',
     });
-    expect(screen.getAllByRole('grid')[1]).toHaveClass('my-css-class');
+    expect(screen.getByTestId('cards-goodbye')).toHaveClass('my-css-class');
   });
 });