test(api-doc): update markdown test

Kong · Sep 11, 2024 · e56fe64 · e56fe64
1 parent bc5fe0e
commit e56fe64
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 9 deletions.
diff --git 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/src/views/ApiDocumentationPage.vue b/src/views/ApiDocumentationPage.vue
@@ -48,7 +48,7 @@
         <MarkdownUi
           v-else-if="markdown && newMarkdownRenderEnabled"
           v-model="markdown"
-          class="documentation-display"
+          class="documentation-display portal-document-viewer"
           theme="light"
         />
       </template>
@@ -77,7 +77,8 @@ import ErrorWrapper from '@/components/ErrorWrapper.vue'
 import { findAllNodesOfType, getNodeTextContent } from '@/helpers/document'
 import { ProductWithVersions, useI18nStore, useProductStore } from '@/stores'
 import useToaster from '@/composables/useToaster'
-import { HeadingNode, addSlug } from '@kong-ui-public/document-viewer'
+import DocumentViewer, { HeadingNode, addSlug } from '@kong-ui-public/document-viewer'
+import '@kong-ui-public/document-viewer/dist/style.css'
 import { MarkdownUi } from '@kong/markdown'
 import '@kong/markdown/dist/style.css'
 import { DocumentBlock, ProductDocument } from '@kong/sdk-portal-js'
@@ -88,6 +89,7 @@ export default defineComponent({
   name: 'ApiDocumentationPage',
   components: {
     MarkdownUi,
+    DocumentViewer,
     DocumentSections,
     ErrorWrapper
   },