为了账号安全,请及时绑定邮箱和手机立即绑定

d3.drag() 在通过 jsdom 测试 mousedown 事件时导致错误

d3.drag() 在通过 jsdom 测试 mousedown 事件时导致错误

蛊毒传说 2023-09-14 22:01:53
jest添加 d3.drag() 会导致在环境中测试 mousedown 事件时出错jsdom。function App() {    const array = [1];    React.useEffect(() => {        d3.select(".App")            .style("outline", "none")            .append("svg")            .attr("width", "400px")            .attr("height", "500px");        d3.select('svg')            .selectAll('g')            .data(array)            .join(                enter => {                    return enter                        .append('text')                        .attr('x', 100)                        .attr('y', 100)                        .attr('fill', '#000')                        .text('hello');                }            )            .call(d3.drag().on("start", () => {                console.log("dragStart");            }));    }, []);    return (        <div className="App">        </div>    );}const wrapper = TestingLibraryReact.render(<App/>);const circle = wrapper.container.querySelector('svg').querySelector("text");TestingLibraryReact.fireEvent.mouseDown(circle);<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/6.2.0/d3.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.13.1/umd/react.development.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.13.1/umd/react-dom.development.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.13.1/umd/react-dom-test-utils.development.js"></script><script src="https://unpkg.com/@testing-library/react@11.2.2/dist/@testing-library/react.umd.js"></script>
查看完整描述

目前暂无任何回答

  • 0 回答
  • 0 关注
  • 116 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信