fix(Models): use specPath for isShownKey to toggle models (#6200)

Co-authored-by: Tim Lai <timothy.lai@gmail.com>

test/e2e-cypress/static/documents/features/models.openapi.yaml

@@ -0,0 +1,93 @@
+openapi: "3.0.0"
+
+components:
+  schemas:
+    Order:
+      type: object
+      properties:
+        id:
+          type: integer
+          format: int64
+        petId:
+          type: integer
+          format: int64
+        quantity:
+          type: integer
+          format: int32
+        shipDate:
+          type: string
+          format: date-time
+        status:
+          type: string
+          description: Order Status
+          enum:
+            - placed
+            - approved
+            - delivered
+        complete:
+          type: boolean
+          default: false
+      xml:
+        name: Order    
+    User:
+      type: object
+      properties:
+        id:
+          type: integer
+          format: int64
+        username:
+          type: string
+        firstName:
+          type: string
+        lastName:
+          type: string
+        email:
+          type: string
+        password:
+          type: string
+        phone:
+          type: string
+        userStatus:
+          type: integer
+          format: int32
+          description: User Status
+      xml:
+        name: User    
+    Pet:
+      type: object
+      required:
+        - name
+        - photoUrls
+      properties:
+        id:
+          type: integer
+          format: int64
+        category:
+          $ref: '#/components/schemas/Category'
+        name:
+          type: string
+          example: doggie
+        photoUrls:
+          type: array
+          xml:
+            name: photoUrl
+            wrapped: true
+          items:
+            type: string
+        tags:
+          type: array
+          xml:
+            name: tag
+            wrapped: true
+          items:
+            $ref: '#/components/schemas/Tag'
+        status:
+          type: string
+          description: pet status in the store
+          enum:
+            - available
+            - pending
+            - sold
+      xml:
+        name: Pet
+    

test/e2e-cypress/static/documents/features/models.swagger.yaml

@@ -0,0 +1,92 @@
+swagger: "2.0"
+
+definitions:
+  Order:
+    type: object
+    properties:
+      id:
+        type: integer
+        format: int64
+      petId:
+        type: integer
+        format: int64
+      quantity:
+        type: integer
+        format: int32
+      shipDate:
+        type: string
+        format: date-time
+      status:
+        type: string
+        description: Order Status
+        enum:
+        - placed
+        - approved
+        - delivered
+      complete:
+        type: boolean
+        default: false
+    xml:
+      name: Order
+  User:
+    type: object
+    properties:
+      id:
+        type: integer
+        format: int64
+      username:
+        type: string
+      firstName:
+        type: string
+      lastName:
+        type: string
+      email:
+        type: string
+      password:
+        type: string
+      phone:
+        type: string
+      userStatus:
+        type: integer
+        format: int32
+        description: User Status
+    xml:
+      name: User  
+  Pet:
+    type: object
+    required:
+    - name
+    - photoUrls
+    properties:
+      id:
+        type: integer
+        format: int64
+      category:
+        $ref: '#/definitions/Category'
+      name:
+        type: string
+        example: doggie
+      photoUrls:
+        type: array
+        xml:
+          name: photoUrl
+          wrapped: true
+        items:
+          type: string
+      tags:
+        type: array
+        xml:
+          name: tag
+          wrapped: true
+        items:
+          $ref: '#/definitions/Tag'
+      status:
+        type: string
+        description: pet status in the store
+        enum:
+        - available
+        - pending
+        - sold
+    xml:
+      name: Pet
+  

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

@@ -0,0 +1,62 @@
+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")
+    .click()
+    .get(".models")
+    .should("not.have.class", "is-open")
+    .get("#model-Order")
+    .should("not.exist")
+    .get(".models h4")
+    .click()
+    .get(".models")
+    .should("have.class", "is-open")
+    .get("#model-Order")
+    .should("exist")
+  })
+
+  it("Model should collapse and expand when toggled clicking title", () => {
+    cy.visit(baseUrl)
+    .get("#model-User .model-box .pointer:nth-child(1)")
+    .click()
+    .get("#model-User .model-box .model .inner-object")
+    .should("exist")
+    .get("#model-User .model-box .pointer:nth-child(1)")
+    .click()
+    .get("#model-User .model-box .model .inner-object")
+    .should("not.exist")
+  })
+
+  it("Model should collapse and expand when toggled clicking arrow", () => {
+    cy.visit(baseUrl)
+    .get("#model-User .model-box .pointer:nth-child(2)")
+    .click()
+    .get("#model-User .model-box .model .inner-object")
+    .should("exist")
+    .get("#model-User .model-box .pointer:nth-child(2)")
+    .click()
+    .get("#model-User .model-box .model .inner-object")
+    .should("not.exist")
+  })
+}
+