mirror of
https://github.com/freeCodeCamp/freeCodeCamp.git
synced 2025-12-19 18:18:27 -05:00
114 lines
3.5 KiB
TypeScript
114 lines
3.5 KiB
TypeScript
import { test, expect } from '@playwright/test';
|
|
import words from '../client/i18n/locales/english/motivation.json';
|
|
|
|
const superBlocks = [
|
|
'Responsive Web Design',
|
|
'JavaScript Algorithms and Data Structures (Beta)',
|
|
'Front End Development Libraries',
|
|
'Data Visualization',
|
|
'Relational Database',
|
|
'Back End Development and APIs',
|
|
'Quality Assurance',
|
|
'Scientific Computing with Python (Beta)',
|
|
'Data Analysis with Python',
|
|
'Information Security',
|
|
'Machine Learning with Python',
|
|
'College Algebra with Python',
|
|
'A2 English for Developers (Beta)',
|
|
'Foundational C# with Microsoft',
|
|
'The Odin Project - freeCodeCamp Remix (Beta)',
|
|
'Coding Interview Prep',
|
|
'Project Euler',
|
|
'Rosetta Code',
|
|
'Legacy Responsive Web Design Challenges',
|
|
'JavaScript Algorithms and Data Structures',
|
|
'Legacy Python for Everybody'
|
|
];
|
|
|
|
test.describe('Learn - Unauthenticated user', () => {
|
|
test.use({ storageState: { cookies: [], origins: [] } });
|
|
|
|
test('the page should render correctly', async ({ page }) => {
|
|
await page.goto('/learn');
|
|
|
|
await expect(page).toHaveTitle(
|
|
'Learn to Code — For Free — Coding Courses for Busy People'
|
|
);
|
|
|
|
await expect(
|
|
page.getByRole('heading', {
|
|
level: 1,
|
|
name: "Welcome to freeCodeCamp's curriculum."
|
|
})
|
|
).toBeVisible();
|
|
|
|
// Advice for new learners
|
|
const learnReadThisSection = page.getByTestId('learn-read-this-section');
|
|
await expect(learnReadThisSection).toBeVisible();
|
|
|
|
const learnReadThisSectionHeading = page.getByTestId(
|
|
'learn-read-this-heading'
|
|
);
|
|
await expect(learnReadThisSectionHeading).toBeVisible();
|
|
|
|
const learnReadThisSectionParagraphs =
|
|
page.getByTestId('learn-read-this-p');
|
|
await expect(learnReadThisSectionParagraphs).toHaveCount(10);
|
|
|
|
for (const paragraph of await learnReadThisSectionParagraphs.all()) {
|
|
await expect(paragraph).toBeVisible();
|
|
}
|
|
|
|
// certifications
|
|
const curriculumBtns = page.getByTestId('curriculum-map-button');
|
|
await expect(curriculumBtns).toHaveCount(superBlocks.length);
|
|
for (let i = 0; i < superBlocks.length; i++) {
|
|
const btn = curriculumBtns.nth(i);
|
|
await expect(btn).toContainText(superBlocks[i]);
|
|
}
|
|
|
|
await expect(
|
|
page.getByRole('link', { name: 'Sign in to save your progress' })
|
|
).toBeVisible();
|
|
});
|
|
});
|
|
|
|
test.describe('Learn - Authenticated user)', () => {
|
|
test('the page should render correctly', async ({ page }) => {
|
|
await page.goto('/learn');
|
|
|
|
await expect(page).toHaveTitle(
|
|
'Learn to Code — For Free — Coding Courses for Busy People'
|
|
);
|
|
|
|
await expect(
|
|
page.getByRole('heading', {
|
|
level: 1,
|
|
name: 'Welcome back, Full Stack User.'
|
|
})
|
|
).toBeVisible();
|
|
|
|
const shownQuote = await page.getByTestId('random-quote').textContent();
|
|
|
|
const shownAuthorText = await page
|
|
.getByTestId('random-author')
|
|
.textContent();
|
|
|
|
const shownAuthor = shownAuthorText?.replace('- ', '');
|
|
|
|
const allMotivationalQuotes = words.motivationalQuotes.map(mq => mq.quote);
|
|
const allAuthors = words.motivationalQuotes.map(mq => mq.author);
|
|
|
|
expect(allMotivationalQuotes).toContain(shownQuote);
|
|
expect(allAuthors).toContain(shownAuthor);
|
|
|
|
// certifications
|
|
const curriculumBtns = page.getByTestId('curriculum-map-button');
|
|
await expect(curriculumBtns).toHaveCount(superBlocks.length);
|
|
for (let i = 0; i < superBlocks.length; i++) {
|
|
const btn = curriculumBtns.nth(i);
|
|
await expect(btn).toContainText(superBlocks[i]);
|
|
}
|
|
});
|
|
});
|