feat: render NodeVendorExtensions in the 'overview' page

Author: steven-noorbergen

packages/elements-core/src/components/Docs/HttpService/HttpService.spec.tsx

@@ -10,6 +10,7 @@ import httpService from '../../../__fixtures__/services/petstore';
 import { httpServiceWithUnnamedServers } from '../../../__fixtures__/services/with-unnamed-servers';
 import { httpServiceWithUrlVariables } from '../../../__fixtures__/services/with-url-variables';
 import { httpServiceWithoutOrigin } from '../../../__fixtures__/services/without-origin';
+import { ElementsOptionsProvider } from '../../../context/Options';
 import { AdditionalInfo } from './AdditionalInfo';
 import { HttpService } from './index';
 import { SecuritySchemes } from './SecuritySchemes';
@@ -426,4 +427,18 @@ describe('useSplitUrl hook', () => {
       { kind: 'static', value: '.stoplight.io{test' },
     ]);
   });
+
+  it('HttpService renders NodeVendorExtensions', () => {
+    const wrapper = render(
+      <Router>
+        <MosaicProvider>
+          <ElementsOptionsProvider renderExtensionAddon={() => <div>Vendor Extensions</div>}>
+            <HttpService data={{ ...httpService, extensions: { ['x-test-extension']: 'test' } }} />
+          </ElementsOptionsProvider>
+        </MosaicProvider>
+      </Router>,
+    );
+
+    expect(wrapper.getByText('Vendor Extensions')).toBeInTheDocument();
+  });
 });

packages/elements-core/src/components/Docs/HttpService/HttpService.tsx

@@ -15,6 +15,7 @@ import { AdditionalInfo } from './AdditionalInfo';
 import { ExportButton } from './ExportButton';
 import { SecuritySchemes } from './SecuritySchemes';
 import { ServerInfo } from './ServerInfo';
+import { NodeVendorExtensions } from '../NodeVendorExtensions';
 
 export type HttpServiceProps = DocsComponentProps<Partial<IHttpService>>;
 
@@ -91,6 +92,8 @@ const HttpServiceComponent = React.memo<HttpServiceProps>(
             <NodeAnnotation change={descriptionChanged} />
           </Box>
         )}
+
+        <NodeVendorExtensions data={data} />
       </Box>
     );
   },