describe('template spec', () => {
  it('passes', () => {
    cy.viewport(1920, 1080)
    cy.visit('https://www.berufsbildung-vs.ch/')
    cy.get('#nav-21').find('a[href="https://www.berufsbildung-vs.ch/berufslehre"]').click()
    cy.get('#listing_search_input_49').type('Informatik')
    cy.get('input[type="submit"][name="submitter"]').click()
    const informatikElement = cy.get('.listing-entry-inline').contains('Informatiker/in EFZ (EMVs)').parents('.listing-entry-inline')   
    informatikElement.invoke('css', 'background-color', 'yellow')
    informatikElement.should('exist')
    informatikElement.click()

    // the element after <h3>Übersicht 4-jährige Ausbildung</h3> should contain an element with class="resource picture picture_content"
    cy.get('h3:contains("Übersicht 4-jährige Ausbildung")').next().find('.resource.picture.picture_content').find('img').should('exist')
    cy.contains('Voraussetzungen').should('exist')
    cy.contains('Anmeldung').should('exist')
    cy.contains('Schnuppertage').should('exist')
  })
})