diff --git a/packages/core/src/components/CopyTextButton/CopyTextButton.test.tsx b/packages/core/src/components/CopyTextButton/CopyTextButton.test.tsx index cab992e11a..07bce97d74 100644 --- a/packages/core/src/components/CopyTextButton/CopyTextButton.test.tsx +++ b/packages/core/src/components/CopyTextButton/CopyTextButton.test.tsx @@ -15,8 +15,9 @@ */ import React from 'react'; -import { render, fireEvent } from '@testing-library/react'; -import { wrapInTestApp } from '@backstage/test-utils'; +import { fireEvent } from '@testing-library/react'; +import { act } from 'react-dom/test-utils'; +import { renderInTestApp } from '@backstage/test-utils'; import { CopyTextButton } from './CopyTextButton'; import { ApiRegistry, @@ -55,29 +56,30 @@ const apiRegistry = ApiRegistry.from([ ]); describe('', () => { - it('renders without exploding', () => { - const { getByDisplayValue } = render( - wrapInTestApp( - - - , - ), + it('renders without exploding', async () => { + const { getByDisplayValue } = await renderInTestApp( + + + , ); getByDisplayValue('mockText'); }); it('displays tooltip on click', async () => { + jest.useFakeTimers(); document.execCommand = jest.fn(); - const rendered = render( - wrapInTestApp( - - - , - ), + const rendered = await renderInTestApp( + + + , ); const button = rendered.getByTitle('mockTooltip'); fireEvent.click(button); + act(() => { + jest.runAllTimers(); + }); expect(document.execCommand).toHaveBeenCalled(); rendered.getByText('mockTooltip'); + jest.useRealTimers(); }); });