vuepress-theme-plume/plugins/plugin-md-power/__test__/timelinePlugin.spec.ts

import MarkdownIt from 'markdown-it'
import { describe, expect, it } from 'vitest'
import { extractTimelineAttributes, timelinePlugin } from '../src/node/container/timeline.js'

describe('timeline > extractTimelineAttributes()', () => {
  it('should work', () => {
    const { title, attrs } = extractTimelineAttributes('这是标题 time=Q1')
    expect(title).toBe('这是标题')
    expect(attrs).toEqual({ time: 'Q1' })
  })

  it('should work with multi attrs', () => {
    const { title, attrs } = extractTimelineAttributes('这是标题 time=Q1 icon=ri:clockwise-line card=true placement=left line=dashed')
    expect(title).toBe('这是标题')
    expect(attrs).toEqual({ time: 'Q1', icon: 'ri:clockwise-line', card: 'true', placement: 'left', line: 'dashed' })
  })

  it('should work with title include space', () => {
    const { title, attrs } = extractTimelineAttributes('这是标题 这也是标题 time=Q1 icon=ri:clockwise-line card=true placement=left line=dashed')

    expect(title).toBe('这是标题 这也是标题')
    expect(attrs).toEqual({ time: 'Q1', icon: 'ri:clockwise-line', card: 'true', placement: 'left', line: 'dashed' })
  })

  it('should work with unknown attr', () => {
    const { title, attrs } = extractTimelineAttributes('这是标题 time=Q1 unknown=true card=true')
    expect(title).toBe('这是标题  unknown=true card=true')
    expect(attrs).toEqual({ time: 'Q1' })
  })
})

describe('timeline > timelinePlugin()', () => {
  const md = new MarkdownIt()
  timelinePlugin(md)

  it('should work', () => {
    const source = `\
::: timeline
- 这是标题
  这是内容

- 这是标题
  这是内容
:::

::: timeline horizontal line="dashed" card
- 这是标题 time=q1
  这是内容
  - 1
  - 2
  - 3
    - 1.1
    - 1.2

- 这是标题 time=q2 color=red card=false
  这是内容
:::

::: timeline placement="right"
- 这是标题 icon=xxx card=true type=warning
  这是内容

- 这是标题 type=danger line=dotted
  这是内容
:::

::: timeline placement="between"
- 这是标题 card=true placement=right
  这是内容

- 这是标题 card=true placement=left
  这是内容
:::
`
    expect(md.render(source)).toMatchSnapshot()
  })
})