fix: nerf property access to better support Editor test harness

This reverts commit 5ea2150ae7.

.babelrc

@@ -18,10 +18,6 @@
           "expose": "components",
           "src": "src/core/components"
         },
-        {
-          "expose": "containers",
-          "src": "src/core/containers"
-        },
         {
           "expose": "core",
           "src": "src/core"

Dockerfile

@@ -4,7 +4,7 @@ LABEL maintainer="fehguy"
 
 ENV VERSION "v2.2.10"
 ENV FOLDER "swagger-ui-2.2.10"
-ENV API_URL "https://petstore.swagger.io/v2/swagger.json"
+ENV API_URL "http://petstore.swagger.io/v2/swagger.json"
 ENV API_URLS ""
 ENV API_KEY "**None**"
 ENV OAUTH_CLIENT_ID "**None**"

README.md

@@ -20,7 +20,7 @@ The OpenAPI Specification has undergone 5 revisions since initial creation in 20
 
 Swagger UI Version | Release Date | OpenAPI Spec compatibility | Notes
 ------------------ | ------------ | -------------------------- | -----
-3.17.1 | 2018-06-16 | 2.0, 3.0 | [tag v3.17.1](https://github.com/swagger-api/swagger-ui/tree/v3.17.1)
+3.17.0 | 2018-05-26 | 2.0, 3.0 | [tag v3.17.0](https://github.com/swagger-api/swagger-ui/tree/v3.17.0)
 3.0.21 | 2017-07-26 | 2.0 | [tag v3.0.21](https://github.com/swagger-api/swagger-ui/tree/v3.0.21)
 2.2.10 | 2017-01-04 | 1.1, 1.2, 2.0 | [tag v2.2.10](https://github.com/swagger-api/swagger-ui/tree/v2.2.10)
 2.1.5 | 2016-07-20 | 1.1, 1.2, 2.0 | [tag v2.1.5](https://github.com/swagger-api/swagger-ui/tree/v2.1.5)

dev-helpers/index.html

@@ -43,7 +43,7 @@
       window["SwaggerUIStandalonePreset"] = window["swagger-ui-standalone-preset"]
       // Build a system
       const ui = SwaggerUIBundle({
-        url: "https://petstore.swagger.io/v2/swagger.json",
+        url: "http://petstore.swagger.io/v2/swagger.json",
         dom_id: '#swagger-ui',
         presets: [
           SwaggerUIBundle.presets.apis,

dist/index.html

@@ -41,7 +41,7 @@
 
       // Build a system
       const ui = SwaggerUIBundle({
-        url: "https://petstore.swagger.io/v2/swagger.json",
+        url: "http://petstore.swagger.io/v2/swagger.json",
         dom_id: '#swagger-ui',
         deepLinking: true,
         presets: [

docker-run.sh

@@ -38,10 +38,10 @@ fi
 if [[ -f $SWAGGER_JSON ]]; then
   cp -s $SWAGGER_JSON $NGINX_ROOT
   REL_PATH="./$(basename $SWAGGER_JSON)"
-  sed -i "s|https://petstore.swagger.io/v2/swagger.json|$REL_PATH|g" $INDEX_FILE
+  sed -i "s|http://petstore.swagger.io/v2/swagger.json|$REL_PATH|g" $INDEX_FILE
   sed -i "s|http://example.com/api|$REL_PATH|g" $INDEX_FILE
 else
-  sed -i "s|https://petstore.swagger.io/v2/swagger.json|$API_URL|g" $INDEX_FILE
+  sed -i "s|http://petstore.swagger.io/v2/swagger.json|$API_URL|g" $INDEX_FILE
   sed -i "s|http://example.com/api|$API_URL|g" $INDEX_FILE
 fi
 
@@ -59,7 +59,7 @@ if [[ -n "$API_URLS" ]]; then
 fi
 
 # replace the PORT that nginx listens on if PORT is supplied
-if [[ -n "${PORT}" ]]; then
+if [[ -n "${PORT}" ]]; then 
     sed -i "s|8080|${PORT}|g" /etc/nginx/nginx.conf
 fi
 

docs/customization/custom-layout.md

@@ -40,7 +40,7 @@ const OperationsLayoutPlugin = () => {
 // Provide the plugin to Swagger-UI, and select OperationsLayout
 // as the layout for Swagger-UI
 SwaggerUI({
-  url: "https://petstore.swagger.io/v2/swagger.json",
+  url: "http://petstore.swagger.io/v2/swagger.json",
   plugins: [ OperationsLayoutPlugin ],
   layout: "OperationsLayout"
 })
@@ -85,7 +85,7 @@ const AugmentingLayoutPlugin = () => {
 // Provide the plugin to Swagger-UI, and select AugmentingLayout
 // as the layout for Swagger-UI
 SwaggerUI({
-  url: "https://petstore.swagger.io/v2/swagger.json",
+  url: "http://petstore.swagger.io/v2/swagger.json",
   plugins: [ AugmentingLayoutPlugin ],
   layout: "AugmentingLayout"
 })

docs/development/scripts.md

@@ -17,7 +17,7 @@ Script name | Description
 --- | ---
 `build` | Build a new set of JS and CSS assets, and output them to `/dist`.
 `build-bundle` | Build `swagger-ui-bundle.js` only.
-`build-core` | Build `swagger-ui.(js\|css)` only.
+`build-core` | Build `swagger-ui.(js|css)` only.
 `build-standalone` | Build `swagger-ui-standalone-preset.js` only.
 
 ### Testing

docs/usage/cors.md

@@ -21,7 +21,7 @@ You can verify CORS support with one of three techniques:
 - Curl your API and inspect the headers.  For instance:
 
 ```bash
-$ curl -I "https://petstore.swagger.io/v2/swagger.json"
+$ curl -I "http://petstore.swagger.io/v2/swagger.json"
 HTTP/1.1 200 OK
 Date: Sat, 31 Jan 2015 23:05:44 GMT
 Access-Control-Allow-Origin: *

docs/usage/installation.md

@@ -44,7 +44,7 @@ you could do something like this:
 var SwaggerUIBundle = require('swagger-ui-dist').SwaggerUIBundle
 
 const ui = SwaggerUIBundle({
-    url: "https://petstore.swagger.io/v2/swagger.json",
+    url: "http://petstore.swagger.io/v2/swagger.json",
     dom_id: '#swagger-ui',
     presets: [
       SwaggerUIBundle.presets.apis,

package.json

@@ -1,6 +1,6 @@
 {
   "name": "swagger-ui",
-  "version": "3.17.1",
+  "version": "3.17.0",
   "main": "dist/swagger-ui.js",
   "repository": "git@github.com:swagger-api/swagger-ui.git",
   "contributors": [

src/core/components/layouts/base.jsx

@@ -6,35 +6,67 @@ export default class BaseLayout extends React.Component {
   static propTypes = {
     errSelectors: PropTypes.object.isRequired,
     errActions: PropTypes.object.isRequired,
+    specActions: PropTypes.object.isRequired,
     specSelectors: PropTypes.object.isRequired,
     oas3Selectors: PropTypes.object.isRequired,
     oas3Actions: PropTypes.object.isRequired,
+    layoutSelectors: PropTypes.object.isRequired,
+    layoutActions: PropTypes.object.isRequired,
     getComponent: PropTypes.func.isRequired
   }
 
+  onFilterChange =(e) => {
+    let {target: {value}} = e
+    this.props.layoutActions.updateFilter(value)
+  }
+
   render() {
-    let {specSelectors, getComponent} = this.props
+    let {
+      specSelectors,
+      specActions,
+      getComponent,
+      layoutSelectors,
+      oas3Selectors,
+      oas3Actions
+    } = this.props
+
+    let info = specSelectors.info()
+    let url = specSelectors.url()
+    let basePath = specSelectors.basePath()
+    let host = specSelectors.host()
+    let securityDefinitions = specSelectors.securityDefinitions()
+    let externalDocs = specSelectors.externalDocs()
+    let schemes = specSelectors.schemes()
+    let servers = specSelectors.servers()
 
     let SvgAssets = getComponent("SvgAssets")
-    let InfoContainer = getComponent("InfoContainer", true)
     let VersionPragmaFilter = getComponent("VersionPragmaFilter")
+    let Info = getComponent("info")
     let Operations = getComponent("operations", true)
     let Models = getComponent("Models", true)
+    let AuthorizeBtn = getComponent("authorizeBtn", true)
     let Row = getComponent("Row")
     let Col = getComponent("Col")
-    let ServersContainer = getComponent("ServersContainer", true)
+    let Servers = getComponent("Servers")
     let Errors = getComponent("errors", true)
 
-    const SchemesContainer = getComponent("SchemesContainer", true)
-    const FilterContainer = getComponent("FilterContainer", true)
     let isSwagger2 = specSelectors.isSwagger2()
     let isOAS3 = specSelectors.isOAS3()
 
+    let isLoading = specSelectors.loadingStatus() === "loading"
+    let isFailed = specSelectors.loadingStatus() === "failed"
+    let filter = layoutSelectors.currentFilter()
+
+    let inputStyle = {}
+    if(isFailed) inputStyle.color = "red"
+    if(isLoading) inputStyle.color = "#aaa"
+
+    const Schemes = getComponent("schemes")
+
     const isSpecEmpty = !specSelectors.specStr()
 
     if(isSpecEmpty) {
       let loadingMessage
-      let isLoading = specSelectors.loadingStatus() === "loading"
       if(isLoading) {
         loadingMessage = <div className="loading"></div>
       } else {
@@ -56,15 +88,53 @@ export default class BaseLayout extends React.Component {
             <Errors/>
             <Row className="information-container">
               <Col mobile={12}>
-                <InfoContainer/>
+                { info.count() ? (
+                  <Info info={ info } url={ url } host={ host } basePath={ basePath } externalDocs={externalDocs} getComponent={getComponent}/>
+                ) : null }
               </Col>
             </Row>
+            { schemes && schemes.size || securityDefinitions ? (
+              <div className="scheme-container">
+                <Col className="schemes wrapper" mobile={12}>
+                  { schemes && schemes.size ? (
+                    <Schemes
+                      currentScheme={specSelectors.operationScheme()}
+                      schemes={ schemes }
+                      specActions={ specActions } />
+                  ) : null }
 
-            <SchemesContainer/>
+                  { securityDefinitions ? (
+                    <AuthorizeBtn />
+                  ) : null }
+                </Col>
+              </div>
+            ) : null }
 
-            <ServersContainer/>
+            { servers && servers.size ? (
+              <div className="global-server-container">
+                <Col className="servers wrapper" mobile={12}>
+                  <span className="servers-title">Server</span>
+                  <Servers
+                    servers={servers}
+                    currentServer={oas3Selectors.selectedServer()}
+                    setSelectedServer={oas3Actions.setSelectedServer}
+                    setServerVariableValue={oas3Actions.setServerVariableValue}
+                    getServerVariable={oas3Selectors.serverVariableValue}
+                    getEffectiveServerValue={oas3Selectors.serverEffectiveValue}
+                    />
+                </Col>
+              </div>
 
-            <FilterContainer/>
+            ) : null}
+
+            {
+              filter === null || filter === false ? null :
+                <div className="filter-container">
+                  <Col className="filter wrapper" mobile={12}>
+                    <input className="operation-filter-input" placeholder="Filter by tag" type="text" onChange={this.onFilterChange} value={filter === true || filter === "true" ? "" : filter} disabled={isLoading} style={inputStyle} />
+                  </Col>
+                </div>
+            }
 
             <Row>
               <Col mobile={12} desktop={12} >

src/core/containers/filter.jsx

@@ -1,44 +0,0 @@
-import React from "react"
-import PropTypes from "prop-types"
-
-export default class FilterContainer extends React.Component {
-
-  static propTypes = {
-    specSelectors: PropTypes.object.isRequired,
-    layoutSelectors: PropTypes.object.isRequired,
-    layoutActions: PropTypes.object.isRequired,
-    getComponent: PropTypes.func.isRequired,
-  }
-
-  onFilterChange = (e) => {
-    const {target: {value}} = e
-    this.props.layoutActions.updateFilter(value)
-  }
-
-  render () {
-    const {specSelectors, layoutSelectors, getComponent} = this.props
-    const Col = getComponent("Col")
-
-    const isLoading = specSelectors.loadingStatus() === "loading"
-    const isFailed = specSelectors.loadingStatus() === "failed"
-    const filter = layoutSelectors.currentFilter()
-
-    const inputStyle = {}
-    if (isFailed) inputStyle.color = "red"
-    if (isLoading) inputStyle.color = "#aaa"
-
-    return (
-      <div>
-        {filter === null || filter === false ? null :
-          <div className="filter-container">
-            <Col className="filter wrapper" mobile={12}>
-              <input className="operation-filter-input" placeholder="Filter by tag" type="text"
-                     onChange={this.onFilterChange} value={filter === true || filter === "true" ? "" : filter}
-                     disabled={isLoading} style={inputStyle}/>
-            </Col>
-          </div>
-        }
-      </div>
-    )
-  }
-}

src/core/containers/info.jsx

@@ -1,32 +0,0 @@
-import React from "react"
-import PropTypes from "prop-types"
-
-export default class InfoContainer extends React.Component {
-
-  static propTypes = {
-    specActions: PropTypes.object.isRequired,
-    specSelectors: PropTypes.object.isRequired,
-    getComponent: PropTypes.func.isRequired,
-  }
-
-  render () {
-    const {specSelectors, getComponent} = this.props
-
-    const info = specSelectors.info()
-    const url = specSelectors.url()
-    const basePath = specSelectors.basePath()
-    const host = specSelectors.host()
-    const externalDocs = specSelectors.externalDocs()
-
-    const Info = getComponent("info")
-
-    return (
-      <div>
-        {info && info.count() ? (
-          <Info info={info} url={url} host={host} basePath={basePath} externalDocs={externalDocs}
-                getComponent={getComponent}/>
-        ) : null}
-      </div>
-    )
-  }
-}

src/core/containers/schemes.jsx

@@ -1,43 +0,0 @@
-import React from "react"
-import PropTypes from "prop-types"
-
-export default class SchemesContainer extends React.Component {
-
-  static propTypes = {
-    specActions: PropTypes.object.isRequired,
-    specSelectors: PropTypes.object.isRequired,
-    getComponent: PropTypes.func.isRequired,
-  }
-
-  render () {
-    const {specActions, specSelectors, getComponent} = this.props
-    const currentScheme = specSelectors.operationScheme()
-    const schemes = specSelectors.schemes()
-    const securityDefinitions = specSelectors.securityDefinitions()
-
-    const Col = getComponent("Col")
-    const AuthorizeBtn = getComponent("authorizeBtn", true)
-    const Schemes = getComponent("schemes")
-
-    return (
-      <div>
-        {schemes && schemes.size || securityDefinitions ? (
-          <div className="scheme-container">
-            <Col className="schemes wrapper" mobile={12}>
-              {schemes && schemes.size ? (
-                <Schemes
-                  currentScheme={currentScheme}
-                  schemes={schemes}
-                  specActions={specActions}
-                />
-              ) : null}
-              {securityDefinitions ? (
-                <AuthorizeBtn/>
-              ) : null}
-            </Col>
-          </div>
-        ) : null}
-      </div>
-    )
-  }
-}

src/core/index.js

@@ -131,6 +131,9 @@ module.exports = function SwaggerUI(opts) {
   var system = store.getSystem()
 
   const downloadSpec = (fetchedConfig) => {
+      if(typeof constructorConfig !== "object") {
+        return system
+      }
     let localConfig = system.specSelectors.getLocalConfig ? system.specSelectors.getLocalConfig() : {}
     let mergedConfig = deepExtend({}, localConfig, constructorConfig, fetchedConfig || {}, queryConfig)
 
@@ -140,7 +143,10 @@ module.exports = function SwaggerUI(opts) {
     }
 
     store.setConfigs(mergedConfig)
-    system.configsActions.loaded()
+
+    if(system.configsActions) {
+      system.configsActions.loaded()
+    }
 
     if (fetchedConfig !== null) {
       if (!queryConfig.url && typeof mergedConfig.spec === "object" && Object.keys(mergedConfig.spec).length) {

src/core/plugins/oas3/components/index.js

@@ -2,7 +2,6 @@ import Callbacks from "./callbacks"
 import RequestBody from "./request-body"
 import OperationLink from "./operation-link.jsx"
 import Servers from "./servers"
-import ServersContainer from "./servers-container"
 import RequestBodyEditor from "./request-body-editor"
 import HttpAuth from "./http-auth"
 import OperationServers from "./operation-servers"
@@ -12,7 +11,6 @@ export default {
   HttpAuth,
   RequestBody,
   Servers,
-  ServersContainer,
   RequestBodyEditor,
   OperationServers,
   operationLink: OperationLink

src/core/plugins/oas3/components/servers-container.jsx

@@ -1,42 +0,0 @@
-import React from "react"
-import PropTypes from "prop-types"
-
-export default class ServersContainer extends React.Component {
-
-  static propTypes = {
-    specSelectors: PropTypes.object.isRequired,
-    oas3Selectors: PropTypes.object.isRequired,
-    oas3Actions: PropTypes.object.isRequired,
-    getComponent: PropTypes.func.isRequired,
-  }
-
-  render () {
-    const {specSelectors, oas3Selectors, oas3Actions, getComponent} = this.props
-
-    const servers = specSelectors.servers()
-
-    const Col = getComponent("Col")
-    const Servers = getComponent("Servers")
-
-    return (
-      <div>
-        {servers && servers.size ? (
-          <div className="global-server-container">
-            <Col className="servers wrapper" mobile={12}>
-              <span className="servers-title">Server</span>
-              <Servers
-                servers={servers}
-                currentServer={oas3Selectors.selectedServer()}
-                setSelectedServer={oas3Actions.setSelectedServer}
-                setServerVariableValue={oas3Actions.setServerVariableValue}
-                getServerVariable={oas3Selectors.serverVariableValue}
-                getEffectiveServerValue={oas3Selectors.serverEffectiveValue}
-              />
-            </Col>
-          </div>
-
-        ) : null}
-      </div>
-    )
-  }
-}

src/core/plugins/spec/wrap-actions.js

@@ -12,7 +12,7 @@ export const updateJsonSpec = (ori, {specActions}) => (...args) => {
 
   // Trigger resolution of any path-level $refs.
   const [json] = args
-  const pathItems = get(json, ["paths"])
+  const pathItems = get(json, ["paths"]) || {}
   const pathItemKeys = Object.keys(pathItems)
 
   pathItemKeys.forEach(k => {

src/core/presets/base.js

@@ -51,13 +51,10 @@ import Info, {
   InfoUrl,
   InfoBasePath
 } from "core/components/info"
-import InfoContainer from "core/containers/info"
 import Footer from "core/components/footer"
-import FilterContainer from "core/containers/filter"
 import ParamBody from "core/components/param-body"
 import Curl from "core/components/curl"
 import Schemes from "core/components/schemes"
-import SchemesContainer from "core/containers/schemes"
 import ModelCollapse from "core/components/model-collapse"
 import ModelExample from "core/components/model-example"
 import ModelWrapper from "core/components/model-wrapper"
@@ -98,7 +95,6 @@ export default function() {
       clear: Clear,
       liveResponse: LiveResponse,
       info: Info,
-      InfoContainer,
       onlineValidatorBadge: OnlineValidatorBadge,
       operations: Operations,
       operation: Operation,
@@ -114,11 +110,9 @@ export default function() {
       contentType: ContentType,
       overview: Overview,
       footer: Footer,
-      FilterContainer,
       ParamBody: ParamBody,
       curl: Curl,
       schemes: Schemes,
-      SchemesContainer,
       modelExample: ModelExample,
       ModelWrapper,
       ModelCollapse,

src/core/utils.js

@@ -37,7 +37,7 @@ export function objectify (thing) {
   if(!isObject(thing))
     return {}
   if(isImmutable(thing))
-    return thing.toJS()
+    return thing.toObject()
   return thing
 }
 

src/plugins/add-plugin.md

@@ -28,7 +28,7 @@ Here is an example of each `type`
 ```js
 // A contrived, but quite full example....
 
-export function SomePlugin(toolbox) {
+export function SomePlugin( toolbox ) {
 
   const UPDATE_SOMETHING = "some_namespace_update_something" // strings just need to be uniuqe... see below
 

swagger-config.yaml

@@ -1,5 +1,5 @@
 ---
-url: "https://petstore.swagger.io/v2/swagger.json"
+url: "http://petstore.swagger.io/v2/swagger.json"
 dom_id: "#swagger-ui"
 validatorUrl: "https://online.swagger.io/validator"
 oauth2RedirectUrl: "http://localhost:3200/oauth2-redirect.html"

test/components/filter.js

@@ -1,65 +0,0 @@
-
-/* eslint-env mocha */
-import React from "react"
-import expect from "expect"
-import { mount } from "enzyme"
-import FilterContainer from "containers/filter"
-import { Col } from "components/layout-utils"
-
-describe("<FilterContainer/>", function(){
-
-  const mockedProps = {
-    specSelectors: {
-      loadingStatus() {}
-    },
-    layoutSelectors: {
-      currentFilter() {}
-    },
-    getComponent: () => {return Col}
-  }
-
-  it("renders FilterContainer if filter is provided", function(){
-
-    // Given
-    let props = {...mockedProps}
-    props.layoutSelectors = {...mockedProps.specSelectors}
-    props.layoutSelectors.currentFilter = function() {return true}
-
-    // When
-    let wrapper = mount(<FilterContainer {...props}/>)
-
-    // Then
-    const renderedColInsideFilter = wrapper.find(Col)
-    expect(renderedColInsideFilter.length).toEqual(1)
-  })
-
-  it("does not render FilterContainer if filter is null", function(){
-
-    // Given
-    let props = {...mockedProps}
-    props.layoutSelectors = {...mockedProps.specSelectors}
-    props.layoutSelectors.currentFilter = function() {return null}
-
-    // When
-    let wrapper = mount(<FilterContainer {...props}/>)
-
-    // Then
-    const renderedColInsideFilter = wrapper.find(Col)
-    expect(renderedColInsideFilter.length).toEqual(0)
-  })
-
-  it("does not render FilterContainer if filter is false", function(){
-
-    // Given
-    let props = {...mockedProps}
-    props.layoutSelectors = {...mockedProps.specSelectors}
-    props.layoutSelectors.currentFilter = function() {return false}
-
-    // When
-    let wrapper = mount(<FilterContainer {...props}/>)
-
-    // Then
-    const renderedColInsideFilter = wrapper.find(Col)
-    expect(renderedColInsideFilter.length).toEqual(0)
-  })
-})

test/components/info-wrapper.js

@@ -1,67 +0,0 @@
-
-/* eslint-env mocha */
-import React from "react"
-import expect from "expect"
-import { mount } from "enzyme"
-import { fromJS } from "immutable"
-import InfoContainer from "containers/info"
-
-describe("<InfoContainer/>", function () {
-
-  const components = {
-    info: () => <span className="mocked-info"/>
-  }
-  const mockedProps = {
-    specSelectors: {
-      info () {},
-      url () {},
-      basePath () {},
-      host () {},
-      externalDocs () {}
-    },
-    getComponent: c => components[c]
-  }
-
-  it("renders Info inside InfoContainer if info is provided", function () {
-
-    // Given
-    let props = {...mockedProps}
-    props.specSelectors = {...mockedProps.specSelectors}
-    props.specSelectors.info = function () {return fromJS(["info1", "info2"])}
-
-    // When
-    let wrapper = mount(<InfoContainer {...props}/>)
-
-    // Then
-    const renderedInfo = wrapper.find("span.mocked-info")
-    expect(renderedInfo.length).toEqual(1)
-  })
-
-  it("does not render Info inside InfoContainer if no info is provided", function () {
-
-    // Given
-    let props = {...mockedProps}
-    props.specSelectors = {...mockedProps.specSelectors}
-    props.specSelectors.info = function () {return fromJS([])}
-
-    // When
-    let wrapper = mount(<InfoContainer {...props}/>)
-
-    // Then
-    const renderedInfo = wrapper.find("span.mocked-info")
-    expect(renderedInfo.length).toEqual(0)
-  })
-
-  it("does not render Info inside InfoContainer if info is undefined", function () {
-
-    // Given
-    let props = {...mockedProps}
-
-    // When
-    let wrapper = mount(<InfoContainer {...props}/>)
-
-    // Then
-    const renderedInfo = wrapper.find("span.mocked-info")
-    expect(renderedInfo.length).toEqual(0)
-  })
-})

test/components/schemes-wrapper.js

@@ -1,119 +0,0 @@
-
-/* eslint-env mocha */
-import React from "react"
-import expect from "expect"
-import { mount, render } from "enzyme"
-import { fromJS } from "immutable"
-import SchemesContainer from "containers/schemes"
-import Schemes from "components/schemes"
-import { Col } from "components/layout-utils"
-
-describe("<SchemesContainer/>", function(){
-
-  const components = {
-    schemes: Schemes,
-    Col,
-    authorizeBtn: () => <span className="mocked-button" id="mocked-button" />
-  }
-  const mockedProps = {
-    specSelectors: {
-      securityDefinitions() {},
-      operationScheme() {},
-      schemes() {}
-    },
-    specActions: {
-      setScheme() {}
-    },
-    getComponent: c => components[c]
-  }
-  const twoSecurityDefinitions = {
-    "petstore_auth": {
-      "type": "oauth2",
-      "authorizationUrl": "http://petstore.swagger.io/oauth/dialog",
-      "flow": "implicit",
-      "scopes": {
-        "write:pets": "modify pets in your account",
-        "read:pets": "read your pets"
-      }
-    },
-    "api_key": {
-      "type": "apiKey",
-      "name": "api_key",
-      "in": "header"
-    }
-  }
-
-  it("renders Schemes inside SchemesContainer if schemes are provided", function(){
-
-    // Given
-    let props = {...mockedProps}
-    props.specSelectors = {...mockedProps.specSelectors}
-    props.specSelectors.operationScheme = function() {return "http"}
-    props.specSelectors.schemes = function() {return fromJS(["http", "https"])}
-
-    // When
-    let wrapper = mount(<SchemesContainer {...props}/>)
-
-    // Then
-    const renderedSchemes = wrapper.find(Schemes)
-    expect(renderedSchemes.length).toEqual(1)
-  })
-
-  it("does not render Schemes inside SchemeWrapper if empty array of schemes is provided", function(){
-
-    // Given
-    let props = {...mockedProps}
-    props.specSelectors = {...mockedProps.specSelectors}
-    props.specSelectors.schemes = function() {return fromJS([])}
-
-    // When
-    let wrapper = mount(<SchemesContainer {...props}/>)
-
-    // Then
-    const renderedSchemes = wrapper.find(Schemes)
-    expect(renderedSchemes.length).toEqual(0)
-  })
-
-  it("does not render Schemes inside SchemeWrapper if provided schemes are undefined", function(){
-
-    // Given
-    let props = {...mockedProps}
-    props.specSelectors = {...mockedProps.specSelectors}
-    props.specSelectors.schemes = function() {return undefined}
-
-    // When
-    let wrapper = mount(<SchemesContainer {...props}/>)
-
-    // Then
-    const renderedSchemes = wrapper.find(Schemes)
-    expect(renderedSchemes.length).toEqual(0)
-  })
-
-  it("renders AuthorizeBtn inside SchemesContainer if security definition is provided", function(){
-
-    // Given
-    let props = {...mockedProps}
-    props.specSelectors = {...mockedProps.specSelectors}
-    props.specSelectors.securityDefinitions = function () {return fromJS(twoSecurityDefinitions)}
-
-    // When
-    let wrapper = render(<SchemesContainer {...props}/>)
-
-    // Then
-    const renderedAuthorizeBtn = wrapper.find("span.mocked-button")
-    expect(renderedAuthorizeBtn.length).toEqual(1)
-  })
-
-  it("does not render AuthorizeBtn if security definition is not provided", function(){
-
-    // Given
-    let props = {...mockedProps}
-
-    // When
-    let wrapper = render(<SchemesContainer {...props}/>)
-
-    // Then
-    const renderedAuthorizeBtn = wrapper.find("span.mocked-button")
-    expect(renderedAuthorizeBtn.length).toEqual(0)
-  })
-})

test/core/plugins/oas3/servers-wrapper.js

@@ -1,77 +0,0 @@
-
-/* eslint-env mocha */
-import React from "react"
-import expect from "expect"
-import { mount } from "enzyme"
-import { fromJS } from "immutable"
-import ServersContainer from "core/plugins/oas3/components/servers-container"
-import Servers from "core/plugins/oas3/components/servers"
-import { Col } from "components/layout-utils"
-
-describe("<ServersContainer/>", function(){
-
-  const components = {
-    Servers,
-    Col
-  }
-  const mockedProps = {
-    specSelectors: {
-      servers() {}
-    },
-    oas3Selectors: {
-      selectedServer() {},
-      serverVariableValue() {},
-      serverEffectiveValue() {}
-    },
-    oas3Actions: {
-      setSelectedServer() {},
-      setServerVariableValue() {}
-    },
-    getComponent: c => components[c]
-  }
-
-  it("renders Servers inside ServersContainer if servers are provided", function(){
-
-    // Given
-    let props = {...mockedProps}
-    props.specSelectors = {...mockedProps.specSelectors}
-    props.specSelectors.servers = function() {return fromJS([{url: "http://server1.com"}])}
-    props.oas3Selectors = {...mockedProps.oas3Selectors}
-    props.oas3Selectors.selectedServer = function() {return "http://server1.com"}
-
-    // When
-    let wrapper = mount(<ServersContainer {...props}/>)
-
-    // Then
-    const renderedServers = wrapper.find(Servers)
-    expect(renderedServers.length).toEqual(1)
-  })
-
-  it("does not render Servers inside ServersContainer if servers are empty", function(){
-
-    // Given
-    let props = {...mockedProps}
-    props.specSelectors = {...mockedProps.specSelectors}
-    props.specSelectors.servers = function() {return fromJS([])}
-
-    // When
-    let wrapper = mount(<ServersContainer {...props}/>)
-
-    // Then
-    const renderedServers = wrapper.find(Servers)
-    expect(renderedServers.length).toEqual(0)
-  })
-
-  it("does not render Servers inside ServersContainer if servers are undefined", function(){
-
-    // Given
-    let props = {...mockedProps}
-
-    // When
-    let wrapper = mount(<ServersContainer {...props}/>)
-
-    // Then
-    const renderedServers = wrapper.find(Servers)
-    expect(renderedServers.length).toEqual(0)
-  })
-})

test/core/plugins/samples/fn.js

@@ -1,35 +1,7 @@
-import { fromJS } from "immutable"
 import { createXMLExample, sampleFromSchema } from "corePlugins/samples/fn"
 import expect from "expect"
 
 describe("sampleFromSchema", function() {
-  it("handles Immutable.js objects for nested schemas", function () {
-    var definition = fromJS({
-      "type": "object",
-      "properties": {
-        "json": {
-          "type": "object",
-          "example": {
-            "a": "string"
-          },
-          "properties": {
-            "a": {
-              "type": "string"
-            }
-          }
-        }
-      }
-    })
-
-    var expected = {
-      json: {
-        a: "string"
-      }
-    }
-
-    expect(sampleFromSchema(definition, { includeReadOnly: false })).toEqual(expected)
-  })
-
   it("returns object with no readonly fields for parameter", function () {
     var definition = {
       type: "object",

test/core/system/system.js

@@ -317,7 +317,7 @@ describe("bound system", function(){
 
     })
 
-    describe("when selector returns a function", function(){
+    describe("when selector returns a funtcion", function(){
 
       it("should pass the system to that function", function(){
 

test/e2e/helpers/index.html

@@ -75,7 +75,7 @@
     window["SwaggerUIStandalonePreset"] = window["swagger-ui-standalone-preset"]
     // Build a system
     const ui = SwaggerUIBundle({
-      url: "https://petstore.swagger.io/v2/swagger.json",
+      url: "http://petstore.swagger.io/v2/swagger.json",
       dom_id: '#swagger-ui',
       presets: [
         SwaggerUIBundle.presets.apis,

test/e2e/pages/main.js

@@ -85,404 +85,404 @@ module.exports = {
       }
     },
     apiWrapper: {
-      selector: "div.swagger-ui > div:nth-child(2) > div:nth-child(5) > section > div",
+      selector: ".swagger-ui .wrapper:nth-child(3)",
       elements: {
         petAPIWrapper: {
-          selector: "div.swagger-ui div:nth-child(5) > section > div > span:nth-child(1) > div"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(1)"
         },
         petAPIWrapperBar: {
-          selector: "div.swagger-ui div:nth-child(5) > section > div > span:nth-child(1) > div .opblock-tag"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(1) .opblock-tag"
         },
-
+        
         /**
          * Post pet/ api
          */
         petOperationPostContainer: {
-          selector: "div#operations-pet-addPet"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(1) div#operations-pet-addPet"
         },
         petOperationPostTitle: {
-          selector: "div#operations-pet-addPet .opblock-summary-post span.opblock-summary-path span"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(1) div#operations-pet-addPet .opblock-summary-post span.opblock-summary-path span"
         },
         petOperationPostCollpase: {
-          selector: "div#operations-pet-addPet .opblock-summary-post"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(1) div#operations-pet-addPet .opblock-summary-post"
         },
         petOperationPostCollapseContainer: {
-          selector: "div#operations-pet-addPet>div:nth-child(2)"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(1) div#operations-pet-addPet>div:nth-child(2)"
         },
         petOperationPostTryBtn: {
-          selector: "div#operations-pet-addPet button.try-out__btn"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(1) div#operations-pet-addPet button.try-out__btn"
         },
         petOperationPostTryText: {
-          selector: "div#operations-pet-addPet textarea.body-param__text"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(1) div#operations-pet-addPet textarea.body-param__text"
         },
         petOperationPostExecuteBtn: {
-          selector: "div#operations-pet-addPet button.execute"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(1) div#operations-pet-addPet button.execute"
         },
         petOperationPostTryTextArea: {
-          selector: "div#operations-pet-addPet textarea"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(1) div#operations-pet-addPet textarea"
         },
         petOperationPostResultsBox: {
-          selector: "div#operations-pet-addPet pre.microlight"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(1) div#operations-pet-addPet pre.microlight"
         },
         petOperationPostMockCategoryID: {
-          selector: "div#operations-pet-addPet pre.microlight span:nth-child(17)"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(1) div#operations-pet-addPet pre.microlight span:nth-child(17)"
         },
         petOperationPostMockCategoryName: {
-          selector: "div#operations-pet-addPet pre.microlight span:nth-child(23)"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(1) div#operations-pet-addPet pre.microlight span:nth-child(23)"
         },
         petOperationPostMockName: {
-          selector: "div#operations-pet-addPet pre.microlight span:nth-child(31)"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(1) div#operations-pet-addPet pre.microlight span:nth-child(31)"
         },
         petOperationPostTagID: {
-          selector: "div#operations-pet-addPet pre.microlight span:nth-child(54)"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(1) div#operations-pet-addPet pre.microlight span:nth-child(54)"
         },
         petOperationPostTagName: {
-          selector: "div#operations-pet-addPet pre.microlight span:nth-child(60)"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(1) div#operations-pet-addPet pre.microlight span:nth-child(60)"
         },
         petOperationPostStatus: {
-          selector: "div#operations-pet-addPet pre.microlight span:nth-child(70)"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(1) div#operations-pet-addPet pre.microlight span:nth-child(70)"
         },
-
+        
         /**
          * Put pet/ api
          */
         petOperationPutContainer: {
-          selector: "div#operations-pet-updatePet"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(1) div#operations-pet-updatePet"
         },
         petOperationPutTitle: {
-          selector: "div#operations-pet-updatePet .opblock-summary-put span.opblock-summary-path span"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(1) div#operations-pet-updatePet .opblock-summary-put span.opblock-summary-path span"
         },
         petOperationPutCollpase: {
-          selector: "div#operations-pet-updatePet .opblock-summary-put"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(1) div#operations-pet-updatePet .opblock-summary-put"
         },
         petOperationPutCollapseContainer: {
-          selector: "div#operations-pet-updatePet>div:nth-child(2)"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(1) div#operations-pet-updatePet>div:nth-child(2)"
         },
         petOperationPutTryBtn: {
-          selector: "div#operations-pet-updatePet button.try-out__btn"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(1) div#operations-pet-updatePet button.try-out__btn"
         },
         petOperationPutTryText: {
-          selector: "div#operations-pet-updatePet textarea.body-param__text"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(1) div#operations-pet-updatePet textarea.body-param__text"
         },
         petOperationPutExecuteBtn: {
-          selector: "div#operations-pet-updatePet button.execute"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(1) div#operations-pet-updatePet button.execute"
         },
         petOperationPutTryTextArea: {
-          selector: "div#operations-pet-updatePet textarea"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(1) div#operations-pet-updatePet textarea"
         },
         petOperationPutResultsBox: {
-          selector: "div#operations-pet-updatePet pre.microlight"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(1) div#operations-pet-updatePet pre.microlight"
         },
         petOperationPutMockCategoryID: {
-          selector: "div#operations-pet-updatePet pre.microlight span:nth-child(17)"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(1) div#operations-pet-updatePet pre.microlight span:nth-child(17)"
         },
         petOperationPutMockCategoryName: {
-          selector: "div#operations-pet-updatePet pre.microlight span:nth-child(23)"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(1) div#operations-pet-updatePet pre.microlight span:nth-child(23)"
         },
         petOperationPutMockName: {
-          selector: "div#operations-pet-updatePet pre.microlight span:nth-child(31)"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(1) div#operations-pet-updatePet pre.microlight span:nth-child(31)"
         },
         petOperationPutTagID: {
-          selector: "div#operations-pet-updatePet pre.microlight span:nth-child(54)"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(1) div#operations-pet-updatePet pre.microlight span:nth-child(54)"
         },
         petOperationPutTagName: {
-          selector: "div#operations-pet-updatePet pre.microlight span:nth-child(60)"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(1) div#operations-pet-updatePet pre.microlight span:nth-child(60)"
         },
         petOperationPutStatus: {
-          selector: "div#operations-pet-updatePet pre.microlight span:nth-child(70)"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(1) div#operations-pet-updatePet pre.microlight span:nth-child(70)"
         },
-
+        
         /**
          * Get /pet/findByTags
          */
         petOperationGetByTagContainer: {
-          selector: "div#operations-pet-findPetsByTags"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(1) div#operations-pet-findPetsByTags"
         },
         petOperationGetByTagTitle: {
-          selector: "div#operations-pet-findPetsByTags .opblock-summary-get span.opblock-summary-path__deprecated span"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(1) div#operations-pet-findPetsByTags .opblock-summary-get span.opblock-summary-path__deprecated span"
         },
         petOperationGetByTagCollpase: {
-          selector: "div#operations-pet-findPetsByTags .opblock-summary-get"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(1) div#operations-pet-findPetsByTags .opblock-summary-get"
         },
         petOperationGetByTagCollapseContainer: {
-          selector: "div#operations-pet-findPetsByTags .ReactCollapse--collapse"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(1) div#operations-pet-findPetsByTags .ReactCollapse--collapse"
         },
         petOperationGetByTagTryBtn: {
-          selector: "div#operations-pet-findPetsByTags button.try-out__btn"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(1) div#operations-pet-findPetsByTags button.try-out__btn"
         },
         petOperationGetByTagTryAdded: {
-          selector: "div#operations-pet-findPetsByTags button.json-schema-form-item-add"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(1) div#operations-pet-findPetsByTags button.json-schema-form-item-add"
         },
         petOperationGetByTagExecuteBtn: {
-          selector: "div#operations-pet-findPetsByTags button.execute"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(1) div#operations-pet-findPetsByTags button.execute"
         },
         petOperationGetByTagTryTextArea: {
-          selector: "div#operations-pet-findPetsByTags textarea"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(1) div#operations-pet-findPetsByTags textarea"
         },
         petOperationGetByTagResultsBox: {
-          selector: "div#operations-pet-findPetsByTags pre.microlight"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(1) div#operations-pet-findPetsByTags pre.microlight"
         },
         petOperationGetByTagMockCategoryID: {
-          selector: "div#operations-pet-findPetsByTags pre.microlight span:nth-child(17)"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(1) div#operations-pet-findPetsByTags pre.microlight span:nth-child(17)"
         },
         petOperationGetByTagMockCategoryName: {
-          selector: "div#operations-pet-findPetsByTags pre.microlight span:nth-child(23)"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(1) div#operations-pet-findPetsByTags pre.microlight span:nth-child(23)"
         },
         petOperationGetByTagMockName: {
-          selector: "div#operations-pet-findPetsByTags pre.microlight span:nth-child(31)"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(1) div#operations-pet-findPetsByTags pre.microlight span:nth-child(31)"
         },
         petOperationGetByTagTagID: {
-          selector: "div#operations-pet-findPetsByTags pre.microlight span:nth-child(54)"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(1) div#operations-pet-findPetsByTags pre.microlight span:nth-child(54)"
         },
         petOperationGetByTagTagName: {
-          selector: "div#operations-pet-findPetsByTags pre.microlight span:nth-child(60)"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(1) div#operations-pet-findPetsByTags pre.microlight span:nth-child(60)"
         },
         petOperationGetByTagStatus: {
-          selector: "div#operations-pet-findPetsByTags pre.microlight span:nth-child(70)"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(1) div#operations-pet-findPetsByTags pre.microlight span:nth-child(70)"
         },
 
         /**
          * Get /pet/{petId}
          */
         petOperationGetByIdContainer: {
-          selector: "div#operations-pet-getPetById"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(1) div#operations-pet-getPetById"
         },
         petOperationGetByIdTitle: {
-          selector: "div#operations-pet-getPetById .opblock-summary-get span.opblock-summary-path span"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(1) div#operations-pet-getPetById .opblock-summary-get span.opblock-summary-path span"
         },
         petOperationGetByIdCollpase: {
-          selector: "div#operations-pet-getPetById .opblock-summary-get"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(1) div#operations-pet-getPetById .opblock-summary-get"
         },
         petOperationGetByIdCollapseContainer: {
-          selector: "div#operations-pet-getPetById .ReactCollapse--collapse"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(1) div#operations-pet-getPetById .ReactCollapse--collapse"
         },
         petOperationGetByIdTryBtn: {
-          selector: "div#operations-pet-getPetById button.try-out__btn"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(1) div#operations-pet-getPetById button.try-out__btn"
         },
         petOperationGetByIdExecuteBtn: {
-          selector: "div#operations-pet-getPetById button.execute"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(1) div#operations-pet-getPetById button.execute"
         },
         petOperationGetByIdParameter: {
-          selector: "div#operations-pet-getPetById div.parameters-col_description input"
-        },
+          selector: ".swagger-ui .opblock-tag-section:nth-child(3) div#operations-pet-getPetById div.parameters-col_description input"
+        },       
         petOperationGetByIdResultsBox: {
-          selector: "div#operations-pet-getPetById pre.microlight"
-        },
-
+          selector: ".swagger-ui .opblock-tag-section:nth-child(1) div#operations-pet-getPetById pre.microlight"
+        },        
+        
         /**
          * Delete pet/
          */
         petOperationDeleteContainer: {
-          selector: "div#operations-pet-deletePet"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(1) div#operations-pet-deletePet"
         },
         petOperationDeleteTitle: {
-          selector: "div#operations-pet-deletePet .opblock-summary-delete span.opblock-summary-path span"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(1) div#operations-pet-deletePet .opblock-summary-delete span.opblock-summary-path span"
         },
         petOperationDeleteCollpase: {
-          selector: "div#operations-pet-deletePet .opblock-summary-delete"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(1) div#operations-pet-deletePet .opblock-summary-delete"
         },
         petOperationDeleteCollapseContainer: {
-          selector: "div#operations-pet-deletePet>div:nth-child(2)"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(1) div#operations-pet-deletePet>div:nth-child(2)"
         },
         petOperationDeleteTryBtn: {
-          selector: "div#operations-pet-deletePet button.try-out__btn"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(1) div#operations-pet-deletePet button.try-out__btn"
         },
         petOperationDeleteExecuteBtn: {
-          selector: "div#operations-pet-deletePet button.execute"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(1) div#operations-pet-deletePet button.execute"
         },
         petOperationDeleteTryTextArea: {
-          selector: "div#operations-pet-deletePet textarea"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(1) div#operations-pet-deletePet textarea"
         },
         petOperationDeleteResultsBox: {
-          selector: "div#operations-pet-deletePet pre.microlight"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(1) div#operations-pet-deletePet pre.microlight"
         },
         petOperationDeleteMockCategoryID: {
-          selector: "div#operations-pet-deletePet pre.microlight span:nth-child(17)"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(1) div#operations-pet-deletePet pre.microlight span:nth-child(17)"
         },
         petOperationDeleteMockCategoryName: {
-          selector: "div#operations-pet-deletePet pre.microlight span:nth-child(23)"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(1) div#operations-pet-deletePet pre.microlight span:nth-child(23)"
         },
         petOperationDeleteMockName: {
-          selector: "div#operations-pet-deletePet pre.microlight span:nth-child(31)"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(1) div#operations-pet-deletePet pre.microlight span:nth-child(31)"
         },
         petOperationDeleteTagID: {
-          selector: "div#operations-pet-deletePet pre.microlight span:nth-child(54)"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(1) div#operations-pet-deletePet pre.microlight span:nth-child(54)"
         },
         petOperationDeleteTagName: {
-          selector: "div#operations-pet-deletePet pre.microlight span:nth-child(60)"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(1) div#operations-pet-deletePet pre.microlight span:nth-child(60)"
         },
         petOperationDeleteStatus: {
-          selector: "div#operations-pet-deletePet pre.microlight span:nth-child(70)"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(1) div#operations-pet-deletePet pre.microlight span:nth-child(70)"
         },
 
         /**
          * ***********Store************
          */
         storeAPIWrapper: {
-          selector: "div.swagger-ui div:nth-child(5) > section > div > span:nth-child(2) > div"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(2)"
         },
         storeAPIWrapperBar: {
-          selector: "div.swagger-ui div:nth-child(5) > section > div > span:nth-child(2) > div .opblock-tag"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(2) .opblock-tag"
         },
         /**
          * Get /store/inventory
          */
         storeOperationGetContainer: {
-          selector: "div#operations-store-getInventory"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(2) div#operations-store-getInventory"
         },
         storeOperationGetTitle: {
-          selector: "div#operations-store-getInventory .opblock-summary-get span.opblock-summary-path span"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(2) div#operations-store-getInventory .opblock-summary-get span.opblock-summary-path span"
         },
         storeOperationGetCollpase: {
-          selector: "div#operations-store-getInventory .opblock-summary-get"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(2) div#operations-store-getInventory .opblock-summary-get"
         },
         storeOperationGetCollapseContainer: {
-          selector: "div#operations-store-getInventory>div:nth-child(2)"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(2) div#operations-store-getInventory>div:nth-child(2)"
         },
         storeOperationGetTryBtn: {
-          selector: "div#operations-store-getInventory button.try-out__btn"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(2) div#operations-store-getInventory button.try-out__btn"
         },
         storeOperationGetExecuteBtn: {
-          selector: "div#operations-store-getInventory button.execute"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(2) div#operations-store-getInventory button.execute"
         },
         storeOperationResponseProps1: {
-          selector: "div#operations-store-getInventory pre.example.microlight span:nth-child(6)"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(2) div#operations-store-getInventory pre.example.microlight span:nth-child(6)"
         },
         storeOperationResponseProps2: {
-          selector: "div#operations-store-getInventory pre.example.microlight span:nth-child(12)"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(2) div#operations-store-getInventory pre.example.microlight span:nth-child(12)"
         },
         storeOperationResponseProps3: {
-          selector: "div#operations-store-getInventory pre.example.microlight span:nth-child(18)"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(2) div#operations-store-getInventory pre.example.microlight span:nth-child(18)"
         },
         /**
          * Post /store/order
          */
         storeOperationPostContainer: {
-          selector: "div#operations-store-placeOrder"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(2) div#operations-store-placeOrder"
         },
         storeOperationPostTitle: {
-          selector: "div#operations-store-placeOrder .opblock-summary-post span.opblock-summary-path span"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(2) div#operations-store-placeOrder .opblock-summary-post span.opblock-summary-path span"
         },
         storeOperationPostCollpase: {
-          selector: "div#operations-store-placeOrder .opblock-summary-post"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(2) div#operations-store-placeOrder .opblock-summary-post"
         },
         storeOperationPostCollapseContainer: {
-          selector: "div#operations-store-placeOrder>div:nth-child(2)"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(2) div#operations-store-placeOrder>div:nth-child(2)"
         },
         storeOperationPostTryBtn: {
-          selector: "div#operations-store-placeOrder button.try-out__btn"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(2) div#operations-store-placeOrder button.try-out__btn"
         },
         storeOperationPostExecuteBtn: {
-          selector: "div#operations-store-placeOrder button.execute"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(2) div#operations-store-placeOrder button.execute"
         },
         storeOperationPostResponseId: {
-          selector: "div#operations-store-placeOrder pre.example.microlight span:nth-child(22)"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(2) div#operations-store-placeOrder pre.example.microlight span:nth-child(22)"
         },
         storeOperationPostResponsePetId: {
-          selector: "div#operations-store-placeOrder pre.example.microlight span:nth-child(31)"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(2) div#operations-store-placeOrder pre.example.microlight span:nth-child(31)"
         },
         storeOperationPostResponseQuantity: {
-          selector: "div#operations-store-placeOrder pre.example.microlight span:nth-child(40)"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(2) div#operations-store-placeOrder pre.example.microlight span:nth-child(40)"
         },
         storeOperationPostResponseStatus: {
-          selector: "div#operations-store-placeOrder pre.example.microlight span:nth-child(66)"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(2) div#operations-store-placeOrder pre.example.microlight span:nth-child(66)"
         },
         storeOperationPostResponseComplete: {
-          selector: "div#operations-store-placeOrder pre.example.microlight span:nth-child(75)"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(2) div#operations-store-placeOrder pre.example.microlight span:nth-child(75)"
         },
         /**
          * Delete /store/order/{orderId}
          */
         storeOperationDeleteContainer: {
-          selector: "div#operations-store-deleteOrder"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(2) div#operations-store-deleteOrder"
         },
         storeOperationDeleteTitle: {
-          selector: "div#operations-store-deleteOrder .opblock-summary-delete span.opblock-summary-path span"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(2) div#operations-store-deleteOrder .opblock-summary-delete span.opblock-summary-path span"
         },
         storeOperationDeleteCollpase: {
-          selector: "div#operations-store-deleteOrder .opblock-summary-delete"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(2) div#operations-store-deleteOrder .opblock-summary-delete"
         },
         storeOperationDeleteCollapseContainer: {
-          selector: "div#operations-store-deleteOrder>div:nth-child(2)"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(2) div#operations-store-deleteOrder>div:nth-child(2)"
         },
         storeOperationDeleteTryBtn: {
-          selector: "div#operations-store-deleteOrder button.try-out__btn"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(2) div#operations-store-deleteOrder button.try-out__btn"
         },
         storeOperationDeleteExecuteBtn: {
-          selector: "div#operations-store-deleteOrder button.execute"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(2) div#operations-store-deleteOrder button.execute"
         },
         storeOperationGetResponseHeaders: {
-          selector: "div#operations-store-deleteOrder pre span"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(2) div#operations-store-deleteOrder pre span"
         },
         /**
          * *********User**************
          */
         userAPIWrapper: {
-          selector: "div.swagger-ui div:nth-child(5) > section > div > span:nth-child(3) > div"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(3)"
         },
         userAPIWrapperBar: {
-          selector: "div.swagger-ui div:nth-child(5) > section > div > span:nth-child(3) > div .opblock-tag"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(3) .opblock-tag"
         },
         /**
          * Put /user/login
          */
         userOperationPutContainer: {
-          selector: "div#operations-user-updateUser"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(3) div#operations-user-updateUser"
         },
         userOperationPutTitle: {
-          selector: "div#operations-user-updateUser .opblock-summary-put span.opblock-summary-path span"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(3) div#operations-user-updateUser .opblock-summary-put span.opblock-summary-path span"
         },
         userOperationPutCollpase: {
-          selector: "div#operations-user-updateUser .opblock-summary-put"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(3) div#operations-user-updateUser .opblock-summary-put"
         },
         userOperationPutCollapseContainer: {
-          selector: "div#operations-user-updateUser>div:nth-child(2)"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(3) div#operations-user-updateUser>div:nth-child(2)"
         },
         userOperationPutTryBtn: {
-          selector: "div#operations-user-updateUser button.try-out__btn"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(3) div#operations-user-updateUser button.try-out__btn"
         },
         userOperationPutExecuteBtn: {
-          selector: "div#operations-user-updateUser button.execute"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(3) div#operations-user-updateUser button.execute"
         },
         userOperationPutParameter: {
-          selector: "div#operations-user-updateUser div.parameters-col_description input"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(3) div#operations-user-updateUser div.parameters-col_description input"
         },
         userOperationPutResponseHeader: {
-          selector: "div#operations-user-updateUser div.parameters-col_description input"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(3) div#operations-user-updateUser div.parameters-col_description input"
         },
         /**
          * Delete /user
          */
         userOperationDeleteContainer: {
-          selector: "div#operations-user-deleteUser"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(3) div#operations-user-deleteUser"
         },
         userOperationDeleteTitle: {
-          selector: "div#operations-user-deleteUser .opblock-summary-delete span.opblock-summary-path span"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(3) div#operations-user-deleteUser .opblock-summary-delete span.opblock-summary-path span"
         },
         userOperationDeleteCollpase: {
-          selector: "div#operations-user-deleteUser .opblock-summary-delete"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(3) div#operations-user-deleteUser .opblock-summary-delete"
         },
         userOperationDeleteCollapseContainer: {
-          selector: "div#operations-user-deleteUser>div:nth-child(2)"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(3) div#operations-user-deleteUser>div:nth-child(2)"
         },
         userOperationDeleteTryBtn: {
-          selector: "div#operations-user-deleteUser button.try-out__btn"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(3) div#operations-user-deleteUser button.try-out__btn"
         },
         userOperationDeleteExecuteBtn: {
-          selector: "div#operations-user-deleteUser button.execute"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(3) div#operations-user-deleteUser button.execute"
         },
         userOperationDeleteParameter: {
-          selector: "div#operations-user-deleteUser div.parameters-col_description input"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(3) div#operations-user-deleteUser div.parameters-col_description input"
         },
         userOperationDeleteResponseHeader: {
-          selector: "div#operations-user-deleteUser div.parameters-col_description input"
+          selector: ".swagger-ui .opblock-tag-section:nth-child(3) .opblock-delete div.parameters-col_description input"
         },
 
       }
     },
     /* Model Container */
     modelWrapper: {
-      selector: "div.swagger-ui > div:nth-child(2) > div:nth-child(6)",
+      selector: ".swagger-ui .wrapper:nth-child(4)",
       elements: {
         modelContainer: {
           selector: ".swagger-ui .models"