diff --git a/Composer/packages/client/__tests__/components/TestController/errorCallout.test.tsx b/Composer/packages/client/__tests__/components/TestController/errorCallout.test.tsx index 637bfef811..694803de35 100644 --- a/Composer/packages/client/__tests__/components/TestController/errorCallout.test.tsx +++ b/Composer/packages/client/__tests__/components/TestController/errorCallout.test.tsx @@ -21,7 +21,7 @@ describe('', () => { /> ); - const container = document.querySelector('[role="alertdialog"]'); + const container = document.querySelector('[ data-testid="errorCallout"]'); expect(container).toHaveTextContent('title test'); const tryButton = getByText(container as HTMLElement, 'Try again'); diff --git a/Composer/packages/client/src/components/TestController/errorCallout.tsx b/Composer/packages/client/src/components/TestController/errorCallout.tsx index 8750ff8306..4f9a2210b2 100644 --- a/Composer/packages/client/src/components/TestController/errorCallout.tsx +++ b/Composer/packages/client/src/components/TestController/errorCallout.tsx @@ -21,14 +21,13 @@ export const ErrorCallout: React.FC = props => { const { onDismiss, onTry, target, visible, error } = props; return (