How to get native Range from ProseMirror selection without setting the window selection?

ccorcos · September 3, 2021, 9:59pm

I’m writing end-to-end tests and would like to be able to measure a ProseMirror selection on the screen so I can do some mouse interactions. The thing is, I don’t want to just change the selection and measure the current selection.

It seems like it should be possible to reuse some logic from this function:

github.com

ProseMirror/prosemirror-view/blob/5be7c1df85559e2a067f53eeaeb37693e24d4400/src/viewdesc.js#L353-L431

    
      
          setSelection(anchor, head, root, force) {
            // If the selection falls entirely in a child, give it to that child
            let from = Math.min(anchor, head), to = Math.max(anchor, head)
            for (let i = 0, offset = 0; i < this.children.length; i++) {
              let child = this.children[i], end = offset + child.size
              if (from > offset && to < end)
                return child.setSelection(anchor - offset - child.border, head - offset - child.border, root, force)
              offset = end
            }
          
          
  let anchorDOM = this.domFromPos(anchor, anchor ? -1 : 1)
            let headDOM = head == anchor ? anchorDOM : this.domFromPos(head, head ? -1 : 1)
            let domSel = root.getSelection()
          
          
  let brKludge = false
            // On Firefox, using Selection.collapse to put the cursor after a
            // BR node for some reason doesn't always work (#1073). On Safari,
            // the cursor sometimes inexplicable visually lags behind its
            // reported position in such situations (#1092).
            if ((browser.gecko || browser.safari) && anchor == head) {

This file has been truncated. show original

Any thoughts on how best to do this?

Thanks,

Chet

marijn · September 4, 2021, 6:49am

Would domAtPos or even coordsAtPos help here? Just get the selection end points, either directly as coordinates, or as DOM position you can put into a range.

ccorcos · September 4, 2021, 8:11pm

Oh perfect. That totally works