jprdonnelly/freeCodeCamp
1
0
Fork 0
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git synced 2026-05-20 12:03:11 -04:00
Code Issues Projects Releases Wiki Activity

test(e2e,playwright): output, added tests and changed some descriptions (#52427)

Browse Source
This commit is contained in:
weilirs
2023-12-02 10:37:12 -06:00
committed by GitHub
parent 93570ddf88
commit 0ce17701ed
1 changed files with 52 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

62
e2e/output.spec.ts
View File

@@ -6,22 +6,34 @@ const outputTexts = {
/**
* Your test output will go here
*/`,
error: `SyntaxError: unknown: Unexpected token (1:3)
syntaxError: `SyntaxError: unknown: Unexpected token (1:3)
> 1 | var
| ^`,
final: `// running tests
empty: `// running tests
You should declare myName with the var keyword, ending with a semicolon
// tests completed`
// tests completed`,
passed: `// running tests
// tests completed`
};
const insertTextInCodeEditor = async (page: Page, isMobile: boolean) => {
interface InsertTextParameters {
page: Page;
isMobile: boolean;
text: string;
}
const insertTextInCodeEditor = async ({
page,
isMobile,
text
}: InsertTextParameters) => {
if (isMobile) {
await page
.getByRole('tab', { name: translations.learn['editor-tabs'].code })
.click();
}
await page.getByLabel('Editor content').fill('var');
await page.getByLabel('Editor content').fill(text);
if (isMobile) {
await page
.getByRole('tab', { name: translations.learn['editor-tabs'].console })
@@ -57,19 +69,33 @@ test.describe('Challenge Output Component Tests', () => {
await expect(outputConsole).toHaveText(outputTexts.default);
});
test('should contain error output when var is entered in editor', async ({
test('should contain syntax error output when var is entered in editor', async ({
page,
isMobile
}) => {
await insertTextInCodeEditor(page, isMobile);
await insertTextInCodeEditor({ page, isMobile, text: 'var' });
await expect(
page.getByRole('region', {
name: translations.learn['editor-tabs'].console
})
).toHaveText(outputTexts.error);
).toHaveText(outputTexts.syntaxError);
});
test('should contain final output after test run', async ({
test('should contain reference error output when var is entered in editor', async ({
page,
isMobile
}) => {
const referenceErrorRegex =
/ReferenceError: (myName is not defined|Can't find variable: myName)/;
await insertTextInCodeEditor({ page, isMobile, text: 'myName' });
await expect(
page.getByRole('region', {
name: translations.learn['editor-tabs'].console
})
).toHaveText(referenceErrorRegex);
});
test('should contain final output after test fail', async ({
page,
isMobile
}) => {
@@ -78,6 +104,22 @@ test.describe('Challenge Output Component Tests', () => {
page.getByRole('region', {
name: translations.learn['editor-tabs'].console
})
).toHaveText(outputTexts.final);
).toHaveText(outputTexts.empty);
});
test('should contain final output after test pass', async ({
page,
isMobile
}) => {
const closeButton = page.getByRole('button', { name: 'Close' });
await insertTextInCodeEditor({ page, isMobile, text: 'var myName;' });
await runChallengeTest(page, isMobile);
await closeButton.click();
await expect(
page.getByRole('region', {
name: translations.learn['editor-tabs'].console
})
).toHaveText(outputTexts.passed);
});
});