Select text in tests

[sinnbeck]

I am trying to do some testing on my component using the tiptap editor. So far everything works, but I want to make sure I can select some text, and then trigger italic or similar on the text. I can select the text just fine, but it seems that tiptap (or prosemirror) does not pick up the selection at all.

This is my text. The part that checks what is selected works, but toggling italic does not

it('can make selected text italic', async () => {
      const mockContent = ''
      const mockOnChange = vi.fn()
      const mockMentions = ['name', 'surname']

      const {container, getByTitle, getByText} = render(
          <TiptapEditor
              content={mockContent}
              onChange={mockOnChange}
              mentions={mockMentions}
          />
      )
      const user = userEvent.setup()

      const editor = await waitFor(() =>
          container.querySelector('.ProseMirror').querySelector('p')
      )

      await user.type(editor, 'Some text')

      //await user.dblClick(getByText('Some text'))
      await user.pointer([
          // left click and hold at char 0
          {target: editor, offset: 0, keys: '[MouseLeft>]'},
          // drag the mouse to the right 5 characters
          {offset: 9},
          // release the left mouse button
          {keys: '[/MouseLeft]'},
      ])

      const selection = document.getSelection()?.toString();
      expect(selection).toBe('Some text');

      fireEvent.click(getByTitle('italic'))

      expect(editor).toMatchInlineSnapshot(`
<p>
<em>
Some text
</em>
</p>
`)
})

I have also tried just overwriting the selected text using user.type('foo') but that just appends it to the end of the current text