test(APIC-722): test request panel body (#737)

* test(APIC-722): test request panel body

* test: waitUntil added to fix tests

* test: waitUntil added to fix tests

Author: carowright

demo/models/test-api/test-api.raml

@@ -231,3 +231,12 @@ securitySchemes:
   get:
     queryString:
       type: string
+/songs:
+  post:
+    body:
+      application/json:
+        example: |
+          {
+            "songId": "550e8400-e29b-41d4-a716-446655440000",
+            "songTitle": "Get Lucky",
+          }

test/api-console-documentation.test.js

@@ -233,7 +233,8 @@ describe('API Console documentation', () => {
           testCollapsibleSection(headers, 'Headers');
         };
 
-        const testSecurityResponses = (elem, expectedTabs, selectedTabContent) => {
+        const testSecurityResponses = async (elem, expectedTabs, selectedTabContent) => {
+          await waitUntil(() => Boolean(documentationSecurity(elem)));
           const item = documentationSecurity(elem);
           const securityShadowRoot = item.shadowRoot;
           const responses = securityShadowRoot.querySelector('.response-documentation');
@@ -277,8 +278,8 @@ describe('API Console documentation', () => {
             await testTypeDocumentExample(collapse, 'special-token');
           });
 
-          it('should render responses', () => {
-            testSecurityResponses(element, ['401', '403'], 'Bad token.');
+          it('should render responses', async () => {
+            await testSecurityResponses(element, ['401', '403'], 'Bad token.');
           });
         });
 
@@ -388,8 +389,8 @@ describe('API Console documentation', () => {
 ]);
           });
 
-          it('should render responses', () => {
-            testSecurityResponses(element, ['401', '403'], 'Bad or expired token. This can happen if the user or Dropbox\nrevoked or expired an access token. To fix, re-authenticate\nthe user.');
+          it('should render responses', async () => {
+            await testSecurityResponses(element, ['401', '403'], 'Bad or expired token. This can happen if the user or Dropbox\nrevoked or expired an access token. To fix, re-authenticate\nthe user.');
           });
         });
       });

test/api-console-navigation.test.js

@@ -501,14 +501,15 @@ describe('API Console navigation', () => {
           it('should list all endpoints', () => {
             const endpointsList = navigationEndpointsList(element);
             assert.ok(endpointsList);
-            assert.lengthOf(endpointsList, 8);
+            assert.lengthOf(endpointsList, 9);
 
             [
             ['/test-custom-scheme', 'Custom security scheme'],
               ['/test-headers', 'Headers V2'],
             ['/test-oauth20-scheme', 'Oauth 2.0 security scheme'],
             ['/test-oauth10-scheme', 'Oauth 1.0 security scheme'],
             ['/test-pass-through-scheme', 'Digest pass through scheme'],
+            ['/songs', '/songs'],
             ['/test-query-parameters', 'Query parameters'],
             ['/test-basic-scheme', 'Basic security scheme'],
             ['/test-digest-scheme', 'Digest security scheme'],

test/api-console-request.test.js

@@ -118,20 +118,44 @@ describe('API Console request', () => {
       });
 
       describe('Body', () => {
-        beforeEach(async () => {
-          await navigationSelectEndpointMethod(element, '/test-headers', 'post');
-          // @ts-ignore
-          (await documentationTryItButton(element)).click();
-          await aTimeout(50);
-        });
+        describe('Sections', () => {
+          beforeEach(async () => {
+            await navigationSelectEndpointMethod(element, '/test-headers', 'post');
+            // @ts-ignore
+            (await documentationTryItButton(element)).click();
+            await aTimeout(50);
+          });
 
-        it('should render body section', () => {
-          assert.exists(requestBodySection(element));
+          it('should render body section', () => {
+            assert.exists(requestBodySection(element));
+          });
+
+          it('should render raw editor', () => {
+            const body = requestBodySection(element);
+            assert.exists(body.shadowRoot.querySelector('raw-payload-editor'));
+          });
         });
 
-        it('should render raw editor', () => {
-          const body = requestBodySection(element);
-          assert.exists(body.shadowRoot.querySelector('raw-payload-editor'));
+        describe('Request', () => {
+          beforeEach(async () => {
+            await navigationSelectEndpointMethod(element, '/songs', 'post');
+            // @ts-ignore
+            (await documentationTryItButton(element)).click();
+            await aTimeout(50);
+
+            spy = sinon.spy();
+            document.body.addEventListener('api-request', spy);
+          });
+
+          it('should add body to request', async () => {
+            // @ts-ignore
+            requestSendButton(element).click();
+            await nextFrame();
+
+            const body = '{\n  "songId": "550e8400-e29b-41d4-a716-446655440000",\n  "songTitle": "Get Lucky"\n}';
+            assert.isTrue(spy.called);
+            assert.equal(spy.getCall(0).args[0].detail.payload, body);
+          });
         });
       });
 
@@ -236,7 +260,8 @@ describe('API Console request', () => {
             assert.exists(credentialsSection);
           });
 
-          it('should render auth label', () => {
+          it('should render auth label', async () => {
+            await waitUntil(() => Boolean(credentialsSection.shadowRoot.querySelector('.auth-selector-label')));
             assert.equal(credentialsSection.shadowRoot.querySelector('.auth-selector-label').innerText, 'OAuth 1.0');
           });