test(website): add AST viewer test case (typescript-eslint#6275)

tapanprakasht · JoshuaKGoldberg · web-flow · commit 75806c930a15 · 2023-04-05T11:36:57.000-04:00
* test(website): Add AST viewer test case

* Update packages/website/tests/playground.spec.ts

* test(website): workaround for AST viewer
failing test case

* test(website): remove workaround for failing test

---------

Co-authored-by: Josh Goldberg &lt;git@joshuakgoldberg.com&gt;
diff --git a/packages/website/tests/playground.spec.ts b/packages/website/tests/playground.spec.ts
@@ -47,6 +47,24 @@ test.describe('Playground', () => {
     await expect(page.getByText('let value: string[];')).toBeVisible();
     await expect(page.getByText('All is ok!')).toBeVisible();
   });
+
+  test('AST Viewer', async ({ page }) => {
+    // 1. Type some valid code in the playground
+    await writeInEditor(page, 'let value: Array<string>;');
+
+    // 2. Enable AST viewer
+    await page
+      .getByRole('combobox', { name: 'AST Viewer' })
+      .selectOption({ label: 'ESTree' });
+
+    // 3. Type some valid code in the playground
+    await writeInEditor(page, 'let value: Array<string>;');
+
+    // 4. Validate variable declaration block exists in AST viewer
+    await expect(
+      page.getByRole('link', { name: 'VariableDeclaration' }),
+    ).toBeVisible();
+  });
 });
 
 async function writeInEditor(page: Page, text: string): Promise<void> {
