Reactjs 在React mock中编写测试,模拟使用SockJS和STOMP建立的WebSocket连接

Reactjs 在React mock中编写测试,模拟使用SockJS和STOMP建立的WebSocket连接,reactjs,unit-testing,websocket,stomp,sockjs,Reactjs,Unit Testing,Websocket,Stomp,Sockjs,我不熟悉WebSocket、SockJS和STOMP,但我正在尝试设置一个React应用程序,使用WebSocket连接与Spring Boot后端进行实时通信 为了创建连接,我按照stompjs的自述文件执行以下操作 const ws = new SockJS(`${config.serviceUrl}/ws`); const client = Stomp.over(ws); 我想尝试使用连接测试组件,但我无法在网上找到任何示例。我安装了jest-websocket-mock,希望能像使用m

我不熟悉WebSocket、SockJS和STOMP,但我正在尝试设置一个React应用程序,使用WebSocket连接与Spring Boot后端进行实时通信

为了创建连接,我按照stompjs的自述文件执行以下操作

const ws = new SockJS(`${config.serviceUrl}/ws`);
const client = Stomp.over(ws);
我想尝试使用连接测试组件,但我无法在网上找到任何示例。我安装了
jest-websocket-mock
,希望能像使用
msw
进行更标准的REST通信一样使用它。然而,我的测试似乎忽略了
jest-websocket-mock
创建的模拟服务器。我相信这是因为运行应用程序时,我可以在网络选项卡中看到的“真实”端点类似于
ws://localhost:8080/ws/881/40fghp5r/websocket
,每次建立新连接时,
881/40fghp5r

这是一个我不太熟悉的代码领域,我希望测试的信心能够确保它仍然像我期望的那样运行。我将如何模拟和测试以这种方式创建的WebSocket连接