Files
freeCodeCamp/cypress/e2e/default/learn/common-components/help-button.ts
Ahmad Abdolsaheb eb22bc0a82 feat: use component library's dropdown component in learn (#50465)
Co-authored-by: Sboonny <muhammed@freecodecamp.org>
Co-authored-by: Oliver Eyton-Williams <ojeytonwilliams@gmail.com>
Co-authored-by: Bruce Blaser <bbsmooth@gmail.com>
Co-authored-by: Naomi Carrigan <nhcarrigan@gmail.com>
2023-06-22 09:21:05 -05:00

41 lines
1.3 KiB
TypeScript

describe('Help Button', () => {
it('should be visible', () => {
cy.visit(
'/learn/responsive-web-design/basic-html-and-html5/say-hello-to-html-elements'
);
cy.get('#get-help-dropdown').scrollIntoView().should('be.visible');
});
it('should toggle the dropdown menu', () => {
cy.get('#get-help-dropdown').scrollIntoView().click();
cy.get('.tool-panel-group [role="menu"]')
.scrollIntoView()
.should('be.visible');
});
it('should render three links when video is available', () => {
cy.get('.tool-panel-group [role="menu"]')
.children()
.should('have.length', 3);
cy.get('.tool-panel-group [role="menu"]').within(() => {
cy.get('a').contains('Get a Hint');
cy.get('button').contains('Watch a Video');
cy.get('button').contains('Ask for Help');
});
});
it('should render two links when video is not available', () => {
cy.visit(
'/learn/front-end-development-libraries/bootstrap/apply-the-default-bootstrap-button-style'
);
cy.get('#get-help-dropdown').scrollIntoView().click();
cy.get('.tool-panel-group [role="menu"]')
.children()
.should('have.length', 2);
cy.get('.tool-panel-group [role="menu"]').within(() => {
cy.get('a').contains('Get a Hint');
cy.get('button').contains('Ask for Help');
});
});
});