chore(deps-dev): update cypress to v12 (#8889)

This update required changing the configuration
and test directory structure. Some tests needed
to be amended as well to compensate for new
Cypress APIs.

test/e2e-cypress/e2e/features/model-collapse.cy.js

@@ -0,0 +1,50 @@
+describe("Model collapse/expand feature", () => {
+  describe("in Swagger 2", () => {
+    const swagger2BaseUrl = "/?deepLinking=true&url=/documents/features/models.swagger.yaml"
+    const urlFragment = "#/definitions/Pet"
+    ModelCollapseTest(swagger2BaseUrl, urlFragment)
+  })
+  describe("in OpenAPI 3", () => {
+    const openAPI3BaseUrl = "/?deepLinking=true&url=/documents/features/models.openapi.yaml"
+    ModelCollapseTest(openAPI3BaseUrl)
+  })
+})
+
+function ModelCollapseTest(baseUrl, urlFragment) {
+  it("Models section should be expanded on load", () => {
+    cy.visit(baseUrl)
+    .get(".models")
+    .should("have.class", "is-open")
+    .get("#model-Pet")
+    .should("exist")
+  })
+
+  it("Models section should collapse and expand when toggled", () => {
+    cy.visit(baseUrl)
+    .get(".models h4 .models-control")
+    .click()
+    .get(".models")
+    .should("not.have.class", "is-open")
+    .get("#model-Order")
+    .should("not.exist")
+    .get(".models h4 .models-control")
+    .click()
+    .get(".models")
+    .should("have.class", "is-open")
+    .get("#model-Order")
+    .should("exist")
+  })
+
+  it("Model should collapse and expand when toggled clicking button", () => {
+    cy.visit(baseUrl)
+    .get("#model-User .model-box .model-box-control")
+    .click()
+    .get("#model-User .model-box .model .inner-object")
+    .should("exist")
+    .get("#model-User .model-box .model-box-control")
+    .first()
+    .click()
+    .get("#model-User .model-box .model .inner-object")
+    .should("not.exist")
+  })
+}