diff --git a/packages/html-reporter/src/testCaseView.spec.tsx b/packages/html-reporter/src/testCaseView.spec.tsx
index 28fe8247f5861..520c947155118 100644
--- a/packages/html-reporter/src/testCaseView.spec.tsx
+++ b/packages/html-reporter/src/testCaseView.spec.tsx
@@ -64,7 +64,13 @@ const testCase: TestCase = {
test('should render test case', async ({ mount }) => {
const component = await mount();
- await expect(component.getByText('Annotation text', { exact: false }).first()).toBeVisible();
+ const firstAnnotationElement = component.getByText('Annotation text', { exact: false }).first();
+ await expect(firstAnnotationElement).toBeVisible();
+ await expect(component.getByTestId('annotation-copy-button').first()).not.toBeVisible();
+ await expect(component.getByTestId('annotation-copy-button').nth(1)).not.toBeVisible();
+ await firstAnnotationElement.hover();
+ await expect(component.getByTestId('annotation-copy-button').first()).toBeVisible();
+ await expect(component.getByTestId('annotation-copy-button').nth(1)).not.toBeVisible();
await component.getByText('Annotations').click();
await expect(component.getByText('Annotation text')).not.toBeVisible();
await expect(component.getByText('Outer step')).toBeVisible();
diff --git a/packages/html-reporter/src/testCaseView.tsx b/packages/html-reporter/src/testCaseView.tsx
index 76ff9b3533b17..fc28fb6b6ba00 100644
--- a/packages/html-reporter/src/testCaseView.tsx
+++ b/packages/html-reporter/src/testCaseView.tsx
@@ -78,7 +78,7 @@ function TestCaseAnnotationView({ annotation: { type, description } }: { annotat
{type}
{description && : {renderAnnotationDescription(description)}}
- {description && }
+ {description && }
);
}