freeCodeCamp/cypress/e2e/default/learn/challenges/lower-jaw.ts

const outputLocation = {
  catApp:
    '/learn/2022/responsive-web-design/' +
    'learn-html-by-building-a-cat-photo-app/step-2'
};

describe('lower jaw', () => {
  before(() => {
    cy.visit(outputLocation.catApp);
  });

  it('Should show the quote when the code passes', () => {
    cy.visit(
      '/learn/2022/responsive-web-design/learn-html-by-building-a-cat-photo-app/step-2'
    );
    cy.get(`${'.react-monaco-editor-container'} textarea`, { timeout: 16000 })
      .click()
      .focused()
      .type('{downArrow}')
      .clear()
      .type('<h2>Cat Photos</h2>');
    cy.contains('Check Your Code (Ctrl + Enter)').click();
    cy.contains(
      'Congratulations, your code passes. Submit your code to continue.'
    );
    cy.get('#lowerjaw-quote p').should('not.be.empty');
  });

  it('Should not show the confetti when step code passes', () => {
    cy.visit(
      '/learn/2022/responsive-web-design/learn-html-by-building-a-cat-photo-app/step-2'
    );

    cy.get('canvas').then(canvases => {
      const currentCanvasCount = canvases.length;
      cy.get(`${'.react-monaco-editor-container'} textarea`, { timeout: 16000 })
        .click()
        .focused()
        .type('{downArrow}')
        .clear()
        .type('<h2>Cat Photos</h2>');
      cy.contains('Check Your Code (Ctrl + Enter)').click();
      cy.get('canvas').should('have.length', currentCanvasCount);
    });
  });
});