From 54a338bfaff8235b58831c166b52d10264428fa0 Mon Sep 17 00:00:00 2001
From: Rohit Rai <121712694+rohitrai3@users.noreply.github.com>
Date: Fri, 13 Oct 2023 21:35:29 +0530
Subject: [PATCH] test(e2e,playwright): bread-crumb.tsx (#51903)

Co-authored-by: Rohit Rai <rohitraijob@gmail.com>
---
 e2e/bread-crumb.spec.ts | 53 +++++++++++++++++++++++++++++++++++++++++
 1 file changed, 53 insertions(+)
 create mode 100644 e2e/bread-crumb.spec.ts

diff --git a/e2e/bread-crumb.spec.ts b/e2e/bread-crumb.spec.ts
new file mode 100644
index 00000000000..19712e87c75
--- /dev/null
+++ b/e2e/bread-crumb.spec.ts
@@ -0,0 +1,53 @@
+import { test, expect } from '@playwright/test';
+
+const breadcrumbNavs = {
+  leftBreadcrumb: '(New) Foundational C# with Microsoft',
+  rightBreadcrumb: 'Write Your First Code Using C#'
+};
+
+test.beforeEach(async ({ page }) => {
+  await page.goto(
+    '/learn/foundational-c-sharp-with-microsoft/write-your-first-code-using-c-sharp/trophy-write-your-first-code-using-c-sharp'
+  );
+});
+
+test.afterEach(async ({ page }) => {
+  await page.close();
+});
+
+test.describe('Challenge Breadcrumb Component Tests', () => {
+  test('breadcrumb nav links should be visible', async ({ page }) => {
+    await expect(
+      page
+        .getByRole('listitem')
+        .filter({ hasText: breadcrumbNavs.leftBreadcrumb })
+    ).toBeVisible();
+    await expect(
+      page
+        .getByRole('listitem')
+        .filter({ hasText: breadcrumbNavs.rightBreadcrumb })
+    ).toBeVisible();
+  });
+
+  test('left breadcrumb nav link should have correct URL', async ({ page }) => {
+    await page
+      .getByRole('listitem')
+      .filter({ hasText: breadcrumbNavs.leftBreadcrumb })
+      .click();
+    await expect(page).toHaveURL(
+      'http://localhost:8000/learn/foundational-c-sharp-with-microsoft'
+    );
+  });
+
+  test('right breadcrumb nav link should have correct URL', async ({
+    page
+  }) => {
+    await page
+      .getByRole('listitem')
+      .filter({ hasText: breadcrumbNavs.rightBreadcrumb })
+      .click();
+    await expect(page).toHaveURL(
+      'http://localhost:8000/learn/foundational-c-sharp-with-microsoft/#write-your-first-code-using-c-sharp'
+    );
+  });
+});