feat(theme-default): heading-sidebar (#30)

e2e/docs/.vuepress/client.ts

@@ -0,0 +1,5 @@
+import { defineClientConfig } from '@vuepress/client'
+
+export default defineClientConfig({
+  //
+})

e2e/docs/.vuepress/config.ts

@@ -69,6 +69,7 @@ export default defineUserConfig({
           ],
         },
       ],
+      '/heading-sidebar/': 'heading',
     },
   }),
 }) as UserConfig

e2e/docs/heading-sidebar/README.md

@@ -0,0 +1,7 @@
+# heading-sidebar
+
+## header 1
+
+## header 2
+
+## header 3

e2e/package.json

@@ -17,6 +17,7 @@
   "dependencies": {
     "@vuepress/bundler-vite": "2.0.0-rc.2",
     "@vuepress/bundler-webpack": "2.0.0-rc.2",
+    "@vuepress/client": "2.0.0-rc.2",
     "@vuepress/theme-default": "workspace:*",
     "sass": "^1.70.0",
     "sass-loader": "^14.0.0",

e2e/tests/theme-default/composables/useSidebarItems.cy.ts

@@ -0,0 +1,37 @@
+it("route has 'heading' sidebar", () => {
+  cy.visit('/heading-sidebar/')
+  cy.get('.theme-default-content').then((el) => {
+    cy.wrap(el)
+      .get('h1')
+      .invoke('text')
+      .should('be.not.empty')
+      .then((text) => {
+        cy.get('.sidebar-heading')
+          .invoke('text')
+          .should('contain', text.replace('#', '').trim())
+      })
+    cy.wrap(el)
+      .get('h2')
+      .each((header) => {
+        cy.wrap(header)
+          .invoke('text')
+          .should('be.not.empty')
+          .then((headerText) => {
+            cy.get('a.sidebar-item').contains(
+              headerText.replace('#', '').trim(),
+            )
+          })
+      })
+  })
+})
+
+it('route has custom sidebar', () => {
+  cy.visit('/sidebar/')
+  cy.get('.theme-default-content').then((el) => {
+    cy.wrap(el).get('.sidebar-heading').should('contain', 'Sidebar')
+    cy.wrap(el)
+      .get('a.sidebar-item')
+      .should('contain', 'Sidebar Heading 1')
+      .should('contain', 'Sidebar Heading 2')
+  })
+})