test(e2e,playwright): challenge-description.tsx (#51914)
parent
ddd034f8b4
commit
1c77a3bb04
|
@ -15,7 +15,10 @@ function ChallengeDescription(challenge: Challenge): JSX.Element {
|
|||
const bClass = challenge.block ? challenge.block : '';
|
||||
|
||||
return (
|
||||
<div className={`challenge-instructions ${sbClass} ${bClass}`}>
|
||||
<div
|
||||
className={`challenge-instructions ${sbClass} ${bClass}`}
|
||||
data-playwright-test-label='challenge-description'
|
||||
>
|
||||
{challenge.description && <PrismFormatted text={challenge.description} />}
|
||||
{challenge.instructions && (
|
||||
<>
|
||||
|
|
|
@ -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(/ */);
|
||||
});
|
||||
});
|
Loading…
Reference in New Issue