如何用玩笑代替Pointerevent？（未定义pointerevent）

发布于 2025-02-12 08:51:34 字数 898 浏览 0 评论 0原文

我的React应用程序中的问题是

我在开关案例语句中测试不同事件构造函数。类似的事情：

switch (event.constructor) {
    case String:
        doSomething()
        break;
    case Array:
        doSomething()
        break;
    case Date:
        doSomething()
        break;
    case PointerEvent:
        doSomething()
        break;
    default:
        doSomething()
        break;

如果我用笑话测试此设置，它总是会给我带来错误Reference> ReferenceError：PointerEvent未定义。我可以通过将POINTEREVENT设置为window.pointerevent来解决此问题。但是我的玩笑环境中的事件具有类型mouseevent。

问题

如何将PoInterevent设置为测试过程中鼠标量的别名？还是有一种方法可以在开玩笑中导入执行pointerevent？

系统

"@mui/material": "^5.6.3",
"@testing-library/jest-dom": "^5.14.1",
"@testing-library/react": "^13.0.0",
"@testing-library/user-event": "^13.2.1",
"react": "^18.0.0",
"react-dom": "^18.0.0",

原文

Problem

In my react app I test for different event constructors in a switch case statement. Something like that:

switch (event.constructor) {
    case String:
        doSomething()
        break;
    case Array:
        doSomething()
        break;
    case Date:
        doSomething()
        break;
    case PointerEvent:
        doSomething()
        break;
    default:
        doSomething()
        break;

If I test this setup with jest it always throws me the error ReferenceError: PointerEvent is not defined. I can fix this problem by setting PointerEvent to window.PointerEvent. But the event in my jest environment has the type MouseEvent.

Question

How can I set the PointerEvent as an alias for the MouseEvent during testing? Or is there even a way to import an execute a PointerEvent in jest?

System

"@mui/material": "^5.6.3",
"@testing-library/jest-dom": "^5.14.1",
"@testing-library/react": "^13.0.0",
"@testing-library/user-event": "^13.2.1",
"react": "^18.0.0",
"react-dom": "^18.0.0",

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

是伱的 2025-02-19 08:51:34

如果您查看该JSDOM似乎无法实现POINTEREVENT

您可以解决此问题

class MockPointerEvent {}

describe("PointerEvent", () => {
  beforeEach(() => {
    global.window.PointerEvent = MockPointerEvent as any;
  });

  it("confirms pointer event", () => {
    const pointerEvent = new PointerEvent("");

    expect(pointerEvent).toBeTruthy();
  });
});

If you look at this issue, you can see that jsdom appears to not implement PointerEvent

You can work around this this though

class MockPointerEvent {}

describe("PointerEvent", () => {
  beforeEach(() => {
    global.window.PointerEvent = MockPointerEvent as any;
  });

  it("confirms pointer event", () => {
    const pointerEvent = new PointerEvent("");

    expect(pointerEvent).toBeTruthy();
  });
});

回复收藏 0 原文

~没有更多了~