freeCodeCamp/e2e/map.spec.ts

53 lines
1.8 KiB
TypeScript

import { test, expect } from '@playwright/test';
import translations from '../client/i18n/locales/english/translations.json';
import intro from '../client/i18n/locales/english/intro.json';
import { SuperBlockStage, superBlockStages } from '../shared/config/curriculum';
test.beforeEach(async ({ page }) => {
await page.goto('/learn');
});
const superBlocksWithLinks = [
...superBlockStages[SuperBlockStage.Core],
...superBlockStages[SuperBlockStage.English],
...superBlockStages[SuperBlockStage.Professional],
...superBlockStages[SuperBlockStage.Extra],
...superBlockStages[SuperBlockStage.Legacy]
];
const superBlockTitleOverride: Record<string, string> = {
'Responsive Web Design': 'Responsive Web Design Certification'
};
test.describe('Map Component', () => {
test('should render correctly', async ({ page }) => {
await expect(
page.getByText(translations.landing['core-certs-heading'])
).toBeVisible();
await expect(
page.getByText(translations.landing['professional-certs-heading'])
).toBeVisible();
await expect(
page.getByText(translations.landing['interview-prep-heading'])
).toBeVisible();
const curriculumBtns = page.getByTestId('curriculum-map-button');
await expect(curriculumBtns).toHaveCount(superBlocksWithLinks.length);
for (let i = 0; i < superBlocksWithLinks.length; i++) {
const superblockLink = page.getByRole('link', {
// This is a hacky bypass because `Responsive Web Design` hits both links.
name:
superBlockTitleOverride[intro[superBlocksWithLinks[i]].title] ??
intro[superBlocksWithLinks[i]].title
});
await expect(superblockLink).toBeVisible();
await expect(superblockLink).toHaveAttribute(
'href',
`/learn/${superBlocksWithLinks[i]}/`
);
}
});
});