test(e2e): update sidebar e2e test (#40)

e2e/docs/.vuepress/config.ts

@@ -59,17 +59,17 @@ export default defineUserConfig({
 
     sidebar: {
       '/': ['/sidebar/'],
-      '/sidebar/': [
+      '/sidebar/heading/': 'heading',
+      '/sidebar/config/': [
         {
           text: 'Sidebar',
-          link: '/sidebar/',
+          link: '/sidebar/config/',
           children: [
-            { text: 'sidebar 1', link: '/sidebar/1.html' },
-            { text: 'sidebar 2', link: '/sidebar/2.html' },
+            { text: 'sidebar 1', link: '/sidebar/config/1.html' },
+            { text: 'sidebar 2', link: '/sidebar/config/2.html' },
           ],
         },
       ],
-      '/heading-sidebar/': 'heading',
     },
   }),
 }) as UserConfig

e2e/docs/sidebar/heading/1.md

@@ -0,0 +1,5 @@
+# Sidebar 1
+
+## Sidebar 1 Heading 1
+
+## Sidebar 1 Heading 2

e2e/docs/sidebar/heading/2.md

@@ -0,0 +1,5 @@
+# Sidebar 2
+
+## Sidebar 2 Heading 1
+
+## Sidebar 2 Heading 2

e2e/tests/theme-default/sidebar.cy.ts

@@ -1,15 +1,46 @@
-it('has heading sidebar', () => {
-  cy.visit('/sidebar/')
-  cy.get('.theme-default-content').then((el) => {
-    cy.wrap(el)
-      .get('a.sidebar-item')
-      .should('contain', 'Sidebar Heading 1')
-      .should('contain', 'Sidebar Heading 2')
+describe('has heading sidebar', () => {
+  it('frontmatter', () => {
+    cy.visit('/sidebar/auto.html')
+    cy.get('.theme-default-content').then((el) => {
+      cy.wrap(el)
+        .get('a.sidebar-item')
+        .should('contain', 'Sidebar Heading 1')
+        .should('contain', 'Sidebar Heading 2')
+    })
+  })
+
+  it('config', () => {
+    cy.visit('/sidebar/heading/1.html')
+
+    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('has configured sidebar', () => {
-  cy.visit('/sidebar/1.html')
+  cy.visit('/sidebar/config/1.html')
   cy.get('.theme-default-content').then((el) => {
     cy.wrap(el)
       .get('a.sidebar-item')