@api-client/ui 0.1.9 → 0.2.2

package/test/amf/elements/ApiOperationDocumentElement.test.ts

@@ -1,753 +0,0 @@
-import { fixture, assert, html, nextFrame, aTimeout } from '@open-wc/testing'
-import sinon from 'sinon'
-import { ApiDefinitions, AmfDefinitions } from '@api-client/core/browser.js'
-import { AmfLoader } from '../AmfLoader.js'
-import { DomEventsAmfStore } from '../../../src/amf/store/DomEventsAmfStore.js'
-import ApiOperationDocumentElement from '../../../src/elements/amf/ApiOperationDocument.element.js'
-import ApiRequestDocumentElement from '../../../src/elements/amf/ApiRequestDocument.element.js'
-import ApiParameterDocumentElement from '../../../src/elements/amf/ApiParameterDocument.element.js'
-import '../../../src/define/amf/api-operation-document.js'
-import '../../../src/define/amf/api-request-document.js'
-import UiTabs from '../../../src/md/tabs/internals/Tabs.js'
-
-describe('ApiOperationDocumentElement', () => {
-  const loader = new AmfLoader()
-  const store = new DomEventsAmfStore(window)
-  store.listen()
-
-  async function basicFixture(operation?: ApiDefinitions.IApiOperation): Promise<ApiOperationDocumentElement> {
-    const element = (await fixture(
-      html`<api-operation-document
-        .queryDebouncerTimeout="${0}"
-        .domainId="${operation && operation.id}"
-        .operation="${operation}"
-      ></api-operation-document>`
-    )) as ApiOperationDocumentElement
-    await aTimeout(10)
-    // await oneEvent(element, 'graphload');
-    return element
-  }
-
-  async function tryItFixture(operation?: ApiDefinitions.IApiOperation): Promise<ApiOperationDocumentElement> {
-    const element = (await fixture(
-      html`<api-operation-document
-        .queryDebouncerTimeout="${0}"
-        .domainId="${operation && operation.id}"
-        .operation="${operation}"
-        tryItButton
-      ></api-operation-document>`
-    )) as ApiOperationDocumentElement
-    await aTimeout(10)
-    return element
-  }
-
-  async function snippetsFixture(operation?: ApiDefinitions.IApiOperation): Promise<ApiOperationDocumentElement> {
-    const element = (await fixture(
-      html`<api-operation-document
-        .queryDebouncerTimeout="${0}"
-        renderCodeSnippets
-        .domainId="${operation && operation.id}"
-        .operation="${operation}"
-      ></api-operation-document>`
-    )) as ApiOperationDocumentElement
-    await aTimeout(10)
-    return element
-  }
-
-  async function asyncFixture(operation?: ApiDefinitions.IApiOperation): Promise<ApiOperationDocumentElement> {
-    const element = (await fixture(
-      html`<api-operation-document
-        .queryDebouncerTimeout="${0}"
-        .domainId="${operation && operation.id}"
-        .operation="${operation}"
-        renderCodeSnippets
-        asyncApi
-      ></api-operation-document>`
-    )) as ApiOperationDocumentElement
-    await aTimeout(2)
-    return element
-  }
-
-  async function securityFixture(operation?: ApiDefinitions.IApiOperation): Promise<ApiOperationDocumentElement> {
-    const element = (await fixture(
-      html`<api-operation-document
-        .queryDebouncerTimeout="${0}"
-        showSecurity
-        .domainId="${operation && operation.id}"
-        .operation="${operation}"
-      ></api-operation-document>`
-    )) as ApiOperationDocumentElement
-    await aTimeout(2)
-    return element
-  }
-
-  describe('Compact model', () => {
-    describe('basic AMF computations', () => {
-      let model: AmfDefinitions.IAmfDocument
-      before(async () => {
-        model = await loader.getGraph()
-        store.amf = model
-      })
-
-      let element: ApiOperationDocumentElement
-      beforeEach(async () => {
-        const data = loader.getOperation(model, '/people', 'get')
-        element = await basicFixture(data)
-      })
-
-      it('sets the operation property', () => {
-        const { operation } = element
-        assert.typeOf(operation, 'object', 'has the operation')
-        assert.equal(operation!.method, 'get', 'has the operation properties')
-      })
-
-      it('sets the parent endpoint property', () => {
-        const { endpoint } = element
-        assert.typeOf(endpoint, 'object', 'has the endpoint')
-        assert.equal(endpoint!.path, '/people', 'has the endpoint properties')
-      })
-
-      it('sets the list of servers', () => {
-        const { servers } = element
-        assert.typeOf(servers, 'array', 'has the servers')
-        assert.lengthOf(servers!, 1, 'has the only server')
-        assert.equal(servers![0].url, 'http://{instance}.domain.com/')
-      })
-
-      it('returns the first server in the #server getter', () => {
-        const { server } = element
-        assert.typeOf(server, 'object', 'has the server')
-        assert.equal(server!.url, 'http://{instance}.domain.com/')
-      })
-
-      it('computes value for the #snippetsUri getter', () => {
-        const { snippetsUri } = element
-        assert.typeOf(snippetsUri, 'string', 'has the snippetsUri')
-        assert.equal(snippetsUri, 'http://{instance}.domain.com/people')
-      })
-
-      it('computes the list of responses', () => {
-        const { responses } = element
-        assert.typeOf(responses, 'array', 'has the responses')
-        assert.lengthOf(responses!, 2, 'has all responses')
-      })
-
-      it('the responses are ordered', () => {
-        const { responses } = element
-        const [r1, r2] = responses!
-        assert.equal(r1.statusCode, '200')
-        assert.equal(r2.statusCode, '400')
-      })
-
-      it('pre-selects the response status code', () => {
-        const { selectedStatus } = element
-        assert.equal(selectedStatus, '200')
-      })
-
-      it('computes the endpoint URI', () => {
-        const { endpointUri } = element
-        assert.equal(endpointUri, 'http://{instance}.domain.com/people')
-      })
-    })
-
-    describe('Data rendering', () => {
-      let demoModel: AmfDefinitions.IAmfDocument
-      let asyncModel: AmfDefinitions.IAmfDocument
-      let oasCallbacksModel: AmfDefinitions.IAmfDocument
-      let petStoreModel: AmfDefinitions.IAmfDocument
-      before(async () => {
-        demoModel = await loader.getGraph()
-        asyncModel = await loader.getGraph('async-api')
-        oasCallbacksModel = await loader.getGraph('oas-callbacks')
-        petStoreModel = await loader.getGraph('Petstore-v2')
-      })
-
-      it('renders the operation name, when defined', async () => {
-        store.amf = demoModel
-        const data = loader.getOperation(demoModel, '/people', 'get')
-        const element = await basicFixture(data)
-        const header = element.shadowRoot!.querySelector('.operation-header')!
-        const label = header.querySelector('.label')!
-        assert.equal(label.textContent!.trim(), 'List people')
-      })
-
-      it('renders the operation method, when name not defined', async () => {
-        store.amf = demoModel
-        const data = loader.getOperation(demoModel, '/orgs/{orgId}', 'put')
-        const element = await basicFixture(data)
-        const header = element.shadowRoot!.querySelector('.operation-header')!
-        const label = header.querySelector('.label')!
-        assert.equal(label.textContent!.trim(), 'put')
-      })
-
-      it('renders the operation sub-title for sync API', async () => {
-        store.amf = demoModel
-        const data = loader.getOperation(demoModel, '/orgs/{orgId}', 'put')
-        const element = await basicFixture(data)
-        const header = element.shadowRoot!.querySelector('.operation-header')!
-        const label = header.querySelector('.sub-header')!
-        assert.equal(label.textContent!.trim(), 'API operation')
-      })
-
-      it('renders the operation sub-title for async API', async () => {
-        store.amf = asyncModel
-        const data = loader.getOperation(asyncModel, 'hello', 'publish')
-        const element = await asyncFixture(data)
-        const header = element.shadowRoot!.querySelector('.operation-header')!
-        const label = header.querySelector('.sub-header')!
-        assert.equal(label.textContent!.trim(), 'Async operation')
-      })
-
-      it('renders the operation summary', async () => {
-        store.amf = petStoreModel
-        const data = loader.getOperation(petStoreModel, '/pets', 'get')
-        const element = await basicFixture(data)
-        const summary = element.shadowRoot!.querySelector('.summary')!
-        assert.ok(summary, 'has the summary')
-        assert.equal(summary.textContent!.trim(), 'Finds pets by tag')
-      })
-
-      it('renders the operation id', async () => {
-        store.amf = petStoreModel
-        const data = loader.getOperation(petStoreModel, '/pets', 'get')
-        const element = await basicFixture(data)
-        const field = element.shadowRoot!.querySelector('.schema-property-item[data-name="operation-id"]')!
-        assert.ok(field, 'has the operation id label')
-        const value = field.querySelector('.schema-property-value')!
-        assert.equal(value.textContent!.trim(), 'findPets')
-      })
-
-      it('renders the endpoint URI', async () => {
-        store.amf = demoModel
-        const data = loader.getOperation(demoModel, '/people/{personId}', 'get')
-        const element = await basicFixture(data)
-        const section = element.shadowRoot!.querySelector('.endpoint-url')!
-        assert.ok(section, 'has the url section')
-        const node = section.querySelector('.url-value')!
-        assert.equal(node.textContent!.trim(), 'http://{instance}.domain.com/people/{personId}')
-      })
-
-      it('renders the method with the endpoint URI', async () => {
-        store.amf = demoModel
-        const data = loader.getOperation(demoModel, '/people/{personId}', 'get')
-        const element = await basicFixture(data)
-        const section = element.shadowRoot!.querySelector('.endpoint-url')!
-        assert.ok(section, 'has the url section')
-        const node = section.querySelector('.http-label')!
-        assert.equal(node.textContent!.trim(), 'get')
-      })
-
-      it('does not render the URI when async API', async () => {
-        store.amf = asyncModel
-        const data = loader.getOperation(asyncModel, 'hello', 'publish')
-        const element = await asyncFixture(data)
-        const section = element.shadowRoot!.querySelector('.endpoint-url')
-        assert.notOk(section, 'has no url section')
-      })
-
-      //
-      // These tests are skipped because AMF apparently removes this information from
-      // a valid model.
-      //
-      it.skip('renders the traits', async () => {
-        store.amf = demoModel
-        const data = loader.getOperation(demoModel, '/people', 'get')
-        const element = await asyncFixture(data)
-        const section = element.shadowRoot!.querySelector('.extensions')!
-        assert.ok(section, 'has the traits line')
-        assert.equal(section.textContent!.trim(), 'Mixes in Paginated.', 'has the traits content')
-      })
-
-      it('renders the annotations', async () => {
-        store.amf = demoModel
-        const data = loader.getOperation(demoModel, '/test-parameters/{feature}', 'get')
-        const element = await asyncFixture(data)
-        const section = element.shadowRoot!.querySelector('api-annotation-document')!
-        assert.ok(section, 'has the annotations')
-        assert.equal(section.getAttribute('aria-hidden'), 'false', 'renders the content')
-      })
-
-      it('renders the request document', async () => {
-        store.amf = demoModel
-        const data = loader.getOperation(demoModel, '/test-parameters/{feature}', 'get')
-        const element = await asyncFixture(data)
-        const section = element.shadowRoot!.querySelector('api-request-document')!
-        assert.ok(section, 'has the request document')
-
-        assert.equal(section.domainId, data.request!.id, 'sets the domainId')
-        assert.typeOf(section.request, 'object', 'passes the request model')
-        assert.typeOf(section.endpoint, 'object', 'passes the endpoint model')
-        assert.typeOf(section.server, 'object', 'passes the server model')
-      })
-
-      it('renders the deprecated message', async () => {
-        store.amf = petStoreModel
-        const data = loader.getOperation(petStoreModel, '/pets', 'get')
-        const element = await basicFixture(data)
-        const message = element.shadowRoot!.querySelector('.deprecated-message')!
-        assert.ok(message, 'has the message')
-        assert.equal(message.querySelector('.message')!.textContent!.trim(), 'This operation is marked as deprecated.')
-      })
-
-      it('renders the callbacks section', async () => {
-        store.amf = oasCallbacksModel
-        const data = loader.getOperation(oasCallbacksModel, '/subscribe', 'post')
-        const element = await basicFixture(data)
-        const callbacksSection = element.shadowRoot!.querySelector('[data-controlled-by="callbacksOpened"]')!
-        assert.ok(callbacksSection, 'has the message')
-
-        const callbacks = callbacksSection.querySelectorAll('.callback-section')
-        assert.lengthOf(callbacks, 3, 'has 3 callbacks rendered')
-
-        const first = callbacks[0]
-        assert.ok(first.querySelector('.table-title'), 'has the title')
-        assert.ok(first.querySelector('api-operation-document'), 'has the operation definition')
-      })
-
-      it('renders the links section', async () => {
-        store.amf = oasCallbacksModel
-        const data = loader.getOperation(oasCallbacksModel, '/subscribe', 'post')
-        const element = await basicFixture(data)
-        const response = element.shadowRoot!.querySelector('api-response-document')!
-        assert.ok(response, 'has the response')
-
-        const title = response.shadowRoot!.querySelector('.links-header')!
-        assert.ok(title, 'has the links title')
-        assert.equal(title.textContent!.trim(), 'Links', 'has the links title content')
-
-        const linkHeaders = response.shadowRoot!.querySelectorAll('.link-header')
-        assert.lengthOf(linkHeaders, 2, 'has link title for each link')
-
-        const linkTable = response.shadowRoot!.querySelectorAll('.link-table')
-        assert.lengthOf(linkTable, 2, 'has link content for each link')
-
-        const linkOperations = response.shadowRoot!.querySelectorAll('.operation-id')
-        assert.lengthOf(linkOperations, 1, 'has a single link to operation id')
-      })
-
-      it('renders the responses section', async () => {
-        store.amf = oasCallbacksModel
-        const data = loader.getOperation(oasCallbacksModel, '/subscribe', 'post')
-        const element = await basicFixture(data)
-        const response = element.shadowRoot!.querySelector('api-response-document')!
-        assert.ok(response, 'has the response')
-
-        assert.equal(response.domainId, data.responses[0].id, 'passes the amf model')
-        assert.typeOf(response.response, 'object', 'passes the response model')
-      })
-
-      it('does not render responses when not defined', async () => {
-        store.amf = demoModel
-        const data = loader.getOperation(demoModel, '/query-params/bool', 'get')
-        const element = await basicFixture(data)
-        const response = element.shadowRoot!.querySelector('api-response-document')
-        assert.notOk(response, 'has not response documentation')
-      })
-    })
-
-    describe('try it button', () => {
-      let demoModel: AmfDefinitions.IAmfDocument
-      before(async () => {
-        demoModel = await loader.getGraph()
-        store.amf = demoModel
-      })
-
-      it('does not render the try-it by default', async () => {
-        const data = loader.getOperation(demoModel, '/orgs/{orgId}', 'put')
-        const element = await basicFixture(data)
-        const header = element.shadowRoot!.querySelector('.operation-header')!
-        const button = header.querySelector('.action-button')
-        assert.notOk(button, 'has no button in the header')
-      })
-
-      it('renders the try-it when configured', async () => {
-        const data = loader.getOperation(demoModel, '/orgs/{orgId}', 'put')
-        const element = await tryItFixture(data)
-        const header = element.shadowRoot!.querySelector('.operation-header') as HTMLElement
-        const button = header.querySelector('.action-button') as HTMLElement
-        assert.ok(button, 'has the button')
-        assert.equal(button.textContent!.trim(), 'Try it')
-      })
-
-      it('dispatches the bubbling tryit event when clicking on the button', async () => {
-        const data = loader.getOperation(demoModel, '/orgs/{orgId}', 'put')
-        const element = await tryItFixture(data)
-        const header = element.shadowRoot!.querySelector('.operation-header') as HTMLElement
-        const button = header.querySelector('.action-button') as HTMLElement
-        const spy = sinon.spy()
-        document.body.addEventListener('tryit', spy)
-        button.click()
-        assert.isTrue(spy.calledOnce, 'the event was dispatched')
-        const { detail } = spy.args[0][0]
-        assert.typeOf(detail, 'object', 'the event has the detail')
-        assert.typeOf(detail.id, 'string', 'has the operation id')
-      })
-    })
-
-    describe('responses template', () => {
-      let model: AmfDefinitions.IAmfDocument
-      before(async () => {
-        model = await loader.getGraph()
-        store.amf = model
-      })
-
-      it('renders the response status code selector', async () => {
-        const data = loader.getOperation(model, '/people', 'get')
-        const element = await basicFixture(data)
-
-        const selector = element.shadowRoot!.querySelector('.status-codes-selector') as HTMLElement
-        assert.ok(selector, 'has the selector section')
-
-        const tabsSection = selector.querySelector('ui-tabs')!
-        assert.ok(tabsSection, 'has the tabs element')
-
-        const tabs = tabsSection.querySelectorAll('ui-tab')!
-        assert.lengthOf(tabs, 2, 'has both status codes')
-
-        assert.equal(tabs[0].textContent!.trim(), '200')
-        assert.equal(tabs[1].textContent!.trim(), '400')
-      })
-
-      it('renders the response for the status', async () => {
-        const data = loader.getOperation(model, '/people', 'get')
-        const element = await basicFixture(data)
-
-        const doc = element.shadowRoot!.querySelector('api-response-document')!
-        assert.ok(doc)
-
-        assert.equal(doc.domainId, data.responses[0].id, 'passes the amf model')
-        assert.typeOf(doc.response, 'object', 'passes the response model')
-        assert.typeOf(doc.response!.id, 'string', 'passes the serialized response model')
-      })
-
-      it('switches the response when selecting a status code', async () => {
-        const data = loader.getOperation(model, '/people', 'get')
-        const element = await basicFixture(data)
-        element.responsesOpened = true
-        await element.updateComplete
-
-        const requestBefore = element.shadowRoot!.querySelector('api-response-document')!.response!.id
-
-        const selector = element.shadowRoot!.querySelector('.status-codes-selector') as HTMLElement
-        const tabs = selector.querySelectorAll('ui-tab')!
-        tabs[1].click()
-        await element.updateComplete
-
-        assert.equal(element.selectedStatus, '400', 'changes the selectedStatus')
-        const requestAfter = element.shadowRoot!.querySelector('api-response-document')!.response!.id
-
-        assert.typeOf(requestAfter, 'string', 'has the response after the change')
-        assert.notEqual(requestBefore, requestAfter, 'has a changed response')
-      })
-
-      it('does not render responses section when no responses in the model', async () => {
-        const data = loader.getOperation(model, '/scalarArrays', 'post')
-        const element = await basicFixture(data)
-
-        const doc = element.shadowRoot!.querySelector('api-response-document')
-        assert.notOk(doc)
-      })
-    })
-
-    describe('response status codes', () => {
-      let model: AmfDefinitions.IAmfDocument
-      before(async () => {
-        model = await loader.getGraph()
-        store.amf = model
-      })
-
-      let element: ApiOperationDocumentElement
-      beforeEach(async () => {
-        const data = loader.getOperation(model, '/people', 'put')
-        element = await basicFixture(data)
-      })
-
-      it('renders the status codes section', () => {
-        const node = element.shadowRoot!.querySelector('.status-codes-selector')
-        assert.ok(node)
-      })
-
-      it('renders the status codes options', async () => {
-        const nodes = element.shadowRoot!.querySelectorAll('.status-codes-selector ui-tab') as NodeListOf<UiTabs>
-        assert.lengthOf(nodes, 3, 'has 3 tabs')
-        assert.equal(nodes[0].innerText.trim(), '200', '200 status is rendered')
-        assert.equal(nodes[1].innerText.trim(), '204', '204 status is rendered')
-        assert.equal(nodes[2].innerText.trim(), '400', '400 status is rendered')
-      })
-
-      it('renders ui-tabs with scrollable', () => {
-        const node = element.shadowRoot!.querySelector('.status-codes-selector ui-tabs') as UiTabs
-
-        assert.isTrue(node.scrollable)
-      })
-
-      it('computes the selectedStatus', () => {
-        assert.deepEqual(element.selectedStatus, '200')
-      })
-
-      it('changes the status code', async () => {
-        const nodes = element.shadowRoot!.querySelectorAll('.status-codes-selector ui-tab') as NodeListOf<UiTabs>
-        nodes[1].click()
-        await nextFrame()
-
-        assert.deepEqual(element.selectedStatus, '204')
-
-        const response = element.shadowRoot!.querySelector('api-response-document')!
-        assert.equal(response.response!.statusCode, '204', 'the response element has the new status code')
-      })
-    })
-
-    describe('security rendering', () => {
-      let model: AmfDefinitions.IAmfDocument
-      before(async () => {
-        model = await loader.getGraph('secured-api')
-        store.amf = model
-      })
-
-      it('preselects the first security', async () => {
-        const data = loader.getOperation(model, '/basic', 'get')
-        const element = await securityFixture(data)
-        assert.typeOf(element.securityId, 'string', 'has the securityId')
-      })
-
-      it('renders a single security', async () => {
-        const data = loader.getOperation(model, '/basic', 'get')
-        const element = await securityFixture(data)
-
-        const selector = element.shadowRoot!.querySelector('.security-selector')
-        assert.notOk(selector, 'has no security selector')
-
-        const doc = element.shadowRoot!.querySelector('api-security-requirement-document')!
-        assert.ok(doc, 'has the security documentation')
-
-        assert.equal(doc.domainId, data.security[0].id, 'passes the security id')
-        assert.typeOf(doc.securityRequirement, 'object', 'passes the security object')
-        // assert.typeOf(doc.domainId, 'string', 'passes the security id');
-      })
-
-      it('renders multiple security options', async () => {
-        const data = loader.getOperation(model, '/combo-types', 'get')
-        const element = await securityFixture(data)
-
-        const selector = element.shadowRoot!.querySelector('.security-selector')
-        assert.ok(selector, 'has the security selector')
-
-        const doc = element.shadowRoot!.querySelector('api-security-requirement-document')!
-        assert.ok(doc, 'has the security documentation')
-
-        assert.equal(doc.domainId, data.security[0].id, 'passes the security id')
-        assert.typeOf(doc.securityRequirement, 'object', 'passes the security object')
-      })
-
-      it('switches between the security schemes', async () => {
-        const data = loader.getOperation(model, '/combo-types', 'get')
-        const element = await securityFixture(data)
-
-        const selector = element.shadowRoot!.querySelector('.security-selector')!
-        const tabs = selector.querySelectorAll('ui-tab')
-        assert.lengthOf(tabs, 6, 'has all schemes rendered in the selector')
-
-        tabs[1].click()
-        await nextFrame()
-
-        const doc = element.shadowRoot!.querySelector('api-security-requirement-document')!
-        assert.ok(doc, 'has the security documentation')
-
-        assert.equal(doc.domainId, tabs[1].dataset.id, 'passes the security id')
-        assert.equal(doc.securityRequirement!.id, tabs[1].dataset.id, 'passes the security object')
-      })
-    })
-
-    describe('SE-12752 - query string', () => {
-      let model: AmfDefinitions.IAmfDocument
-      before(async () => {
-        model = await loader.getGraph('SE-12752')
-        store.amf = model
-      })
-
-      it('renders parameters table with query parameters as a NodeShape', async () => {
-        const data = loader.getOperation(model, '/test', 'get')
-        const element = await basicFixture(data)
-        const requestDoc = element.shadowRoot!.querySelector('api-request-document')!
-        const params = requestDoc.shadowRoot!.querySelectorAll('api-parameter-document[data-name="query"]')
-        assert.lengthOf(params, 2, 'has both parameters from the query string')
-      })
-
-      it('renders parameters table with query parameters as an ArrayShape', async () => {
-        const data = loader.getOperation(model, '/array', 'get')
-        const element = await basicFixture(data)
-        const requestDoc = element.shadowRoot!.querySelector('api-request-document')!
-        const params = requestDoc.shadowRoot!.querySelectorAll('api-parameter-document[data-name="query"]')
-        assert.lengthOf(params, 1, 'has the single parameter item')
-      })
-
-      it('renders parameters table with query parameters as an UnionShape', async () => {
-        const data = loader.getOperation(model, '/union', 'get')
-        const element = await basicFixture(data)
-        const requestDoc = element.shadowRoot!.querySelector('api-request-document')!
-        const params = requestDoc.shadowRoot!.querySelectorAll('api-parameter-document[data-name="query"]')
-        assert.lengthOf(params, 2, 'has both parameters from the query string')
-      })
-
-      it('renders parameters table with query parameters as an ScalarShape', async () => {
-        const data = loader.getOperation(model, '/scalar', 'get')
-        const element = await basicFixture(data)
-        const requestDoc = element.shadowRoot!.querySelector('api-request-document')!
-        const params = requestDoc.shadowRoot!.querySelectorAll('api-parameter-document[data-name="query"]')
-        assert.lengthOf(params, 1, 'has the single parameter item')
-      })
-    })
-
-    describe('SE-12957', () => {
-      let model: AmfDefinitions.IAmfDocument
-      before(async () => {
-        model = await loader.getGraph('SE-12957')
-        store.amf = model
-      })
-
-      let element: ApiOperationDocumentElement
-      let request: ApiRequestDocumentElement
-      beforeEach(async () => {
-        const data = loader.getOperation(model, '/api/v1/alarm/{scada-object-key}', 'get')
-        element = await basicFixture(data)
-        request = element.shadowRoot!.querySelector('api-request-document')!
-      })
-
-      it('renders all parameters', async () => {
-        const params = request.shadowRoot!.querySelectorAll('api-parameter-document')
-        assert.lengthOf(params, 2)
-      })
-
-      it('renders the query parameter', async () => {
-        const params = request.shadowRoot!.querySelectorAll(
-          'api-parameter-document[data-name="query"]'
-        ) as NodeListOf<ApiParameterDocumentElement>
-        assert.lengthOf(params, 1, 'has a single query parameter')
-        const param = params[0]
-        assert.equal(param.parameter!.name, 'time-on', 'has the model defined parameter')
-      })
-
-      it('renders the path parameter', async () => {
-        const params = request.shadowRoot!.querySelectorAll(
-          'api-parameter-document[data-name="uri"]'
-        ) as NodeListOf<ApiParameterDocumentElement>
-        assert.lengthOf(params, 1, 'has a single path parameter')
-        const param = params[0]
-        assert.equal(param.parameter!.name, 'scada-object-key', 'has the model defined parameter')
-      })
-    })
-
-    describe('SE-12959: Summary rendering', () => {
-      let model: AmfDefinitions.IAmfDocument
-      before(async () => {
-        model = await loader.getGraph('SE-12959')
-        store.amf = model
-      })
-
-      it('has no summary by default', async () => {
-        const data = loader.getOperation(model, '/api/v1/alarm/{scada-object-key}', 'get')
-        const element = await basicFixture(data)
-        const summary = element.shadowRoot!.querySelector('.summary')
-        assert.notOk(summary, 'has no summary field')
-      })
-
-      it('renders the summary', async () => {
-        const data = loader.getOperation(model, '/api/v1/downtime/site/{site-api-key}', 'get')
-        const element = await basicFixture(data)
-        const summary = element.shadowRoot!.querySelector('.summary')!
-        assert.ok(summary, 'has the summary field')
-        assert.equal(
-          summary.textContent!.trim(),
-          'Get a list of downtime events for a site that overlap with a time period'
-        )
-      })
-    })
-
-    describe('APIC-553: Code snippets query parameters', () => {
-      let model: AmfDefinitions.IAmfDocument
-      before(async () => {
-        model = await loader.getGraph('APIC-553')
-        store.amf = model
-      })
-
-      it('sets the code snippets with endpoint uri and no query params', async () => {
-        const data = loader.getOperation(model, '/cmt', 'get')
-        const element = await snippetsFixture(data)
-        assert.equal(element.snippetsUri, 'http://domain.org/cmt')
-        assert.equal(element.shadowRoot!.querySelector('http-snippets')!.request!.url, 'http://domain.org/cmt')
-      })
-
-      it('sets the code snippets with endpoint uri and a query params', async () => {
-        const data = loader.getOperation(model, '/cmt-with-qp-example', 'get')
-        const element = await snippetsFixture(data)
-        assert.equal(element.snippetsUri, 'http://domain.org/cmt-with-qp-example?orx=foo')
-        assert.equal(
-          element.shadowRoot!.querySelector('http-snippets')!.request!.url,
-          'http://domain.org/cmt-with-qp-example?orx=foo'
-        )
-      })
-    })
-
-    describe('APIC-582: Async API rendering', () => {
-      let model: AmfDefinitions.IAmfDocument
-      before(async () => {
-        model = await loader.getGraph('APIC-582')
-        store.amf = model
-      })
-
-      it('does not render code snippets', async () => {
-        const data = loader.getOperation(model, 'user/signedup', 'subscribe')
-        const element = await asyncFixture(data)
-        const node = element.shadowRoot!.querySelector('http-snippets')
-        assert.notOk(node)
-      })
-
-      it('does not render request parameters', async () => {
-        const data = loader.getOperation(model, 'user/signedup', 'subscribe')
-        const element = await snippetsFixture(data)
-        const requestDoc = element.shadowRoot!.querySelector('api-request-document')!
-        const params = requestDoc.shadowRoot!.querySelectorAll('.params-section')
-        assert.lengthOf(params, 0)
-      })
-    })
-
-    describe('APIC-650: Path parameters', () => {
-      let model: AmfDefinitions.IAmfDocument
-      before(async () => {
-        model = await loader.getGraph('APIC-650')
-        store.amf = model
-      })
-
-      let element: ApiOperationDocumentElement
-      let request: ApiRequestDocumentElement
-      beforeEach(async () => {
-        const data = loader.getOperation(model, '/testEndpoint1/{uriParam1}', 'get')
-        element = await basicFixture(data)
-        request = element.shadowRoot!.querySelector('api-request-document')!
-      })
-
-      it('renders path parameter for the endpoint', () => {
-        const params = request.shadowRoot!.querySelectorAll(
-          'api-parameter-document[data-name="uri"]'
-        ) as NodeListOf<ApiParameterDocumentElement>
-        assert.lengthOf(params, 1, 'has a single path parameter')
-        const param = params[0]
-        assert.equal(param.parameter!.name, 'uriParam1')
-      })
-
-      it('endpointVariables updated after selection changes', async () => {
-        const data = loader.getOperation(model, '/testEndpoint2/{uriParam2}', 'get')
-        element.domainId = data.id
-        element.operation = data
-        await aTimeout(2)
-
-        const params = request.shadowRoot!.querySelectorAll(
-          'api-parameter-document[data-name="uri"]'
-        ) as NodeListOf<ApiParameterDocumentElement>
-        assert.lengthOf(params, 1, 'has a single path parameter')
-        const param = params[0]
-        assert.equal(param.parameter!.name, 'uriParam2')
-      })
-    })
-  })
-})