test: optional field to overwrite content type is rendered for multipart body (#742)

Author: carowright

demo/apis.json

@@ -31,5 +31,6 @@
   "models/streetlights/streetlights.yaml": "ASYNC 2.0",
   "models/visual-tests-raml/visual-tests-raml.raml": "RAML 1.0",
   "models/representative-service/representative-service.yaml": "OAS 3.0",
-  "models/APIC-763/APIC-763.raml": "RAML 1.0"
+  "models/APIC-763/APIC-763.raml": "RAML 1.0",
+  "models/multipart-api/multipart-api.raml": "RAML 1.0"
 }

demo/models/multipart-api/multipart-api.raml

@@ -0,0 +1,29 @@
+#%RAML 1.0
+title: Social Determinants of Health
+version: v1
+protocols:
+  - HTTP
+  - HTTPS
+/sdoh:
+  post:
+    headers:
+      clientId:
+        example: Example
+        type: string
+      clientSecret:
+        example: Example
+        type: string
+    body:
+      multipart/form-data:
+        properties:
+          file:
+            fileTypes:
+              - "*/*"
+              - text/plain
+    responses:
+      "200":
+        body:
+          application/json:
+            type: object
+      "201": {}
+    securedBy: []

test/api-console-request.test.js

@@ -778,4 +778,43 @@ describe('API Console request', () => {
       });
     });
   });
+
+  [
+    new ApiDescribe('Regular model'),
+    new ApiDescribe('Compact model', true)
+  ].forEach(({ label, compact }) => {
+    describe(label, () => {
+      let element;
+      let amf;
+
+      describe('Multipart payload', () => {
+        before(async () => {
+          amf = await AmfLoader.load({ compact, fileName: 'multipart-api' });
+        });
+
+        beforeEach(async () => {
+          element = await amfFixture(amf);
+          await navigationSelectEndpointMethod(element, '/sdoh', 'post');
+          // @ts-ignore
+          (await documentationTryItButton(element)).click();
+          await aTimeout(50);
+        });
+
+        it('should render request panel with optional field to overwrite content type', () => {
+          const requestBody = requestBodySection(element);
+          assert.exists(requestBody);
+
+          const multipartPayload = requestBody.shadowRoot.querySelector('multipart-payload-editor');
+          assert.exists(multipartPayload);
+
+          const multipartFileForm = multipartPayload.shadowRoot.querySelector('multipart-file-form-item');
+          assert.exists(multipartFileForm);
+
+          const inputLabel = multipartFileForm.shadowRoot.querySelector('anypoint-input').querySelector('label');
+          assert.exists(inputLabel);
+          assert.equal(inputLabel.innerText, 'Content type (Optional)');
+        });
+      });
+    });
+  });
 });