@portabletext/editor 2.7.2 → 2.8.0

package/src/editor/plugins/__tests__/withEditableAPISelectionsOverlapping.test.tsx

@@ -1,162 +0,0 @@
-import {createTestKeyGenerator} from '@portabletext/test'
-import type {PortableTextBlock} from '@sanity/types'
-import {render, waitFor} from '@testing-library/react'
-import {createRef, type RefObject} from 'react'
-import {describe, expect, it, vi} from 'vitest'
-import {PortableTextEditorTester} from '../../__tests__/PortableTextEditorTester'
-import {PortableTextEditor} from '../../PortableTextEditor'
-
-const INITIAL_VALUE: PortableTextBlock[] = [
-  {
-    _key: 'a',
-    _type: 'block',
-    children: [
-      {
-        _key: 'a1',
-        _type: 'span',
-        marks: [],
-        text: 'This is some text in the block',
-      },
-    ],
-    markDefs: [],
-    style: 'normal',
-  },
-]
-
-describe('plugin:withEditableAPI: .isSelectionsOverlapping', () => {
-  it('returns true if the selections are partially overlapping', async () => {
-    const editorRef: RefObject<PortableTextEditor | null> = createRef()
-    const onChange = vi.fn()
-    render(
-      <PortableTextEditorTester
-        keyGenerator={createTestKeyGenerator()}
-        onChange={onChange}
-        ref={editorRef}
-        value={INITIAL_VALUE}
-      />,
-    )
-    const selectionA = {
-      focus: {path: [{_key: 'a'}, 'children', {_key: 'a1'}], offset: 4},
-      anchor: {path: [{_key: 'a'}, 'children', {_key: 'a1'}], offset: 8},
-    }
-
-    const selectionB = {
-      focus: {path: [{_key: 'a'}, 'children', {_key: 'a1'}], offset: 2},
-      anchor: {path: [{_key: 'a'}, 'children', {_key: 'a1'}], offset: 6},
-    }
-
-    await waitFor(() => {
-      if (editorRef.current) {
-        const isOverlapping = PortableTextEditor.isSelectionsOverlapping(
-          editorRef.current,
-          selectionA,
-          selectionB,
-        )
-
-        expect(isOverlapping).toBe(true)
-      }
-    })
-  })
-
-  it('returns true if the selections are fully overlapping', async () => {
-    const editorRef: RefObject<PortableTextEditor | null> = createRef()
-    const onChange = vi.fn()
-    render(
-      <PortableTextEditorTester
-        keyGenerator={createTestKeyGenerator()}
-        onChange={onChange}
-        ref={editorRef}
-        value={INITIAL_VALUE}
-      />,
-    )
-    const selectionA = {
-      focus: {path: [{_key: 'a'}, 'children', {_key: 'a1'}], offset: 4},
-      anchor: {path: [{_key: 'a'}, 'children', {_key: 'a1'}], offset: 8},
-    }
-
-    const selectionB = {
-      focus: {path: [{_key: 'a'}, 'children', {_key: 'a1'}], offset: 4},
-      anchor: {path: [{_key: 'a'}, 'children', {_key: 'a1'}], offset: 8},
-    }
-
-    await waitFor(() => {
-      if (editorRef.current) {
-        const isOverlapping = PortableTextEditor.isSelectionsOverlapping(
-          editorRef.current,
-          selectionA,
-          selectionB,
-        )
-
-        expect(isOverlapping).toBe(true)
-      }
-    })
-  })
-
-  it('return true if selection is fully inside another selection', async () => {
-    const editorRef: RefObject<PortableTextEditor | null> = createRef()
-    const onChange = vi.fn()
-    render(
-      <PortableTextEditorTester
-        keyGenerator={createTestKeyGenerator()}
-        onChange={onChange}
-        ref={editorRef}
-        value={INITIAL_VALUE}
-      />,
-    )
-    const selectionA = {
-      focus: {path: [{_key: 'a'}, 'children', {_key: 'a1'}], offset: 2},
-      anchor: {path: [{_key: 'a'}, 'children', {_key: 'a1'}], offset: 10},
-    }
-
-    const selectionB = {
-      focus: {path: [{_key: 'a'}, 'children', {_key: 'a1'}], offset: 4},
-      anchor: {path: [{_key: 'a'}, 'children', {_key: 'a1'}], offset: 6},
-    }
-
-    await waitFor(() => {
-      if (editorRef.current) {
-        const isOverlapping = PortableTextEditor.isSelectionsOverlapping(
-          editorRef.current,
-          selectionA,
-          selectionB,
-        )
-
-        expect(isOverlapping).toBe(true)
-      }
-    })
-  })
-
-  it('returns false if the selections are not overlapping', async () => {
-    const editorRef: RefObject<PortableTextEditor | null> = createRef()
-    const onChange = vi.fn()
-    render(
-      <PortableTextEditorTester
-        keyGenerator={createTestKeyGenerator()}
-        onChange={onChange}
-        ref={editorRef}
-        value={INITIAL_VALUE}
-      />,
-    )
-    const selectionA = {
-      focus: {path: [{_key: 'a'}, 'children', {_key: 'a1'}], offset: 4},
-      anchor: {path: [{_key: 'a'}, 'children', {_key: 'a1'}], offset: 8},
-    }
-
-    const selectionB = {
-      focus: {path: [{_key: 'a'}, 'children', {_key: 'a1'}], offset: 10},
-      anchor: {path: [{_key: 'a'}, 'children', {_key: 'a1'}], offset: 12},
-    }
-
-    await waitFor(() => {
-      if (editorRef.current) {
-        const isOverlapping = PortableTextEditor.isSelectionsOverlapping(
-          editorRef.current,
-          selectionA,
-          selectionB,
-        )
-
-        expect(isOverlapping).toBe(false)
-      }
-    })
-  })
-})

package/src/editor/plugins/__tests__/withPortableTextLists.test.tsx

@@ -1,65 +0,0 @@
-import {createTestKeyGenerator} from '@portabletext/test'
-import {render, waitFor} from '@testing-library/react'
-import {createRef, type RefObject} from 'react'
-import {describe, expect, it, vi} from 'vitest'
-import {PortableTextEditorTester} from '../../__tests__/PortableTextEditorTester'
-import {PortableTextEditor} from '../../PortableTextEditor'
-
-describe('plugin:withPortableTextLists', () => {
-  it('should return active list styles that cover the whole selection', async () => {
-    const editorRef: RefObject<PortableTextEditor | null> = createRef()
-    const initialValue = [
-      {
-        _key: 'a',
-        _type: 'block',
-        children: [
-          {
-            _key: 'a1',
-            _type: 'span',
-            marks: [],
-            text: '12',
-          },
-        ],
-        markDefs: [],
-        style: 'normal',
-      },
-      {
-        _key: 'b',
-        _type: 'block',
-        children: [
-          {
-            _key: '2',
-            _type: 'span',
-            marks: [],
-            text: '34',
-            level: 1,
-            listItem: 'bullet',
-          },
-        ],
-        markDefs: [],
-        style: 'normal',
-      },
-    ]
-    const onChange = vi.fn()
-    await waitFor(() => {
-      render(
-        <PortableTextEditorTester
-          keyGenerator={createTestKeyGenerator()}
-          onChange={onChange}
-          ref={editorRef}
-          value={initialValue}
-        />,
-      )
-    })
-    const editor = editorRef.current!
-    expect(editor).toBeDefined()
-    await waitFor(() => {
-      PortableTextEditor.focus(editor)
-      PortableTextEditor.select(editor, {
-        focus: {path: [{_key: 'a'}, 'children', {_key: 'a1'}], offset: 0},
-        anchor: {path: [{_key: '2'}, 'children', {_key: '2'}], offset: 2},
-      })
-      expect(PortableTextEditor.hasListStyle(editor, 'bullet')).toBe(false)
-    })
-  })
-})