diff --git a/client/src/templates/Challenges/components/challenge-description.tsx b/client/src/templates/Challenges/components/challenge-description.tsx index 1c7dc638468..59392169380 100644 --- a/client/src/templates/Challenges/components/challenge-description.tsx +++ b/client/src/templates/Challenges/components/challenge-description.tsx @@ -15,7 +15,10 @@ function ChallengeDescription(challenge: Challenge): JSX.Element { const bClass = challenge.block ? challenge.block : ''; return ( -
+
{challenge.description && } {challenge.instructions && ( <> diff --git a/e2e/challenge-description.spec.ts b/e2e/challenge-description.spec.ts new file mode 100644 index 00000000000..ecf1ba96aa6 --- /dev/null +++ b/e2e/challenge-description.spec.ts @@ -0,0 +1,23 @@ +import { test, expect } from '@playwright/test'; + +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 Description Component Tests', () => { + test('should be visible', async ({ page }) => { + const challengeDescription = page.getByTestId('challenge-description'); + await expect(challengeDescription).toBeVisible(); + }); + + test('should contain text', async ({ page }) => { + const challengeDescription = page.getByTestId('challenge-description'); + await expect(challengeDescription).toHaveText(/ */); + }); +});