diff --git a/client/src/templates/Challenges/components/daily-challenge-bread-crumb.tsx b/client/src/templates/Challenges/components/daily-challenge-bread-crumb.tsx
index f1636db2c12..ef7689f57a5 100644
--- a/client/src/templates/Challenges/components/daily-challenge-bread-crumb.tsx
+++ b/client/src/templates/Challenges/components/daily-challenge-bread-crumb.tsx
@@ -23,7 +23,7 @@ function DailyChallengeBreadCrumb({
>
-
-
+
{i18next.t(`intro:daily-coding-challenge.title`)}
diff --git a/e2e/daily-coding-challenge.spec.ts b/e2e/daily-coding-challenge.spec.ts
index 87205be3139..1a16eb8203c 100644
--- a/e2e/daily-coding-challenge.spec.ts
+++ b/e2e/daily-coding-challenge.spec.ts
@@ -1,7 +1,8 @@
import { test, expect } from '@playwright/test';
import {
getTodayUsCentral,
- formatDate
+ formatDate,
+ formatDisplayDate
} from '../client/src/components/daily-coding-challenge/helpers';
const dateRouteRe = /.*\/daily-coding-challenge\/date\/.*/;
@@ -134,6 +135,24 @@ test.describe('Daily Coding Challenges', () => {
await page.goto(`/learn/daily-coding-challenge/${todayUsCentral}`);
+ const leftBreadcrumb = page.getByRole('link', {
+ name: /daily coding challenge/i
+ });
+ await expect(leftBreadcrumb).toBeVisible();
+ await expect(leftBreadcrumb).toHaveAttribute(
+ 'href',
+ '/learn/daily-coding-challenge/archive'
+ );
+
+ const rightBreadcrumb = page.getByRole('link', {
+ name: `${formatDisplayDate(todayUsCentral)}`
+ });
+ await expect(rightBreadcrumb).toBeVisible();
+ await expect(rightBreadcrumb).toHaveAttribute(
+ 'href',
+ '/learn/daily-coding-challenge/archive'
+ );
+
await expect(page.getByText('Test title')).toBeVisible();
await expect(page.getByText('Test description')).toBeVisible();