vitepress/__tests__/unit/client/theme-default/composables/outline.test.ts

import { resolveHeaders } from 'client/theme-default/composables/outline'

describe('client/theme-default/composables/outline', () => {
  describe('resolveHeader', () => {
    test('levels range', () => {
      expect(
        resolveHeaders(
          [
            {
              level: 1,
              title: 'h1 - 1',
              link: '#h1-1',
              children: [
                {
                  level: 2,
                  title: 'h2 - 1',
                  link: '#h2-1',
                  children: [
                    {
                      level: 3,
                      title: 'h3 - 1',
                      link: '#h3-1'
                    }
                  ]
                }
              ]
            }
          ],
          [2, 3]
        )
      ).toEqual([
        {
          level: 2,
          title: 'h2 - 1',
          link: '#h2-1',
          children: [
            {
              level: 3,
              title: 'h3 - 1',
              link: '#h3-1'
            }
          ]
        }
      ])
    })

    test('specific level', () => {
      expect(
        resolveHeaders(
          [
            {
              level: 2,
              title: 'h2 - 1',
              link: '#h2-1',
              children: [
                {
                  level: 3,
                  title: 'h3 - 1',
                  link: '#h3-1'
                }
              ]
            }
          ],
          2
        )
      ).toEqual([
        {
          level: 2,
          title: 'h2 - 1',
          link: '#h2-1'
        }
      ])
    })

    test('complex deep', () => {
      expect(
        resolveHeaders(
          [
            {
              level: 2,
              title: 'h2 - 1',
              link: '#h2-1',
              children: [
                {
                  level: 3,
                  title: 'h3 - 1',
                  link: '#h3-1',
                  children: [
                    {
                      level: 4,
                      title: 'h4 - 1',
                      link: '#h4-1'
                    }
                  ]
                },
                {
                  level: 3,
                  title: 'h3 - 2',
                  link: '#h3-2',
                  children: [
                    {
                      level: 4,
                      title: 'h4 - 2',
                      link: '#h4-2'
                    }
                  ]
                }
              ]
            },
            {
              level: 2,
              title: 'h2 - 2',
              link: '#h2-2',
              children: [
                {
                  level: 3,
                  title: 'h3 - 3',
                  link: '#h3-3',
                  children: [
                    {
                      level: 4,
                      title: 'h4 - 3',
                      link: '#h4-3'
                    }
                  ]
                }
              ]
            }
          ],
          'deep'
        )
      ).toEqual([
        {
          level: 2,
          title: 'h2 - 1',
          link: '#h2-1',
          children: [
            {
              level: 3,
              title: 'h3 - 1',
              link: '#h3-1',
              children: [
                {
                  level: 4,
                  title: 'h4 - 1',
                  link: '#h4-1'
                }
              ]
            },
            {
              level: 3,
              title: 'h3 - 2',
              link: '#h3-2',
              children: [
                {
                  level: 4,
                  title: 'h4 - 2',
                  link: '#h4-2'
                }
              ]
            }
          ]
        },
        {
          level: 2,
          title: 'h2 - 2',
          link: '#h2-2',
          children: [
            {
              level: 3,
              title: 'h3 - 3',
              link: '#h3-3',
              children: [
                {
                  level: 4,
                  title: 'h4 - 3',
                  link: '#h4-3'
                }
              ]
            }
          ]
        }
      ])
    })
  })
})