greatbody
/
freeCodeCamp
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

feat: convert academic honstey tests to Playwright (#54855) 

Co-authored-by: Oliver Eyton-Williams <ojeytonwilliams@gmail.com>
pull/55072/head
Sem Bauke 2024-06-03 10:13:12 +02:00 committed by GitHub
parent 84a41a4da8
commit 70a50fc70d
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
4 changed files with 75 additions and 82 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
client/src/components/settings/certification.tsx
View File

@ -399,6 +399,7 @@ function CertificationSettings(props: CertificationSettingsProps) {
block={true}
variant='primary'
href={certLocation}
data-playwright-test-label={`btn-for-${certSlug}`}
// This floating promise is acceptable
// eslint-disable-next-line @typescript-eslint/no-misused-promises
onClick={clickHandler}

40
cypress/e2e/default/settings/certifications.ts
View File

@ -1,40 +0,0 @@
import '@testing-library/cypress/add-commands';
describe('Settings certifications area', () => {
describe('initially', () => {
before(() => {
cy.task('seed');
cy.login();
});
it('Should render the default settings page', () => {
cy.visit('/settings');
cy.findAllByText('Claim Certification').should($btns => {
expect($btns).to.have.length(19);
});
cy.findByText('Show Certification').should('not.exist');
cy.contains(`I agree to freeCodeCamp's Academic Honesty Policy.`);
cy.contains('Claim Certification').click();
cy.contains(
'To claim a certification, you must first agree to our academic honesty policy'
);
});
});
describe('after isHonest', () => {
before(() => {
cy.task('seed');
cy.login();
});
it('Should update the user as they try to claim their certifications', () => {
cy.visit('/settings');
cy.contains(`I agree to freeCodeCamp's Academic Honesty Policy.`).click();
cy.contains('You have agreed to our Academic Honesty Policy.');
cy.contains('Claim Certification').click();
cy.contains(
'It looks like you have not completed the necessary steps. Please complete the required projects to claim the Responsive Web Design Certification'
);
});
});
});

74
e2e/academic-honesty.spec.ts Normal file
View File

@ -0,0 +1,74 @@
import { execSync } from 'child_process';
import { test, expect } from '@playwright/test';
import translations from '../client/i18n/locales/english/translations.json';
test.describe('When the user has not accepted the Academic Honesty Policy', () => {
test.use({ storageState: 'playwright/.auth/development-user.json' });
test.beforeEach(() => {
execSync('node ./tools/scripts/seed/seed-demo-user');
});
test('they should be able to accept it', async ({ page }) => {
await page.goto('/settings');
await expect(
page.getByRole('heading', {
name: translations.settings.headings.honesty
})
).toBeVisible();
await expect(
page.getByText(translations.settings.honesty.p1)
).toBeVisible();
await expect(
page.getByText(translations.settings.honesty.p2)
).toBeVisible();
await expect(
page.getByText(translations.settings.honesty.p3)
).toBeVisible();
await expect(
page.getByText(translations.settings.honesty.p4)
).toBeVisible();
await expect(
page.getByText(translations.settings.honesty.p5)
).toBeVisible();
await expect(
page.getByText(translations.settings.honesty.p6)
).toBeVisible();
const agreeButton = page.getByRole('button', {
name: translations.buttons['agree-honesty']
});
await agreeButton.click();
await expect(
page.getByRole('button', {
name: translations.buttons['accepted-honesty']
})
).toBeVisible();
});
test('Should show an error message', async ({ page }) => {
await page.goto('/settings#cert-responsive-web-design');
await page.getByTestId('btn-for-responsive-web-design').click();
await expect(page.getByTestId('flash-message')).toContainText(
translations.flash['honest-first']
);
const agreeButton = page.getByRole('button', {
name: translations.buttons['agree-honesty']
});
await agreeButton.click();
await page.reload();
await page.getByTestId('btn-for-responsive-web-design').click();
await expect(page.getByTestId('flash-message')).toContainText(
/It looks like you have not completed the necessary steps. Please complete the required projects to claim the Responsive Web Design Certification./
);
});
test.afterAll(() => {
execSync('node ./tools/scripts/seed/seed-demo-user certified-user');
});
});

42
e2e/settings.spec.ts
View File

@ -237,48 +237,6 @@ test.describe('Settings', () => {
).toBeVisible();
});
test('Should validate Academy Honesty Settings', async ({ page }) => {
await expect(
page.getByRole('heading', {
name: translations.settings.headings.honesty
})
).toBeVisible();
await expect(
page.getByTestId(settingsTestIds.camperIdentity)
).toBeVisible();
const saveButton = page.getByRole('button', {
name: translations.settings.headings['personal-info']
});
await expect(saveButton).toBeVisible();
await saveButton.press('Enter');
await expect(
page.getByText(translations.settings.honesty.p1)
).toBeVisible();
await expect(
page.getByText(translations.settings.honesty.p2)
).toBeVisible();
await expect(
page.getByText(translations.settings.honesty.p3)
).toBeVisible();
await expect(
page.getByText(translations.settings.honesty.p4)
).toBeVisible();
await expect(
page.getByText(translations.settings.honesty.p5)
).toBeVisible();
await expect(
page.getByText(translations.settings.honesty.p6)
).toBeVisible();
await expect(
page.getByText(
translations.settings.honesty.p7.replace(
settingsObject.supportEmailPlaceholder,
settingsObject.supportEmail
)
)
).toBeVisible();
});
test('Should validate Certification Settings', async ({ page }) => {
await expect(
page.getByRole('heading', {