Add a visual tests

GitbookIO · Mar 26, 2024 · 1329156 · 1329156
1 parent e431078
commit 1329156
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 0 deletions.
diff --git a/e2e/pages.spec.ts b/e2e/pages.spec.ts
@@ -196,6 +196,14 @@ const testCases: TestsCase[] = [
                 name: 'Math',
                 url: 'blocks/math',
             },
+            {
+                name: 'Annotations',
+                url: 'blocks/annotations',
+                run: async (page) => {
+                    await page.waitForSelector('[data-testid="annotation-button"]');
+                    await page.click('[data-testid="annotation-button"]');
+                },
+            },
         ],
     },
     {

diff --git a/src/components/DocumentView/Annotation/AnnotationPopover.tsx b/src/components/DocumentView/Annotation/AnnotationPopover.tsx
@@ -14,6 +14,7 @@ export function AnnotationPopover(props: { children: React.ReactNode; body: Reac
         <Popover.Root>
             <Popover.Trigger asChild>
                 <button
+                    data-testid="annotation-button"
                     aria-label={tString(language, 'annotation_button_label')}
                     className={tcls(
                         'decoration-dotted',