diff --git a/cypress/e2e/specs/api_documentation.spec.ts b/cypress/e2e/specs/api_documentation.spec.ts
index 26bd14f5..76d62d65 100644
--- a/cypress/e2e/specs/api_documentation.spec.ts
+++ b/cypress/e2e/specs/api_documentation.spec.ts
@@ -1,16 +1,24 @@
import { product, productVersion } from '../fixtures/consts'
import childrenApiDocumentationJSON from '../fixtures/dochub_mocks/childrenApiDocumentation.json'
import documentTreeJSON from '../fixtures/dochub_mocks/documentTree.json'
-
+import { FeatureFlags } from '@/constants/feature-flags'
describe('Api Documentation Page', () => {
beforeEach(() => {
product.document_count = 1
- cy.mockPrivatePortal()
- cy.mockProduct(product.id, product)
- cy.mockGetProductDocumentBySlug(product.id, 'bar')
- cy.mockGetProductDocuments(product.id)
- cy.mockProductOperations()
- cy.mockStylesheetFont()
+
+ cy.mockLaunchDarklyFlags([
+ {
+ name: FeatureFlags.newMarkdownRender,
+ value: false
+ }
+ ]).then(() => {
+ cy.mockPrivatePortal()
+ cy.mockProduct(product.id, product)
+ cy.mockGetProductDocumentBySlug(product.id, 'bar')
+ cy.mockGetProductDocuments(product.id)
+ cy.mockProductOperations()
+ cy.mockStylesheetFont()
+ })
})
const PARENT_DOCUMENT_URL = `/docs/${product.id}/${documentTreeJSON[0].slug}`
diff --git a/package.json b/package.json
index c3733a5d..3d72d1df 100644
--- a/package.json
+++ b/package.json
@@ -35,6 +35,7 @@
"@kong-ui-public/spec-renderer": "2.2.20",
"@kong/kong-auth-elements": "2.12.6",
"@kong/kongponents": "8.127.0",
+ "@kong/markdown": "1.7.8",
"@kong/sdk-portal-js": "2.14.0",
"@xstate/vue": "2.0.0",
"axios": "1.6.7",
diff --git a/src/constants/feature-flags.ts b/src/constants/feature-flags.ts
index f4eef658..5bface8c 100644
--- a/src/constants/feature-flags.ts
+++ b/src/constants/feature-flags.ts
@@ -1,2 +1,3 @@
export enum FeatureFlags {
+ newMarkdownRender = 'tdx-4186-new-markdown',
}
diff --git a/src/views/ApiDocumentationPage.vue b/src/views/ApiDocumentationPage.vue
index 996b87ee..a7e6bd60 100644
--- a/src/views/ApiDocumentationPage.vue
+++ b/src/views/ApiDocumentationPage.vue
@@ -37,12 +37,20 @@
:description="helpText.apiDocumentation.error.description"
:link-text="helpText.apiDocumentation.error.linkText"
/>
+
+
+