Test(Cypress): Add tests for the landing page and the navbar (#39459)

Co-authored-by: Ahmad Abdolsaheb <ahmad.abdolsaheb@gmail.com>
This commit is contained in:
Twaha Rahman
2020-09-04 22:27:21 +06:00
committed by GitHub
parent f3a82fe2f1
commit 3e3652a788
3 changed files with 97 additions and 8 deletions

View File

@ -7,16 +7,40 @@ const selectors = {
landingPageImage: '.landing-page-image'
};
describe('Landing page', function() {
it('renders', function() {
describe('Landing page', () => {
it('Should render', () => {
cy.visit('/');
cy.title().should('eq', 'Learn to code at home | freeCodeCamp.org');
cy.contains(selectors.heading, 'Learn to code at home.');
cy.contains(selectors.callToAction, "Get started (it's free)");
cy.get(selectors.callToAction).should('have.length', 2);
});
it('has a visible large image on large viewports', function() {
it('Has visible header and sub-header', () => {
cy.contains(selectors.heading, 'Learn to code at home.');
cy.contains('Build projects.').should('be.visible');
cy.contains('Earn certifications.').should('be.visible');
cy.contains(
'Since 2014, more than 40,000 freeCodeCamp.org ' +
'graduates have gotten jobs at tech companies including:'
).should('be.visible');
});
it('Has 5 brand logos', () => {
cy.get('.logo-row')
.children()
.its('length')
.should('eq', 5);
});
it('Has `as seens as` section', () => {
cy.contains('Build projects.').should('be.visible');
cy.get('.big-heading')
.siblings()
.get('svg');
});
it('Has a visible large image on large viewports', function() {
cy.viewport(1200, 660)
.get(selectors.landingPageImage)
.should('be.visible');
@ -26,13 +50,14 @@ describe('Landing page', function() {
.should('not.be.visible');
});
it('has 10 certifications', function() {
it('Has 10 certifications', function() {
cy.get(selectors.certifications)
.children()
.its('length')
.should('eq', 10);
});
it('has 3 testimonial cards', function() {
it('Has 3 testimonial cards', function() {
cy.get(selectors.testimonials)
.children()
.its('length')