gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

test: check that JS projects can be submitted. (#43222)

Browse Source 
* test: check that JS projects can be submitted.

* refactor: remove stale workflow comments

* refactor: remove redundant build

* chore: update Cypress version in CI

* test: create separate electron-only workflow

* test: put data-cy on correct button

* test: drop mailhog from electron CI

Co-authored-by: Shaun Hamilton <shauhami020@gmail.com>

* refactor: update differences comment

* test: separate toggling from logging in

* test: check solutions can be viewed on cert

Co-authored-by: Shaun Hamilton <shauhami020@gmail.com>
This commit is contained in:
Oliver Eyton-Williams
2021-08-24 20:26:48 +02:00
committed by GitHub
parent 5371af7767
commit d161998acc
8 changed files with 185 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

87
cypress/integration/learn/challenges/projects.js
View File

@ -1,4 +1,10 @@
const projects = {
/* global cy */
const selectors = {
editor: '.react-monaco-editor-container'
};
const pythonProjects = {
superBlock: 'machine-learning-with-python',
block: 'machine-learning-with-python-projects',
challenges: [
@ -24,10 +30,14 @@ const projects = {
}
]
};
describe('project submission', () => {
beforeEach(() => {
cy.exec('npm run seed');
});
// NOTE: this will fail once challenge tests are added.
it('Should be possible to submit Python projects', () => {
const { superBlock, block, challenges } = projects;
const { superBlock, block, challenges } = pythonProjects;
challenges.forEach(({ slug }) => {
const url = `/learn/${superBlock}/${block}/${slug}`;
cy.visit(url);
@ -47,4 +57,77 @@ describe('project submission', () => {
// cy.url().should('not.have.string', url);
});
});
it(
'JavaScript projects can be submitted and then viewed in /settings and on the certifications',
{ browser: 'electron' },
() => {
cy.login();
cy.fixture('../../config/curriculum.json').then(curriculum => {
const { challenges, meta } =
curriculum['javascript-algorithms-and-data-structures'].blocks[
'javascript-algorithms-and-data-structures-projects'
];
const projectTitles = meta.challengeOrder.map(([, title]) => title);
const projectsInOrder = projectTitles.map(projectTitle => {
return challenges.find(({ title }) => title === projectTitle);
});
// We need to wait for everything to finish loading and hydrating, so we
// use this text as a proxy for that.
const textInNextPage = projectTitles.slice(1);
textInNextPage.push('Claim Your Certification');
projectsInOrder.forEach(
({ block, superBlock, dashedName, solutions }, i) => {
const url = `/learn/${superBlock}/${block}/${dashedName}`;
cy.visit(url);
solutions.forEach(files => {
files.forEach(({ contents }) => {
cy.get(selectors.editor).as('editor');
cy.get('@editor').click().focused().type('{ctrl+a}{del}');
// NOTE: clipboard operations are flaky in watch mode, because
// the document can lose focus
cy.window()
.its('navigator.clipboard')
.invoke('writeText', contents);
cy.document().invoke('execCommand', 'paste');
cy.contains('Run the Tests').click();
cy.contains('Submit and go to next challenge', {
timeout: 8000
}).click();
cy.contains(textInNextPage[i]);
});
});
}
);
cy.visit('/settings');
projectTitles.forEach(title => {
cy.get(`[data-cy="${title}"]`).click();
// TODO: if we write a test to check that the solution is visible
// before reloading, we should include that here.
cy.contains('Solution for');
cy.contains('Close').click();
});
// Claim and view solutions on certification page
cy.toggleAll();
cy.visit('/learn/javascript-algorithms-and-data-structures');
cy.contains('Claim Certification').click();
cy.contains('Show Certification').click();
projectTitles.forEach(title => {
cy.get(`[data-cy="${title} solution"]`).click();
// TODO: if we write a test to check that the solution is visible
// before reloading, we should include that here.
cy.contains('Solution for');
cy.contains('Close').click();
});
});
}
);
});