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

feat(Cypress): Add e2e tests for /learn (#39580)

Browse Source 
Co-authored-by: Oliver Eyton-Williams <ojeytonwilliams@gmail.com>
This commit is contained in:
Twaha Rahman
2020-09-17 16:52:37 +06:00
committed by GitHub
parent 585c88f01d
commit 206c5994b7
1 changed files with 87 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

101
cypress/integration/learn/index.js
View File

@ -9,21 +9,21 @@ const locations = {
};
const superBlockNames = [
'Responsive Web Design',
'JavaScript Algorithms and Data Structures',
'Front End Libraries',
'Data Visualization',
'APIs and Microservices',
'Quality Assurance',
'Scientific Computing with Python',
'Data Analysis with Python',
'Information Security',
'Machine Learning with Python',
'Coding Interview Prep'
'Responsive Web Design Certification',
'JavaScript Algorithms and Data Structures Certification',
'Front End Libraries Certification',
'Data Visualization Certification',
'APIs and Microservices Certification',
'Quality Assurance Certification',
'Scientific Computing with Python Certification',
'Data Analysis with Python Certification',
'Information Security Certification',
'Machine Learning with Python Certification',
'Coding Interview Prep (Thousands of hours of challenges)'
];
describe('Learn Landing page', function() {
it('renders', () => {
describe('Learn Landing page (not logged in)', () => {
it('Should render', () => {
cy.visit(locations.index);
cy.title().should('eq', 'Learn to code at home | freeCodeCamp.org');
@ -35,7 +35,7 @@ describe('Learn Landing page', function() {
cy.contains('h1', "Welcome to freeCodeCamp's curriculum.");
});
it('renders a curriuculum map', () => {
it('Should render a curriculum map', () => {
cy.document().then(document => {
const superBlocks = document.querySelectorAll(
`${selectors.challengeMap} > ul > li`
@ -48,3 +48,76 @@ describe('Learn Landing page', function() {
});
});
});
describe('Quotes', () => {
beforeEach(() => {
cy.visit('/');
cy.contains("Get started (it's free)").click({ force: true });
});
it('Should show a quote', () => {
cy.get('blockquote').within(() => {
cy.get('q').should('be.visible');
});
});
it('Should show quote author', () => {
cy.get('blockquote').within(() => {
cy.get('cite').should('be.visible');
});
});
});
describe('Superblocks and Blocks', () => {
beforeEach(() => {
cy.visit('/');
cy.contains("Get started (it's free)").click({ force: true });
});
it('Has first superblock and block collapsed by default', () => {
cy.contains(superBlockNames[0])
.should('be.visible')
.and('have.attr', 'aria-expanded', 'true');
cy.contains('Basic HTML and HTML5')
.should('be.visible')
.and('have.attr', 'aria-expanded', 'true');
});
it('Has all supeblocks visible but folded (excluding the first one)', () => {
cy.wrap(superBlockNames.slice(1)).each(name => {
cy.contains(name)
.should('be.visible')
.and('have.attr', 'aria-expanded', 'false');
});
});
it('Superblocks should be collapsable and foldable', () => {
cy.contains(superBlockNames[0])
.click({
force: true
})
.should('have.attr', 'aria-expanded', 'false');
cy.contains('Basic HTML and HTML5').should('not.be.visible');
cy.contains(superBlockNames[0])
.click({
force: true
})
.should('have.attr', 'aria-expanded', 'true');
cy.contains('Basic HTML and HTML5').should('be.visible');
});
it('Blocks should be collapsable and foldable', () => {
cy.contains('Basic HTML and HTML5')
.click({ force: true })
.should('have.attr', 'aria-expanded', 'false');
cy.contains('Introduction to Basic HTML and HTML5').should(
'not.be.visible'
);
cy.contains('Basic HTML and HTML5')
.click({ force: true })
.should('have.attr', 'aria-expanded', 'true');
cy.contains('Introduction to Basic HTML and HTML5').should('be.visible');
});
});