Jsdom: getBoundingClientRect()에 대한 js dom 설정

에 만든 2016년 08월 25일 · 4코멘트 · 출처: jsdom/jsdom

screen shot 2016-08-25 at 4 57 33 pm

아마도 누군가가 getBoundingClientRect() 와 함께 작동하는 jsdom을 설정하고 나는 simulantjs로 작업하고 내 콘솔은 이것을 다시 기록합니다->
screen shot 2016-08-25 at 5 03 42 pm

    const wrapper = mount(
      <Provider store={store}>
        <FullDecoratedBlock
          uid={'test'}
          setFocusedElement={setFocusedElement}/>
      </Provider>, {attachTo: document.getElementById('app')})
    expect(wrapper.find('.add-wrap').length).to.eql(0)
    simulant.fire(document.body.querySelector('.wrapper-resize-button'), 'mousedown')
    simulant.fire(document.body, 'mousemove', {target: {clientX: 51, clientY: 101}})

누군가 아이디어를 가지고 있을까요??

출처

potapovDim

가장 유용한 댓글

당신은 가정 할 수 있습니다 .getBoundingClientRect() API가 작동하고 다음을 수행합니다.

const p = document.createElement('p')

    p.getBoundingClientRect = jest.fn(() => ({
      x: 851.671875,
      y: 200.046875,
      width: 8.34375,
      height: 17,
      top: 967.046875,
      right: 860.015625,
      bottom: 984.046875,
      left: 851.671875,
    }))

clearyandzap 에 2020년 01월 25일

👍9 🎉3 🚀2

모든 4 댓글

나는 이 문제를 잘 이해하지 못한다. #1581, https://github.com/tmpvar/jsdom/issues/653 , https://github.com/tmpvar/jsdom/issues/1322의 속임수인 것 같습니다.

domenic 에 2016년 08월 25일

@domenic 내가 구성 요소를 가지고 있습니다. 마우스를 구성 요소의 맨 아래로 이동할 때 내 구성 요소가 buttop을 표시하기를 기다리고 const rect = node.getBoundingClientRect() 이 rect가 마우스의 좌표를 얻고 구성 요소에서 const showPlusButton = event.insideX && Math.abs(event.pos.y - event.componentRect.bottom) <= MOUSE_DISTANCE 를 작성합니다.

potapovDim 에 2016년 08월 25일

jsdom은 렌더링을 수행하지 않으므로 getBoundingClientRect() 는 항상 0,0,0,0을 반환합니다. 그것은 변하지 않을 것입니다(예측 가능한 장기적으로도). 함수를 조롱하여 예상한 결과를 에뮬레이트할 수 있습니다. 또한 #653을 참조하십시오.

Sebmaster 에 2016년 08월 29일

👍2

당신은 가정 할 수 있습니다 .getBoundingClientRect() API가 작동하고 다음을 수행합니다.

const p = document.createElement('p')

    p.getBoundingClientRect = jest.fn(() => ({
      x: 851.671875,
      y: 200.046875,
      width: 8.34375,
      height: 17,
      top: 967.046875,
      right: 860.015625,
      bottom: 984.046875,
      left: 851.671875,
    }))

clearyandzap 에 2020년 01월 25일

👍9 🎉3 🚀2

이 페이지가 도움이 되었나요?

0 / 5 - 0 등급

Jsdom: getBoundingClientRect()에 대한 js dom 설정

가장 유용한 댓글

모든 4 댓글

관련 문제