budibase/packages/builder/cypress/integration/templates/IT/ITTemplateDetails.spec.js

import filterTests from "../../../support/filterTests"

filterTests(["all"], () => {
  context("Verify IT Template Details", () => {

    before(() => {
      cy.login()

      // Template navigation
      cy.visit(`${Cypress.config().baseUrl}/builder/portal/apps/templates`)

      // Filter IT Templates
      cy.get(".template-category-filters").within(() => {
        cy.get('[data-cy="IT"]').click()
      })
    })

  it("should verify the details option for IT templates", () => {
    cy.get(".template-grid").find(".template-card").its('length')
    .then(len => {
        // Verify template name is within details link
      for (let i = 0; i < len; i++) {
        cy.get(".template-card").eq(i).within(() => {
          const templateName = cy.get(".template-thumbnail-text")
          templateName.invoke('text')
          .then(templateNameText => {
            const templateNameParsed = templateNameText.toLowerCase().replace(/\s+/g, '-')
            
            if (templateNameText == "Hashicorp Scorecard Template") {
                const templateNameSplit = templateNameParsed.split('-template')[0]
                cy.get('a')
                .should('have.attr', 'href').and('contain', templateNameSplit)
            }
            else if (templateNameText == "IT Ticketing System") {
                const templateNameSplit = templateNameParsed.split('it-')[1]
                cy.get('a')
                .should('have.attr', 'href').and('contain', templateNameSplit)
            }
            else if (templateNameText == "IT Incident Report Form") {
                const templateNameSplit = templateNameParsed.split('-form')[0]
                cy.get('a')
                .should('have.attr', 'href').and('contain', templateNameSplit)
            }
            else {
                cy.get('a').should('have.attr', 'href').and('contain', templateNameParsed)
            }
          })
          // Verify correct status from Details link - 200
          cy.get('a')
          .then(link => {
            cy.request(link.prop('href'))
            .its('status')
            .should('eq', 200)
          })
        })
      }
    })
  })
})
})