prosemirror-flat-list/src/commands/set-safe-selection.spec.ts

Powerful list support for ProseMirror

import type { Command } from 'prosemirror-state'
import { describe, it } from 'vitest'

import { setupTestingEditor } from '../../test/setup-editor'

import { setSafeSelection } from './set-safe-selection'

describe('setSafeSelection', () => {
  const {
    doc,
    p,
    collapsedToggleList,
    expandedToggleList,
    bulletList,
    applyCommand,
  } = setupTestingEditor()

  const command: Command = (state, dispatch) => {
    dispatch?.(setSafeSelection(state.tr))
    return true
  }

  it('can move cursor outside of collapsed content', () => {
    applyCommand(
      command,
      doc(
        collapsedToggleList(
          //
          p('123'),
          p('45<cursor>6'),
        ),
      ),
      doc(
        collapsedToggleList(
          //
          p('123<cursor>'),
          p('456'),
        ),
      ),
    )
  })

  it('can move cursor outside of collapsed and deep sub list', () => {
    applyCommand(
      command,
      doc(
        bulletList(
          bulletList(
            bulletList(
              collapsedToggleList(
                //
                p('123'),
                p('45<cursor>6'),
              ),
            ),
          ),
        ),
      ),
      doc(
        bulletList(
          bulletList(
            bulletList(
              collapsedToggleList(
                //
                p('123<cursor>'),
                p('456'),
              ),
            ),
          ),
        ),
      ),
    )
  })

  it('does not change if the cursor is visible ', () => {
    applyCommand(
      command,
      doc(
        collapsedToggleList(
          //
          p('12<cursor>3'),
          p('456'),
        ),
      ),
      doc(
        collapsedToggleList(
          //
          p('12<cursor>3'),
          p('456'),
        ),
      ),
    )
  })

  it('can handle from position', () => {
    applyCommand(
      command,
      doc(
        collapsedToggleList(
          //
          p('123'),
          p('45<start>6'),
        ),
        expandedToggleList(
          //
          p('12<end>3'),
          p('456'),
        ),
      ),
      doc(
        collapsedToggleList(
          //
          p('123<cursor>'),
          p('456'),
        ),
        expandedToggleList(
          //
          p('123'),
          p('456'),
        ),
      ),
    )
  })

  it('can handle to position', () => {
    applyCommand(
      command,
      doc(
        expandedToggleList(
          //
          p('1<start>23'),
          p('456'),
        ),
        collapsedToggleList(
          //
          p('123'),
          p('4<end>56'),
        ),
      ),
      doc(
        expandedToggleList(
          //
          p('123'),
          p('456'),
        ),
        collapsedToggleList(
          //
          p('123<cursor>'),
          p('456'),
        ),
      ),
    )
  })
})