- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
目标是将 EventSource 相关的功能放入一个类中,例如:
export default class EventSourceSetup {
constructor() {
let eventSource = new EventSource('http://localhost');
eventSource.addEventListener('loading', function (event) {
})
eventSource.addEventListener('loaded', function (event) {
})
eventSource.addEventListener('error', function (event) {
})
eventSource.onerror = error => {
console.error('EventSource failed: ', error);
};
}
}
应该模拟服务器,并使用浏览器中带有 window
和 EventSource
的完整客户端功能。并对其进行测试,例如:
import EventSourceSetup from './thumbnails'
describe('SSE', () => {
beforeAll(() => {
});
it('first', () => {
const eventSourceSetup = new EventSourceSetup();
});
});
但是当我这样做时,我看到以下错误:
ReferenceError: EventSource is not defined
at new EventSourceSetup (/Users/pharmosan/IdeaProjects/thumbnails-frontend/thumbnails.js:3:27)
at Object.<anonymous> (/Users/pharmosan/IdeaProjects/thumbnails-frontend/thumbnails.test.js:8:34)
at Object.asyncJestTest (/Users/pharmosan/IdeaProjects/thumbnails-frontend/node_modules/jest-jasmine2/build/jasmineAsyncInstall.js:100:37)
at /Users/pharmosan/IdeaProjects/thumbnails-frontend/node_modules/jest-jasmine2/build/queueRunner.js:43:12
at new Promise (<anonymous>)
at mapper (/Users/pharmosan/IdeaProjects/thumbnails-frontend/node_modules/jest-jasmine2/build/queueRunner.js:26:19)
at /Users/pharmosan/IdeaProjects/thumbnails-frontend/node_modules/jest-jasmine2/build/queueRunner.js:73:41
at processTicksAndRejections (internal/process/task_queues.js:97:5)
最佳答案
这是单元测试解决方案:
index.js
:
export default class EventSourceSetup {
eventSource;
constructor() {
let eventSource = new EventSource('http://localhost');
this.eventSource = eventSource;
eventSource.addEventListener('loading', function(event) {
console.log('loading');
});
eventSource.addEventListener('loaded', function(event) {
console.log('loaded');
});
eventSource.addEventListener('error', function(event) {
console.log('error');
});
eventSource.onerror = (error) => {
console.error('EventSource failed: ', error);
};
}
}
index.test.js
:
import EventSourceSetup from '.';
const mEventSourceInstance = {
addEventListener: jest.fn(),
};
const mEventSource = jest.fn(() => mEventSourceInstance);
global.EventSource = mEventSource;
describe('SSE', () => {
afterEach(() => {
jest.clearAllMocks();
});
it('first', () => {
mEventSourceInstance.addEventListener.mockImplementation((event, handler) => {
if (event === 'loading' || event === 'loaded') {
handler();
}
});
const logSpy = jest.spyOn(console, 'log');
new EventSourceSetup();
expect(mEventSource).toBeCalledWith('http://localhost');
expect(mEventSourceInstance.addEventListener).toBeCalledTimes(3);
expect(logSpy).toBeCalledWith('loading');
expect(logSpy).toBeCalledWith('loaded');
});
it('should handle error', () => {
mEventSourceInstance.addEventListener.mockImplementation((event, handler) => {
if (event === 'error') {
handler();
}
});
const logSpy = jest.spyOn(console, 'log');
new EventSourceSetup();
expect(mEventSource).toBeCalledWith('http://localhost');
expect(mEventSourceInstance.addEventListener).toBeCalledTimes(3);
expect(logSpy).toBeCalledWith('error');
});
it('should handle onerror', () => {
const eventSourceSetup = new EventSourceSetup();
const errorLogSpy = jest.spyOn(console, 'error');
const mError = new Error('network');
eventSourceSetup.eventSource.onerror(mError);
expect(errorLogSpy).toBeCalledWith('EventSource failed: ', mError);
});
});
100%覆盖率的单元测试结果:
PASS stackoverflow/60409694/index.test.js (9.572s)
SSE
✓ first (31ms)
✓ should handle error (1ms)
✓ should handle onerror (19ms)
console.log node_modules/jest-mock/build/index.js:814
loading
console.log node_modules/jest-mock/build/index.js:814
loaded
console.log node_modules/jest-mock/build/index.js:814
error
console.log node_modules/jest-mock/build/index.js:814
error
console.error node_modules/jest-mock/build/index.js:814
EventSource failed: Error: network
at Object.<anonymous> (/Users/ldu020/workspace/github.com/mrdulin/react-apollo-graphql-starter-kit/stackoverflow/60409694/index.test.js:44:20)
at Object.asyncJestTest (/Users/ldu020/workspace/github.com/mrdulin/react-apollo-graphql-starter-kit/node_modules/jest-jasmine2/build/jasmineAsyncInstall.js:100:37)
at resolve (/Users/ldu020/workspace/github.com/mrdulin/react-apollo-graphql-starter-kit/node_modules/jest-jasmine2/build/queueRunner.js:43:12)
at new Promise (<anonymous>)
at mapper (/Users/ldu020/workspace/github.com/mrdulin/react-apollo-graphql-starter-kit/node_modules/jest-jasmine2/build/queueRunner.js:26:19)
at promise.then (/Users/ldu020/workspace/github.com/mrdulin/react-apollo-graphql-starter-kit/node_modules/jest-jasmine2/build/queueRunner.js:73:41)
at process._tickCallback (internal/process/next_tick.js:68:7)
----------|---------|----------|---------|---------|-------------------
File | % Stmts | % Branch | % Funcs | % Lines | Uncovered Line #s
----------|---------|----------|---------|---------|-------------------
All files | 100 | 100 | 100 | 100 |
index.js | 100 | 100 | 100 | 100 |
----------|---------|----------|---------|---------|-------------------
Test Suites: 1 passed, 1 total
Tests: 3 passed, 3 total
Snapshots: 0 total
Time: 12.222s
jest.config.js
:
module.exports = {
preset: 'ts-jest/presets/js-with-ts',
testMatch: ['**/?(*.)+(spec|test).[jt]s?(x)'],
verbose: true,
};
关于javascript - 使用 Jest 和 ES 模块测试客户端 SSE,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60409694/
在 settings.py LANGUAGE_CODE = 'es-mx'或 LANGUAGE_CODE = 'es-ar'不起作用,但是 LANGUAGE_CODE = 'es'或 LANGUAGE
我想知道OpenGL ES 2.0和OpenGL ES 3.0之间有什么区别。 OpenGL ES 3.0的主要优点是什么? 最佳答案 总体而言,这些变化通过更大的缓冲区、更多的格式、更多的统一等提高
这是我为此端点使用 Postman localhost:9201/response_v2_862875ee3a88a6d09c95bdbda029ce2b/_search 的请求正文 { "_sour
OpenGL ES 2.0 没有 ES 1.0 那样的 GL_POINT_SMOOTH 定义。这意味着我用来绘制圆圈的代码不再有效: glEnable(GL_POINT_SMOOTH); glPoin
我尝试编译这个着色器: varying vec2 TexCoords; varying vec4 color; uniform sampler2D text; uniform vec3 textCol
我是 OpenGL ES 的新手,我使用的是 OpenGL ES 2.0 版本。我可以在片段着色器中使用按位操作(右移、左移)吗? 最佳答案 OpenGL ES 2.0 没有按位运算符。 ES 3.0
有没有办法只用线画一个三角形? 我认为GL_TRIANGLES选项可使三角形充满颜色。 最佳答案 使用glPolygonMode(face, model)设置填充模式: glPolygonMode(G
我想用一个包含 yuv 数据的采样器在 opengl es 着色器中将 yuv 转换为 rgb。我的代码如下: 1)我将 yuv 数据发送到纹理: GLES20.glTexImage2D(GLES20
我正在使用这样的域: http://www.domain.com/es/blabla.html 我想更改 .es 的/es 部分并将 URLS 转换为类似以下内容: http://www.domain
有谁知道OpenGL ES是否支持GL_TEXTURE_RECTANGLE?我计划将它用于 2D 图形以支持非二次幂图像。我当前的实现使用 alpha=0 填充的 POT 纹理,对于拉伸(stretc
我需要在具有 PowerVR SGX 硬件的 ARM 设备上实现离屏纹理渲染。 一切都完成了(使用了像素缓冲区和 OpenGL ES 2.0 API)。唯一 Unresolved 问题是速度很慢glR
这是一个奇怪的事情。我有一个片段着色器,据我所知只能返回黑色或红色,但它将像素渲染为白色。如果我删除一根特定的线,它会返回我期望的颜色。它适用于 WebGL,但不适用于 Raspberry Pi 上的
我正在考虑将一些 OpenGL 代码移植到 OpenGL ES 并且想知道这段代码到底做了什么: glPushClientAttrib(GL_CLIENT_VERTEX_ARRAY_BIT) 因为 g
我正在考虑将一些 OpenGL 代码移植到 OpenGL ES 并且想知道这段代码到底做了什么: glPushClientAttrib(GL_CLIENT_VERTEX_ARRAY_BIT) 因为 g
GLSL ES最多可以编译多少个程序?所以假设我创建了 100 个片段着色器,每个都有不同的效果。所以在运行时我编译所有这些并动态地我用 glUseProgram 交换它们。我假设每次我编译一个新的
我正在尝试使用顶点缓冲区对象来绘制圆,并在 iPhone 上的 OpenGL ES 2.0 中启用 GL_POINT_SMOOTH 来绘制点。 我使用以下 ES 1.0 渲染代码在 iPhone 4
为什么在 OpenGL ES 1.x 中缩放(均匀)对象会导致对象变轻? 更有意义的是它会更暗,因为法线被缩小是否也会使对象更暗?但由于某种原因,物体变轻了。当我放大时,对象变得更暗。在我看来,这应该
我正在尝试通过移植 some code 在 iOS 上的 OpenGL ES 2.0 中获得一些阴影效果。来自标准 GL。部分示例涉及将深度缓冲区复制到纹理: glBindTexture(GL_TEX
所以我正在使用 2D 骨骼动画系统。 有 X 个骨骼,每个骨骼至少有 1 个部分(一个四边形,两个三角形)。平均而言,我可能有 20 块骨头和 30 个部分。大多数骨骼都依赖于父骨骼,骨骼会每帧移动。
我在使用 ES 着色器时遇到了一些晦涩难懂的问题,而且我现在几乎没有想法了。 这是一些代码: .. precision mediump float; .. #define STEP (1f/6f) 5
我是一名优秀的程序员,十分优秀!