Fix ItemCardGrid test to not use aria-role

Signed-off-by: Philipp Hugenroth <philipph@spotify.com>
2021-07-27 10:08:49 +02:00
parent 28fba930fe
commit 88a8492cd9
1 changed files with 7 additions and 5 deletions
@@ -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');
  });
 });