Fix blog post test (#3276)

* Increase viewport on Blog post test * Add visibility checks for outline in blog tests
responsible-ai-collaborative · Dec 11, 2024 · 93012b5 · 93012b5
1 parent 97c647f
commit 93012b5
Showing 1 changed file with 2 additions and 0 deletions.
diff --git a/site/gatsby-site/playwright/e2e/blog.spec.ts b/site/gatsby-site/playwright/e2e/blog.spec.ts
@@ -67,6 +67,7 @@ test.describe('Blog', () => {
     await page.setViewportSize({ width: 1280, height: 1000 });
     await page.goto('/blog/the-first-taxonomy-of-ai-incidents');
 
+    await expect(page.locator('[data-cy="outline"]')).toBeVisible();
     const outlineItems = page.locator('[data-cy="outline"] > li');
     await expect(outlineItems).toHaveCount(5);
 
@@ -87,6 +88,7 @@ test.describe('Blog', () => {
     await page.setViewportSize({ width: 1280, height: 1000 });
     await page.goto('/es/blog/multilingual-incident-reporting');
 
+    await expect(page.locator('[data-cy="outline"]')).toBeVisible();
     const outlineItemsCount = await page.locator('[data-cy="outline"] > li').count();
     await expect(outlineItemsCount).toBeGreaterThanOrEqual(3);