test: Add tags page verification from explore page (#26104)

* test: Add tags page verification from explore page

* nit

* fix minor nit

Author: aniketkatkar97

openmetadata-ui/src/main/resources/ui/playwright/e2e/Pages/ExploreTree.spec.ts

@@ -38,7 +38,10 @@ import { Glossary } from '../../support/glossary/Glossary';
 import { GlossaryTerm } from '../../support/glossary/GlossaryTerm';
 import { TagClass } from '../../support/tag/TagClass';
 import { getApiContext, redirectToHomePage } from '../../utils/common';
-import { updateDisplayNameForEntity } from '../../utils/entity';
+import {
+  updateDisplayNameForEntity,
+  waitForAllLoadersToDisappear,
+} from '../../utils/entity';
 import {
   Bucket,
   validateBucketsForIndex,
@@ -154,6 +157,91 @@ test.describe('Explore Tree scenarios', () => {
     );
   });
 
+  test('Verify Tags navigation via Governance tree and breadcrumb renders page correctly', async ({
+    page,
+  }) => {
+    await test.step('Expand Governance node in explore tree', async () => {
+      await waitForAllLoadersToDisappear(page);
+
+      await expect(
+        page.getByTestId('explore-tree-title-Governance')
+      ).toBeVisible();
+
+      await page
+        .locator('.ant-tree-treenode', {
+          has: page.getByTestId('explore-tree-title-Governance'),
+        })
+        .locator('.ant-tree-switcher')
+        .click();
+    });
+
+    await test.step('Click on Tags under Governance', async () => {
+      await expect(page.getByTestId('explore-tree-title-Tags')).toBeVisible();
+
+      const tagsSearchRes = page.waitForResponse(
+        '/api/v1/search/query?q=&index=dataAsset*'
+      );
+      await page.getByTestId('explore-tree-title-Tags').click();
+      const tagsSearchResponse = await tagsSearchRes;
+
+      expect(tagsSearchResponse.status()).toBe(200);
+    });
+
+    await test.step(
+      'Click parent classification breadcrumb from a tag result',
+      async () => {
+        await waitForAllLoadersToDisappear(page);
+        const classificationBreadcrumb = page
+          .locator('[data-testid="breadcrumb-link"] a[href*="/tags/"]')
+          .first();
+
+        await expect(classificationBreadcrumb).toBeVisible();
+        await expect(classificationBreadcrumb).toBeEnabled();
+
+        const classificationsRes = page.waitForResponse(
+          '/api/v1/classifications*'
+        );
+        const tagsTableRes = page.waitForResponse('/api/v1/tags*');
+
+        await classificationBreadcrumb.click();
+
+        const classificationResponse = await classificationsRes;
+        const tagsTableResponse = await tagsTableRes;
+
+        expect(classificationResponse.status()).toBe(200);
+        expect(tagsTableResponse.status()).toBe(200);
+      }
+    );
+
+    await test.step(
+      'Verify full Tags page renders with left panel, table and headers',
+      async () => {
+        await waitForAllLoadersToDisappear(page);
+
+        await expect(
+          page.getByTestId('side-panel-classification')
+        ).not.toHaveCount(0);
+
+        await expect(page.getByTestId('tags-container')).toBeVisible();
+
+        await expect(page.getByTestId('table')).toBeVisible();
+
+        // Verify all table column headers are correct
+        const headers = await page
+          .locator('.ant-table-thead > tr > .ant-table-cell')
+          .allTextContents();
+
+        expect(headers).toEqual([
+          'Enabled',
+          'Tag',
+          'Display Name',
+          'Description',
+          'Actions',
+        ]);
+      }
+    );
+  });
+
   test('Verify Database and Database Schema available in explore tree', async ({
     page,
   }) => {