fix: expand model if depth <= defaultModelExpandDepth (#8186)

src/core/components/primitive-model.jsx

@@ -50,7 +50,7 @@ export default class Primitive extends Component {
       </span>
 
     return <span className="model">
-      <ModelCollapse title={titleEl} expanded={depth >= expandDepth} collapsedContent=" " hideSelfOnExpand={expandDepth !== depth}>
+      <ModelCollapse title={titleEl} expanded={depth <= expandDepth} collapsedContent="[...]" hideSelfOnExpand={expandDepth !== depth}>
         <span className="prop">
           {name && depth > 1 && <span className="prop-name">{title}</span>}
           <span className="prop-type">{type}</span>

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

@@ -42,6 +42,7 @@ function ModelCollapseTest(baseUrl, urlFragment) {
     .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")

test/e2e-cypress/tests/features/spec-parse-to-json.js

@@ -15,9 +15,17 @@ describe("Parse YAML as YAML@1.2 with json_schema for all JSON-supported types",
       // Responses -> schema tab
       .get(".model-example > .tab > :nth-child(2)")
       .click()
-      .get(":nth-child(1) > :nth-child(2) > .model > :nth-child(1) > .prop > .property") // first element, without-quotes
+      .get(":nth-child(1) > :nth-child(2) > .model > :nth-child(1)")
+      .click()
+      .get(
+        ":nth-child(1) > :nth-child(2) > .model > :nth-child(1) > .prop > .property"
+      ) // first element, without-quotes
       .should("have.text", "example: 1999-11-31")
-      .get(":nth-child(2) > :nth-child(2) > .model > :nth-child(1) > .prop > .property") // second element, with quotes
+      .get(":nth-child(2) > :nth-child(2) > .model > :nth-child(1)")
+      .click()
+      .get(
+        ":nth-child(2) > :nth-child(2) > .model > :nth-child(1) > .prop > .property"
+      ) // second element, with quotes
       .should("have.text", "example: 1999-12-31")
   })
 })