handle no schema request body

Signed-off-by: Nik Nasr <[email protected]> remove unused import Signed-off-by: Nik Nasr <[email protected]> fix Signed-off-by: Nik Nasr <[email protected]> trigger CI update tests Signed-off-by: Nik Nasr <[email protected]> remove import Signed-off-by: Nik Nasr <[email protected]>
stoplightio · Jan 15, 2025 · b4b1615 · b4b1615
1 parent 3e326e7
commit b4b1615
Show file tree

Hide file tree

Showing 2 changed files with 58 additions and 0 deletions.
diff --git a/packages/elements-core/src/components/TryIt/TryIt.spec.tsx b/packages/elements-core/src/components/TryIt/TryIt.spec.tsx
@@ -609,6 +609,60 @@ describe('TryIt', () => {
         expect(bodyHeader).not.toBeInTheDocument();
       });
 
+      it('does not hide panel when request body has no schema but has content', async () => {
+        render(
+          <TryItWithPersistence
+            httpOperation={{
+              ...requestBodyEmptySchema,
+              request: {
+                body: {
+                  id: '?http-request-body?',
+                  contents: [
+                    {
+                      id: '?http-media-0?',
+                      mediaType: 'application/json',
+                    },
+                  ],
+                },
+              },
+              method: 'POST',
+            }}
+          />,
+        );
+
+        let bodyHeader = screen.queryByText('Body');
+        expect(bodyHeader).toBeInTheDocument();
+      });
+
+      it('send content-type header when request body has no schema but has content', async () => {
+        render(
+          <TryItWithPersistence
+            httpOperation={{
+              ...requestBodyEmptySchema,
+              request: {
+                body: {
+                  id: '?http-request-body?',
+                  contents: [
+                    {
+                      id: '?http-media-0?',
+                      mediaType: 'application/json',
+                    },
+                  ],
+                },
+              },
+              method: 'POST',
+            }}
+          />,
+        );
+
+        clickSend();
+        await waitFor(() => expect(fetchMock).toHaveBeenCalled());
+        const requestInit = fetchMock.mock.calls[0][1]!;
+        expect(requestInit.method).toMatch(/^post$/i);
+        const headers = new Headers(requestInit.headers);
+        expect(headers.get('Content-Type')).toBe('application/json');
+      });
+
       it('statically generates request body basing on request body schema', () => {
         render(<TryItWithPersistence httpOperation={requestBody} />);
 

diff --git a/packages/elements-core/src/utils/exampleGeneration/exampleGeneration.ts b/packages/elements-core/src/utils/exampleGeneration/exampleGeneration.ts
@@ -39,6 +39,7 @@ export const generateExampleFromMediaTypeContent = (
 ) => {
   const textRequestBodySchema = mediaTypeContent?.schema;
   const textRequestBodyExamples = mediaTypeContent?.examples;
+  const textRequestBodyMediaType = mediaTypeContent?.mediaType;
 
   try {
     if (textRequestBodyExamples?.length) {
@@ -57,6 +58,9 @@ export const generateExampleFromMediaTypeContent = (
     console.warn(e);
     return `Example cannot be created for this schema\n${e}`;
   }
+  if (textRequestBodyMediaType) {
+    return '';
+  }
   return undefined;
 };